wgsl-edit 0.0.2

package/dist/WgslEdit.d.mts

@@ -0,0 +1,118 @@
+import { LinkParams } from "wesl";
+
+//#region src/WgslEdit.d.ts
+type WeslProject = Pick<LinkParams, "weslSrc" | "rootModuleName" | "conditions" | "constants" | "libs" | "packageName">;
+type Theme = "light" | "dark" | "auto";
+type LintMode = "on" | "off";
+declare class WgslEdit extends HTMLElement {
+  static observedAttributes: string[];
+  private editorView;
+  private editorContainer;
+  private tabBar;
+  private snackbar;
+  private readonlyCompartment;
+  private themeCompartment;
+  private lintCompartment;
+  private lineNumbersCompartment;
+  private _pendingSource;
+  private _theme;
+  private _mediaQuery;
+  private _lineNumbers;
+  private _files;
+  private _activeFile;
+  private _tabs;
+  private _lint;
+  private _conditions;
+  private _packageName;
+  private _libs;
+  private _ignorePackages;
+  private _fetchingPkgs;
+  private _snackTimer;
+  private _externalDiagnostics;
+  private _lintFromEl;
+  /** Bound listeners for lint-from element's compile events. */
+  private _boundCompileError;
+  private _boundCompileSuccess;
+  constructor();
+  connectedCallback(): void;
+  disconnectedCallback(): void;
+  attributeChangedCallback(name: string, _old: string | null, value: string | null): void;
+  /** Active file content (backward compatible). */
+  get source(): string;
+  /** Set active file content (backward compatible). */
+  set source(value: string);
+  /** All file contents keyed by module path (e.g., "package::main"). */
+  get sources(): Record<string, string>;
+  /** Set all files (replaces existing). */
+  set sources(value: Record<string, string>);
+  /** Load a full project config (sources, conditions, packageName, etc.). */
+  set project(value: WeslProject);
+  /** Currently active file name. */
+  get activeFile(): string;
+  /** Switch to a file by name. */
+  set activeFile(name: string);
+  /** List of file names in order. */
+  get fileNames(): string[];
+  /** Tab bar visibility. */
+  get tabs(): boolean;
+  set tabs(value: boolean);
+  /** Lint mode: "on" (default) or "off". */
+  get lint(): LintMode;
+  set lint(value: LintMode);
+  /** Line numbers visibility (default: true). */
+  get lineNumbers(): boolean;
+  set lineNumbers(value: boolean);
+  /** Whether the editor is currently loading content. */
+  get loading(): boolean;
+  set loading(value: boolean);
+  /** Show the snackbar with a message. Auto-hides after `ms` if provided. */
+  private showSnack;
+  private hideSnack;
+  get readonly(): boolean;
+  set readonly(value: boolean);
+  get theme(): Theme;
+  set theme(value: Theme);
+  get shaderRoot(): string | null;
+  set shaderRoot(value: string | null);
+  /** Add a new file. */
+  addFile(name: string, content?: string): void;
+  /** Remove a file. */
+  removeFile(name: string): void;
+  /** Rename a file. */
+  renameFile(oldName: string, newName: string): void;
+  /** Switch to a file, saving current state and restoring target state. */
+  private switchToFile;
+  /** Save current editor state to the active file. */
+  private saveCurrentFileState;
+  private dispatchFileChange;
+  private initEditor;
+  private readInitialAttributes;
+  private buildExtensions;
+  private resolveTheme;
+  private updateTheme;
+  private updateReadonly;
+  private resolveLint;
+  /** Fetch missing library packages, deduplicating in-flight requests. */
+  private fetchLibsOnDemand;
+  private updateLint;
+  /** Listen for compile-error/compile-success events from a lint source element. */
+  private connectLintSource;
+  private onCompileError;
+  private onCompileSuccess;
+  private resolveLineNumbers;
+  private updateLineNumbers;
+  /** Parse script tags into _files. Supports single or multi-file via data-name. */
+  private parseInlineContent;
+  /** Render tab bar based on files and visibility mode. */
+  private renderTabs;
+  /** Create a tab button for a file. */
+  private createTab;
+  /** Create the "+" button for adding new files. */
+  private createAddButton;
+  /** Start inline rename of a tab. */
+  private startRenameTab;
+  private loadFromUrl;
+  private loadInitialContent;
+}
+//#endregion
+export { WeslProject, WgslEdit };

package/dist/WgslEdit.mjs

@@ -0,0 +1,4 @@
+import "./Language.mjs";
+import { t as WgslEdit } from "./WgslEdit-D62UKrqG.mjs";
+
+export { WgslEdit };

package/dist/index.d.mts

@@ -0,0 +1,3 @@
+import { wesl, weslLanguage } from "./Language.mjs";
+import { WgslEdit } from "./WgslEdit.mjs";
+export { WgslEdit, wesl, weslLanguage };

package/dist/index.mjs

@@ -0,0 +1,8 @@
+import { wesl, weslLanguage } from "./Language.mjs";
+import { t as WgslEdit } from "./WgslEdit-D62UKrqG.mjs";
+
+//#region src/index.ts
+if (!customElements.get("wgsl-edit")) customElements.define("wgsl-edit", WgslEdit);
+
+//#endregion
+export { WgslEdit, wesl, weslLanguage };

package/package.json

@@ -0,0 +1,34 @@
+{
+  "name": "wgsl-edit",
+  "description": "Web component for editing WGSL/WESL with CodeMirror",
+  "version": "0.0.2",
+  "type": "module",
+  "exports": {
+    ".": "./src/index.ts",
+    "./element": "./src/WgslEdit.ts",
+    "./language": "./src/Language.ts"
+  },
+  "dependencies": {
+    "@codemirror/language": "^6.11.2",
+    "@codemirror/lint": "^6.0.0",
+    "@codemirror/state": "^6.0.0",
+    "@codemirror/view": "^6.0.0",
+    "@lezer/highlight": "^1.2.1",
+    "codemirror": "^6.0.0",
+    "wesl-fetch": "0.0.2",
+    "wesl": "0.7.15",
+    "lezer-wesl": "0.6.37"
+  },
+  "devDependencies": {
+    "open": "^10.0.0",
+    "vite": "^7.3.0",
+    "wgsl-play": "x",
+    "yargs": "^18.0.0"
+  },
+  "scripts": {
+    "build": "tsdown",
+    "build:demo": "vite build --config vite.config.ts demo",
+    "dev": "vite demo",
+    "typecheck": "tsgo"
+  }
+}