Avoid bundling dependencies; Build CommonJS target

studio-web/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@storyteller/studio-web",
   "version": "0.0.1",
-  "dependencies": {},
+  "dependencies": {
+    "@storyteller/framework": "0.0.1",
+    "@storyteller/studio": "0.0.1",
+    "lit": "^2.8.0"
+  },
   "main": "./index.js",
   "module": "./index.mjs",
-  "typings": "./index.d.ts",
+  "typings": "./index.d.ts"
-  "exports": {
-    "./canvas-provider": "./canvas-provider.element.js",
-    "./viewer": "./viewer.element.js"
-  }
 }

studio-web/project.json

@@ -7,6 +7,12 @@
     "build": {
       "executor": "@nx/vite:build",
       "outputs": ["{options.outputPath}"],
+      "dependsOn": [
+        {
+          "projects": ["studio"],
+          "target": "build:web"
+        }
+      ],
       "options": {
         "outputPath": "dist/studio-web"
       }

studio-web/vite.config.ts

@@ -35,11 +35,15 @@ export default defineConfig({
       fileName: "index",
       // Change this to the formats you want to support.
       // Don't forget to update your package.json as well.
-      formats: ["es"],
+      formats: ["es", "cjs"],
     },
     rollupOptions: {
       // External packages that should not be bundled into your library.
-      external: [],
+      external: [
+        "lit",
+        "@storyteller/framework",
+        "@storyteller/studio",
+      ],
     },
   },