wgsl-play 0.0.34 → 0.0.35

package/dist/WgslPlay.js

@@ -304,7 +304,8 @@ var WgslPlay = class extends HTMLElement {
 			this.project = {
 				weslSrc: detail?.sources ?? fallback,
 				rootModuleName: detail?.rootModuleName,
-				conditions: detail?.conditions
+				conditions: detail?.conditions,
+				libs: detail?.libs
 			};
 		};
 		el.addEventListener("change", this._sourceListener);

package/dist/wgsl-play.js

@@ -5989,7 +5989,8 @@ var WgslPlay = class extends HTMLElement {
 			this.project = {
 				weslSrc: detail?.sources ?? fallback,
 				rootModuleName: detail?.rootModuleName,
-				conditions: detail?.conditions
+				conditions: detail?.conditions,
+				libs: detail?.libs
 			};
 		};
 		el.addEventListener("change", this._sourceListener);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "wgsl-play",
-  "version": "0.0.34",
+  "version": "0.0.35",
   "type": "module",
   "files": [
     "dist",
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "wesl": "0.7.23",
-    "wesl-gpu": "0.1.25",
-    "wesl-fetch": "0.0.11"
+    "wesl-fetch": "0.0.11",
+    "wesl-gpu": "0.1.25"
   },
   "devDependencies": {
     "@playwright/test": "^1.53.2",

package/src/WgslPlay.ts

@@ -432,7 +432,7 @@ export class WgslPlay extends HTMLElement {
     await this.discoverAndRebuild();
     this._fromFullProject = true; // fast rebuilds on subsequent edits
 
-    // Listen for changes - rebuild with cached libs
+    // Listen for changes - rebuild with libs from source element
     this._sourceListener = (e: Event) => {
       const detail = (e as CustomEvent).detail;
       const fallback = { [this._rootModuleName]: detail?.source ?? "" };
@@ -440,6 +440,7 @@ export class WgslPlay extends HTMLElement {
         weslSrc: detail?.sources ?? fallback,
         rootModuleName: detail?.rootModuleName,
         conditions: detail?.conditions,
+        libs: detail?.libs,
       };
     };
     el.addEventListener("change", this._sourceListener);

package/src/test/WgslPlay.e2e.ts

@@ -221,20 +221,36 @@ test("connectToSource - external deps are fetched", async ({ page }) => {
   await expectCanvasSnapshot(page, "#player11", "connect-source-external.png");
 });
 
+test("connectToSource - dynamic npm package loading", async ({ page }) => {
+  await page.goto("/");
+  await waitForFrame(page, "#player12");
+
+  // Inject code referencing random_wgsl (not in initial content)
+  await page.click("#inject-npm12");
+  await page.waitForLoadState("networkidle");
+  await waitForFrame(page, "#player12");
+
+  const hasError = await page.evaluate(
+    () => (document.querySelector("#player12") as any)?.hasError ?? true,
+  );
+  expect(hasError).toBe(false);
+  await expectCanvasSnapshot(page, "#player12", "connect-dynamic-npm.png");
+});
+
 test("editor.link() with virtualLibs resolves env:: module", async ({
   page,
 }) => {
   await page.goto("/");
   await waitForWgslPlay(page);
 
-  await page.click("#link-btn12");
+  await page.click("#link-btn13");
   await page.waitForFunction(
     () =>
-      document.querySelector("#link-output12")?.textContent !==
+      document.querySelector("#link-output13")?.textContent !==
       "Not linked yet",
   );
 
-  const output = await page.textContent("#link-output12");
+  const output = await page.textContent("#link-output13");
   expect(output).toContain("var<uniform>");
   expect(output).toContain("fs_main");
   expect(output).not.toContain("Error");