wgsl-edit 0.0.25 → 0.0.26

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "wgsl-edit",
   "description": "Web component for editing WGSL/WESL with CodeMirror",
-  "version": "0.0.25",
+  "version": "0.0.26",
   "type": "module",
   "files": [
     "dist",
     "src"
   ],
-  "repository": "github:wgsl-tooling-wg/wesl-js",
+  "repository": "github:webgpu-tools/wesl-js",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
@@ -21,9 +21,17 @@
       "types": "./dist/Language.d.ts",
       "import": "./dist/Language.js"
     },
+    "./autosave": {
+      "types": "./dist/autosave.d.ts",
+      "import": "./dist/autosave.js"
+    },
     "./bundle": {
       "types": "./dist/WgslEdit.d.ts",
       "import": "./dist/wgsl-edit.js"
+    },
+    "./jsx-preact": {
+      "types": "./dist/jsx-preact.d.ts",
+      "import": "./dist/jsx-preact.js"
     }
   },
   "dependencies": {
@@ -36,22 +44,32 @@
     "@codemirror/view": "^6.0.0",
     "@lezer/highlight": "^1.2.1",
     "codemirror": "^6.0.0",
-    "lezer-wesl": "0.6.47",
-    "wesl": "0.7.26",
-    "wesl-fetch": "0.0.14"
+    "wesl-fetch": "0.0.15",
+    "lezer-wesl": "0.6.48",
+    "wesl": "0.7.27"
   },
   "devDependencies": {
     "@playwright/test": "^1.53.2",
     "open": "^10.0.0",
+    "preact": "^10.27.2",
     "vite": "^8.0.1",
+    "wesl-plugin": "x",
     "wgsl-play": "x",
     "yargs": "^18.0.0"
   },
+  "peerDependencies": {
+    "vite": "^8.0.1"
+  },
+  "peerDependenciesMeta": {
+    "vite": {
+      "optional": true
+    }
+  },
   "scripts": {
     "build": "tsdown",
     "build:demo": "vite build --config vite.config.ts demo",
     "deploy": "pnpm build:demo && pnpx wrangler pages deploy --project-name wgsl-edit --branch main site",
-    "dev": "vite demo",
+    "dev": "vite demo --config vite.config.ts",
     "dev:test": "vite test-page --config vite.config.ts",
     "test:e2e": "playwright test",
     "typecheck": "tsgo"

package/src/SaveEndpoint.ts

@@ -0,0 +1,2 @@
+/** Shared between client (WgslEdit) and server (SaveMiddleware) so they can't drift. */
+export const saveEndpoint = "/__wgsl-edit/save";

package/src/SaveMiddleware.ts

@@ -0,0 +1,71 @@
+import fs from "node:fs/promises";
+import type { IncomingMessage, ServerResponse } from "node:http";
+import path from "node:path";
+import { saveEndpoint } from "./SaveEndpoint.ts";
+
+/** Paths recently written by autosave; consumed by hotUpdate to suppress reloads. */
+export const pendingSaves = new Set<string>();
+
+/** Connect-style middleware that handles POST <saveEndpoint> to write files to disk. */
+export function weslSaveMiddleware(
+  projectRoot: string,
+): (req: IncomingMessage, res: ServerResponse, next: () => void) => void {
+  return (req, res, next) => {
+    if (req.url !== saveEndpoint) return next();
+    if (req.method !== "POST") return next();
+    readBody(req).then(body => handleSave(body, projectRoot, res), next);
+  };
+}
+
+interface SaveRequest {
+  root: string;
+  file: string;
+  content: string;
+}
+
+async function handleSave(
+  raw: string,
+  projectRoot: string,
+  res: ServerResponse,
+): Promise<void> {
+  let body: SaveRequest;
+  try {
+    body = JSON.parse(raw);
+  } catch {
+    return respond(res, 400, "invalid JSON");
+  }
+
+  const { root, file, content } = body;
+  if (!file || typeof content !== "string") {
+    return respond(res, 400, "missing file or content");
+  }
+
+  const resolved = path.resolve(projectRoot, root ?? ".", file);
+  if (!resolved.startsWith(projectRoot + path.sep)) {
+    return respond(res, 403, "path outside project root");
+  }
+
+  try {
+    await fs.mkdir(path.dirname(resolved), { recursive: true });
+    await fs.writeFile(resolved, content);
+    pendingSaves.add(resolved);
+    respond(res, 200, "ok");
+  } catch (e: any) {
+    console.error("[wgsl-edit] save failed:", e.message);
+    respond(res, 500, e.message);
+  }
+}
+
+function readBody(req: IncomingMessage): Promise<string> {
+  return new Promise((resolve, reject) => {
+    const chunks: Buffer[] = [];
+    req.on("data", (c: Buffer) => chunks.push(c));
+    req.on("end", () => resolve(Buffer.concat(chunks).toString()));
+    req.on("error", reject);
+  });
+}
+
+function respond(res: ServerResponse, status: number, msg: string): void {
+  res.writeHead(status, { "Content-Type": "text/plain" });
+  res.end(msg);
+}