correctly create csj and esm build

examples/example.js

@@ -1,5 +1,5 @@
-const { OpenSpaceApi } = require('../dist/api.js');
-const { Socket } = require('../dist/socket.js');
+const { OpenSpaceApi } = require('../dist/cjs/api.js');
+const { Socket } = require('../dist/cjs/socket.js');
 
 const password = '';
 

examples/example.ts

@@ -43,8 +43,8 @@ async function main() {
 
   for (let i = 0; i < 5; i++) {
     setTimeout(() => {
-      addSceneGraphNode();
-    }, 2000);
+      addSceneGraphNode(i);
+    }, i * 2000);
   }
 
   setTimeout(() => {
@@ -103,8 +103,7 @@ async function getScaleUpdates() {
   await loop();
 }
 
-let nodeIndex = 0;
-async function addSceneGraphNode() {
+async function addSceneGraphNode(nodeIndex: number) {
   const identifier = `TestNode${nodeIndex}`;
   const name = `Test Node ${nodeIndex}`;
   try {
@@ -130,7 +129,6 @@ async function addSceneGraphNode() {
     console.log('Failed to add scene graph node. Error: \n ', e);
   }
 
-  nodeIndex++;
   console.log(`Added ${name}`);
 
   openspace?.setPropertyValue('NavigationHandler.OrbitalNavigator.Anchor', identifier);

package.json

@@ -1,42 +1,42 @@
 {
   "name": "openspace-api-js",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "description": "OpenSpace Socket/Websocket API bindings for JavaScript",
-  "main": "./dist/node.js",
+  "main": "./dist/cjs/node.js",
   "browser": {
-    "./dist/node.js": "./dist/browser.js"
+    "./dist/cjs/node.js": "./dist/cjs/browser.js"
   },
-  "types": "./dist/node.d.ts",
+  "types": "./dist/cjs/node.d.ts",
   "exports": {
     ".": {
-      "types": "./dist/node.d.ts",
-      "import": "./dist/node.js",
-      "require": "./dist/node.js",
-      "browser": "./dist/browser.js",
-      "default": "./dist/node.js"
+      "browser": "./dist/esm/browser.js",
+      "import": "./dist/esm/node.js",
+      "require": "./dist/cjs/node.js",
+      "types": "./dist/cjs/node.d.ts",
+      "default": "./dist/cjs/node.js"
     },
     "./api": {
-      "types": "./dist/api.d.ts",
-      "import": "./dist/api.js",
-      "require": "./dist/api.js"
+      "import": "./dist/esm/api.js",
+      "require": "./dist/cjs/api.js",
+      "types": "./dist/cjs/api.d.ts"
     },
     "./types": {
-      "types": "./dist/types/index.d.ts",
-      "import": "./dist/types/index.js",
-      "require": "./dist/types/index.js"
+      "import": "./dist/esm/types/index.js",
+      "require": "./dist/cjs/types/index.js",
+      "types": "./dist/cjs/types/index.d.ts"
     },
     "./topics": {
-      "types": "./dist/topic.d.ts",
-      "import": "./dist/topic.js",
-      "require": "./dist/topic.js"
+      "import": "./dist/esm/topic.js",
+      "require": "./dist/cjs/topic.js",
+      "types": "./dist/cjs/topic.d.ts"
     }
   },
   "files": [
     "dist/",
     "README.md"
   ],
   "scripts": {
-    "build": "rimraf dist && tsc --project tsconfig.json && rollup --config rollup.config.ts --configPlugin typescript",
+    "build": "rimraf dist && tsc --project tsconfig.cjs.json && tsc --project tsconfig.esm.json && rollup --config rollup.config.ts --configPlugin typescript",
     "typecheck": "tsc --noEmit",
     "generate-lua-library": "pip install -r script/requirements.txt && python script/generatetypescriptfile.py",
     "generate-topic-types": "node script/generatetopictypes.mjs",

tsconfig.cjs.json

@@ -0,0 +1,10 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "module": "node16",
+    "moduleResolution": "node16",
+    "declaration": true,
+    "outDir": "./dist/cjs",
+    "declarationDir": "./dist/cjs"
+  }
+}

tsconfig.esm.json

@@ -0,0 +1,10 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "module": "esnext",
+    "moduleResolution": "bundler",
+    "declaration": true,
+    "outDir": "./dist/esm",
+    "declarationDir": "./dist/esm"
+  }
+}

tsconfig.json

@@ -1,12 +1,8 @@
 {
   "compilerOptions": {
     "target": "es2022",
-    "module": "commonjs",
     "lib": ["ES2023", "DOM"],
-    "outDir": "./dist",
     "rootDir": "./src",
-    "declaration": true,
-    "declarationDir": "./dist",
     "strict": true,
     "esModuleInterop": true,
     "skipLibCheck": true,

tsconfig.rollup.json

@@ -2,6 +2,7 @@
   "extends": "./tsconfig.json",
   "compilerOptions": {
     "module": "esnext",
-    "moduleResolution": "bundler"
+    "moduleResolution": "bundler",
+    "outDir": "./dist"
   }
 }