wgsl-edit 0.0.12 → 0.0.13

package/README.md

@@ -90,6 +90,7 @@ editor.project = {                    // load a full project
 
 ### Methods
 
+- `link(options?): Promise<string>` - Compile WESL sources into WGSL, returns the linked output
 - `addFile(name, content?)` - Add a new file
 - `removeFile(name)` - Remove a file
 - `renameFile(oldName, newName)` - Rename a file

package/dist/{WgslEdit-82bY_qxC.js → WgslEdit-BSUXQfGS.js}

@@ -1,7 +1,7 @@
 import { createWeslLinter, wesl } from "./Language.js";
 import { HighlightStyle, syntaxHighlighting } from "@codemirror/language";
 import { forceLinting } from "@codemirror/lint";
-import { fileToModulePath } from "wesl";
+import { fileToModulePath, link } from "wesl";
 import { Compartment, EditorState, Text } from "@codemirror/state";
 import { tags } from "@lezer/highlight";
 import { EditorView, basicSetup } from "codemirror";
@@ -91,6 +91,10 @@ var WgslEdit = class extends HTMLElement {
 	connectedCallback() {
 		this.initEditor();
 		this.loadInitialContent();
+		upgradeProperty(this, "conditions");
+		upgradeProperty(this, "source");
+		upgradeProperty(this, "sources");
+		upgradeProperty(this, "project");
 	}
 	disconnectedCallback() {
 		this.connectLintSource(null);
@@ -168,6 +172,19 @@ var WgslEdit = class extends HTMLElement {
 		}
 		this.updateLint();
 	}
+	/** Link/compile WESL sources into WGSL. Returns the compiled WGSL string. */
+	async link(options) {
+		const pkg = this._packageName ?? "package";
+		const rootModuleName = fileToModulePath(this._activeFile, pkg, false);
+		return (await link({
+			weslSrc: this.sources,
+			rootModuleName,
+			conditions: this._conditions,
+			libs: this._libs,
+			packageName: pkg,
+			...options
+		})).dest;
+	}
 	/** Currently active file name. */
 	get activeFile() {
 		return this._activeFile;
@@ -652,6 +669,14 @@ function getStyles() {
 	}
 	return cachedStyleSheet;
 }
+/** Absorb instance properties set before custom element upgrade. */
+function upgradeProperty(el, prop) {
+	if (Object.hasOwn(el, prop)) {
+		const value = el[prop];
+		delete el[prop];
+		el[prop] = value;
+	}
+}
 /** Convert a module path or file path to a tab name: "package::main" -> "main", "main.wesl" -> "main.wesl" */
 function toTabName(key) {
 	if (key.includes("::")) return key.replace(/^[^:]+::/, "").replaceAll("::", "/");

package/dist/WgslEdit.d.ts

@@ -50,6 +50,8 @@ declare class WgslEdit extends HTMLElement {
   set sources(value: Record<string, string>);
   /** Load a full project config (sources, conditions, packageName, etc.). */
   set project(value: WeslProject);
+  /** Link/compile WESL sources into WGSL. Returns the compiled WGSL string. */
+  link(options?: Partial<LinkParams>): Promise<string>;
   /** Currently active file name. */
   get activeFile(): string;
   /** Switch to a file by name. */

package/dist/WgslEdit.js

@@ -1,4 +1,4 @@
 import "./Language.js";
-import { t as WgslEdit } from "./WgslEdit-82bY_qxC.js";
+import { t as WgslEdit } from "./WgslEdit-BSUXQfGS.js";
 
 export { WgslEdit };

package/dist/index.js

@@ -1,5 +1,5 @@
 import { wesl, weslLanguage } from "./Language.js";
-import { t as WgslEdit } from "./WgslEdit-82bY_qxC.js";
+import { t as WgslEdit } from "./WgslEdit-BSUXQfGS.js";
 
 //#region src/index.ts
 if (!customElements.get("wgsl-edit")) customElements.define("wgsl-edit", WgslEdit);