@motion-script/vite-plugin 0.1.0 → 0.2.1

package/dist/index.js

@@ -157,44 +157,63 @@ async function b(e, t = []) {
 }
 //#endregion
 //#region src/plugin.ts
-var x = e.dirname(n(import.meta.url)), S = [
-	"react",
-	"react-dom",
-	"react/jsx-runtime",
-	"react/jsx-dev-runtime"
-], C = "~asset-manifest", w = "\0~asset-manifest", T = e.resolve(x, "plugin-app", "public");
-function E() {
-	let n = r(import.meta.url);
+var x = e.dirname(n(import.meta.url)), S = ["react", "react-dom"], C = r(import.meta.url);
+function w(e) {
 	try {
-		let r = e.join(e.dirname(n.resolve("@motion-script/canvaskit/package.json")), "canvaskit.wasm");
-		return t.existsSync(r) ? r : null;
+		return C.resolve(e);
 	} catch {
 		return null;
 	}
 }
-function D(n) {
+function T() {
+	let n;
+	try {
+		n = C.resolve("@motion-script/player/package.json");
+	} catch {
+		throw Error("[vite-plugin-motion-script] Could not resolve @motion-script/player. It is a dependency of this plugin — ensure it is installed.");
+	}
+	let r = e.dirname(n), i = JSON.parse(t.readFileSync(n, "utf8")), a = i.exports?.["."], o = typeof a == "string" ? a : a?.import, s = i.exports?.["./style.css"], c = typeof s == "string" ? s : s?.import;
+	if (!o || !c) throw Error("[vite-plugin-motion-script] @motion-script/player is missing its \".\" or \"./style.css\" export. The installed player package may be incompatible.");
+	let l = e.resolve(r, o), u = e.resolve(r, c);
+	if (!t.existsSync(l) || !t.existsSync(u)) throw Error(`[vite-plugin-motion-script] @motion-script/player resolved but its built files are missing (looked for ${l}). Build the player before running.`);
+	return {
+		root: r,
+		entry: l,
+		style: u
+	};
+}
+var E = "~asset-manifest", D = "\0~asset-manifest", O = e.resolve(x, "plugin-app", "public");
+function k() {
+	try {
+		let n = e.join(e.dirname(C.resolve("@motion-script/canvaskit/package.json")), "canvaskit.wasm");
+		return t.existsSync(n) ? n : null;
+	} catch {
+		return null;
+	}
+}
+function A(n) {
 	let r = null;
 	return [i(), {
 		name: "vite-plugin-motion-script",
 		resolveId(e) {
-			return e === C ? w : null;
+			return e === E ? D : null;
 		},
 		async load(t) {
-			if (t !== w) return null;
-			let n = await b(e.resolve(process.cwd(), "public"), [T]);
+			if (t !== D) return null;
+			let n = await b(e.resolve(process.cwd(), "public"), [O]);
 			return `export default ${JSON.stringify(n)};`;
 		},
 		configureServer(n) {
 			let r = process.cwd(), i = e.resolve(x, "plugin-app"), a = e.resolve(r, "public");
 			t.existsSync(a) && n.watcher.add(a);
 			let o = () => {
-				let e = n.moduleGraph.getModuleById(w);
+				let e = n.moduleGraph.getModuleById(D);
 				e && (n.moduleGraph.invalidateModule(e), n.ws.send({ type: "full-reload" }));
 			}, s = (e) => {
 				e.startsWith(a) && o();
 			};
 			n.watcher.on("add", s), n.watcher.on("change", s), n.watcher.on("unlink", s);
-			let c = E();
+			let c = k();
 			if (c) {
 				let e = c;
 				n.middlewares.use("/canvaskit.wasm", (n, r) => {
@@ -217,7 +236,10 @@ function D(n) {
 				"src/main.tsx",
 				"src/main.js",
 				"src/main.jsx"
-			].find((n) => t.existsSync(e.resolve(i, n))), s = ["src/project.ts", "src/project.js"].find((n) => t.existsSync(e.resolve(i, n))), c = e.resolve(x, "..", "node_modules"), l = e.resolve(x, "..", "..", "player", "dist"), u = Object.fromEntries(S.map((t) => [t, e.resolve(c, t)]));
+			].find((n) => t.existsSync(e.resolve(i, n))), s = ["src/project.ts", "src/project.js"].find((n) => t.existsSync(e.resolve(i, n))), c = e.resolve(x, "..", "node_modules"), { entry: l, style: u, root: d } = T(), f = Object.fromEntries(S.map((t) => {
+				let n = w(`${t}/package.json`);
+				return [t, n ? e.dirname(n) : e.resolve(c, t)];
+			}));
 			return {
 				root: a,
 				envDir: i,
@@ -226,12 +248,12 @@ function D(n) {
 					i,
 					a,
 					c,
-					l
+					d
 				] } },
 				resolve: { alias: {
-					...u,
-					"@motion-script/player/style.css": e.resolve(l, "motion-script-player.css"),
-					"@motion-script/player": e.resolve(l, "motion-script-player.js"),
+					...f,
+					"@motion-script/player/style.css": u,
+					"@motion-script/player": l,
 					"~user-script": o ? e.resolve(i, o) : e.resolve(a, "src/empty-fallback.js"),
 					"~user-project": s ? e.resolve(i, s) : e.resolve(a, "src/empty-project.ts")
 				} },
@@ -248,8 +270,8 @@ function D(n) {
 		closeBundle() {
 			if (!r) return;
 			t.mkdirSync(r, { recursive: !0 });
-			let n = E();
-			n && t.copyFileSync(n, e.join(r, "canvaskit.wasm")), t.existsSync(T) && t.cpSync(T, r, {
+			let n = k();
+			n && t.copyFileSync(n, e.join(r, "canvaskit.wasm")), t.existsSync(O) && t.cpSync(O, r, {
 				recursive: !0,
 				force: !1,
 				errorOnExist: !1
@@ -258,4 +280,4 @@ function D(n) {
 	}];
 }
 //#endregion
-export { D as default };
+export { A as default };

package/dist/src/plugin.d.ts

@@ -21,8 +21,11 @@ export interface MotionScriptOptions {
  * - Generates a virtual asset manifest (`~asset-manifest`) describing the
  *   user's `public/` directory plus plugin-app's bundled defaults, with HMR
  *   invalidation when the user's assets change.
- * - Aliases React to the plugin's own `node_modules` so plugin-app resolves
- *   correctly even when the user's project doesn't depend on React directly.
+ * - Aliases React (resolved from wherever it's installed) so plugin-app
+ *   resolves correctly even when the user's project doesn't depend on React.
+ * - Aliases `@motion-script/player` to its installed, prebuilt dist, resolved
+ *   via Node module resolution so it works from an npm install, not just the
+ *   monorepo.
  *
  * Returns a `PluginOption[]` (rather than a single plugin object) because it
  * also needs `@vitejs/plugin-react` to be active for plugin-app's JSX.

package/package.json

@@ -1,44 +1,46 @@
-{
-  "name": "@motion-script/vite-plugin",
-  "description": "Vite plugin that bootstraps a Motion Script project: it serves a preview app, resolves the user's scene as the entry point, and ships CanvasKit assets with the build.",
-  "license": "Apache-2.0",
-  "version": "0.1.0",
-  "type": "module",
-  "main": "./dist/index.js",
-  "types": "./dist/index.d.ts",
-  "publishConfig": {
-    "access": "public"
-  },
-  "exports": {
-    ".": {
-      "import": "./dist/index.js",
-      "types": "./dist/index.d.ts"
-    }
-  },
-  "files": [
-    "dist"
-  ],
-  "scripts": {
-    "build": "vite build",
-    "clean": "rimraf dist .turbo && tsc -b --clean"
-  },
-  "dependencies": {
-    "@vitejs/plugin-react": "^6.0.0",
-    "fontkit": "^2.0.4",
-    "image-size": "^2.0.2",
-    "music-metadata": "^11.8.3",
-    "react": "catalog:",
-    "react-dom": "catalog:"
-  },
-  "peerDependencies": {
-    "vite": "catalog:"
-  },
-  "devDependencies": {
-    "@types/node": "catalog:",
-    "@types/react": "^19.0.0",
-    "@types/react-dom": "^19.0.0",
-    "typescript": "catalog:",
-    "vite": "catalog:",
-    "vite-plugin-dts": "catalog:"
-  }
+{
+  "name": "@motion-script/vite-plugin",
+  "description": "Vite plugin that bootstraps a Motion Script project: it serves a preview app, resolves the user's scene as the entry point, and ships CanvasKit assets with the build.",
+  "license": "Apache-2.0",
+  "version": "0.2.1",
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "publishConfig": {
+    "access": "public"
+  },
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "vite build",
+    "clean": "rimraf dist .turbo && tsc -b --clean"
+  },
+  "dependencies": {
+    "@motion-script/canvaskit": "^0.2.0",
+    "@motion-script/player": "^0.2.0",
+    "@vitejs/plugin-react": "^6.0.0",
+    "fontkit": "^2.0.4",
+    "image-size": "^2.0.2",
+    "music-metadata": "^11.8.3",
+    "react": "catalog:",
+    "react-dom": "catalog:"
+  },
+  "peerDependencies": {
+    "vite": "catalog:"
+  },
+  "devDependencies": {
+    "@types/node": "catalog:",
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
+    "typescript": "catalog:",
+    "vite": "catalog:",
+    "vite-plugin-dts": "catalog:"
+  }
 }