wgsl-play 0.0.4 → 0.0.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "wgsl-play",
-  "version": "0.0.4",
+  "version": "0.0.6",
   "type": "module",
   "repository": "github:wgsl-tooling-wg/wesl-js",
   "exports": {
@@ -12,8 +12,8 @@
     "fflate": "^0.8.2",
     "nanotar": "^0.2.0",
     "resolve.exports": "^2.0.3",
-    "wesl": "0.6.49",
-    "wesl-gpu": "0.1.3"
+    "wesl": "0.7.2",
+    "wesl-gpu": "0.1.5"
   },
   "devDependencies": {
     "@playwright/test": "^1.53.2",

package/src/BundleLoader.ts

@@ -3,6 +3,14 @@ import { type ParsedTarFileItem, parseTar } from "nanotar";
 import type { WeslBundle } from "wesl";
 import { loadBundlesFromFiles, type WeslBundleFile } from "./BundleHydrator.ts";
 
+/** Fetch bundle files from an npm package (without evaluating). */
+export async function fetchBundleFilesFromNpm(
+  packageName: string,
+): Promise<WeslBundleFile[]> {
+  const tgzUrl = await npmPackageToUrl(packageName);
+  return fetchBundleFilesFromUrl(tgzUrl);
+}
+
 /** Load bundles from URL or npm package name, return bundles, package name, and resolved tgz URL. */
 export async function loadBundlesWithPackageName(
   input: string,
@@ -28,7 +36,8 @@ export async function loadBundlesWithPackageName(
   return { bundles, packageName, tgzUrl };
 }
 
-/** Load WESL bundles from a tgz URL. */
+/** Load WESL bundles from a tgz URL.
+ * (handy for privately published packages) */
 export async function loadBundlesFromTgz(
   tgzUrl: string,
   packageName: string,
@@ -41,16 +50,11 @@ export async function loadBundlesFromTgz(
   return loadBundlesFromFiles(bundleFiles);
 }
 
-/** Custom tgz URL for lygia (npm package is outdated). */
-export const lygiaTgzUrl =
-  "https://raw.githubusercontent.com/mighdoll/big-files/refs/heads/main/lygia-1.3.5-rc.2.tgz";
-
 /** Resolve input to a tgz URL (converts npm package names to registry URLs). */
 async function resolvePackageInput(input: string): Promise<string> {
   if (input.startsWith("http://") || input.startsWith("https://")) {
     return input;
   }
-  if (input === "lygia") return lygiaTgzUrl;
   return npmPackageToUrl(input);
 }
 
@@ -77,7 +81,7 @@ async function fetchAndExtractTgz(
 }
 
 /** Fetch bundle files from a tgz URL (without evaluating). */
-export async function fetchBundleFilesFromUrl(
+async function fetchBundleFilesFromUrl(
   tgzUrl: string,
 ): Promise<WeslBundleFile[]> {
   const entries = await fetchAndExtractTgz(tgzUrl);
@@ -91,16 +95,8 @@ export async function fetchBundleFilesFromUrl(
   return bundleFilesWithoutPkg.map(f => ({ ...f, packageName: pkgName }));
 }
 
-/** Fetch bundle files from an npm package (without evaluating). */
-export async function fetchBundleFilesFromNpm(
-  packageName: string,
-): Promise<WeslBundleFile[]> {
-  const tgzUrl = await npmPackageToUrl(packageName);
-  return fetchBundleFilesFromUrl(tgzUrl);
-}
-
 /** Fetch npm package tarball URL from registry metadata. */
-export async function npmPackageToUrl(packageName: string): Promise<string> {
+async function npmPackageToUrl(packageName: string): Promise<string> {
   const metadataUrl = `https://registry.npmjs.org/${packageName}`;
   const response = await fetch(metadataUrl);
   if (!response.ok) {

package/src/PackageLoader.ts

@@ -27,11 +27,7 @@ import {
 } from "wesl";
 import type { WeslBundleFile } from "./BundleHydrator.ts";
 import { bundleRegistry, hydrateBundleRegistry } from "./BundleHydrator.ts";
-import {
-  fetchBundleFilesFromNpm,
-  fetchBundleFilesFromUrl,
-  lygiaTgzUrl,
-} from "./BundleLoader.ts";
+import { fetchBundleFilesFromNpm } from "./BundleLoader.ts";
 import { getConfig, type WgslPlayConfig } from "./Config.ts";
 import { FetchingResolver } from "./FetchingResolver.ts";
 
@@ -162,11 +158,6 @@ async function fetchOnePackage(
   if (loaded.has(pkgId)) return [];
   loaded.add(pkgId);
 
-  // Special case for lygia - use custom tgz URL (npm package is outdated)
-  if (pkgId === "lygia") {
-    return fetchBundleFilesFromUrl(lygiaTgzUrl);
-  }
-
   for (const npmName of npmNameVariations(pkgId)) {
     try {
       return await fetchBundleFilesFromNpm(npmName);

package/src/WgslPlay.ts

@@ -35,20 +35,7 @@ export interface CompileErrorDetail {
 let styles: CSSStyleSheet | null = null;
 let template: HTMLTemplateElement | null = null;
 
-/**
- * <wgsl-play> - Web component for rendering WESL/WGSL fragment shaders.
- *
- * @example
- * <!-- From URL -->
- * <wgsl-play src="./shader.wesl"></wgsl-play>
- *
- * <!-- Inline source -->
- * <wgsl-play>
- *   @fragment fn fs_main() -> @location(0) vec4f {
- *     return vec4f(1.0, 0.0, 0.0, 1.0);
- *   }
- * </wgsl-play>
- */
+/** <wgsl-play> web component for rendering WESL/WGSL fragment shaders.  */
 export class WgslPlay extends HTMLElement {
   static observedAttributes = ["src", "shader-root"];
 

package/tsconfig.json

@@ -1,4 +1,7 @@
 {
   "extends": "../../tsconfig.browser.json",
+  "compilerOptions": {
+    "types": ["@webgpu/types", "node"]
+  },
   "include": ["src"]
 }