badgecraft 0.3.0

package/dist/element.cjs

@@ -0,0 +1,176 @@
+'use strict';
+
+var chunkBRT5S5PF_cjs = require('./chunk-BRT5S5PF.cjs');
+
+// src/element/index.ts
+var text = (v) => v;
+var number = (v) => v.trim() === "" ? void 0 : Number(v);
+var numberOrAuto = (v) => v === "auto" ? "auto" : number(v);
+var boolean = (v) => v !== "false" && v !== "0";
+var json = (v) => {
+  try {
+    return JSON.parse(v);
+  } catch {
+    return void 0;
+  }
+};
+var nameOrJson = (v) => v.trim().startsWith("{") ? json(v) : v;
+var attributes = {
+  src: ["svg", text],
+  mode: ["mode", text],
+  metal: ["metal", nameOrJson],
+  enamel: ["enamel", nameOrJson],
+  base: ["base", nameOrJson],
+  accent: ["accent", nameOrJson],
+  color: ["color", text],
+  frame: ["frame", nameOrJson],
+  rim: ["rim", number],
+  outline: ["outline", numberOrAuto],
+  "fill-holes": ["fillHoles", boolean],
+  relief: ["relief", json],
+  environment: ["environment", nameOrJson],
+  "environment-rotation": ["environmentRotation", number],
+  exposure: ["exposure", number],
+  "tone-mapping": ["toneMapping", text],
+  interaction: ["interaction", text],
+  "tilt-max": ["tiltMax", number],
+  pose: ["pose", json],
+  idle: ["idle", text],
+  locked: ["locked", boolean],
+  "locked-color": ["lockedColor", text],
+  shadow: ["shadow", number],
+  quality: ["quality", numberOrAuto],
+  padding: ["padding", number]
+};
+function createElementClass() {
+  return class BadgecraftElementImpl extends HTMLElement {
+    constructor() {
+      super();
+      this.badge = null;
+      this.extra = {};
+      this.generatedLabel = null;
+      this.ready = new Promise((resolve, reject) => {
+        this.readyResolve = resolve;
+        this.readyReject = reject;
+      });
+      const root = this.attachShadow({ mode: "open" });
+      const style = document.createElement("style");
+      style.textContent = ":host{display:inline-block;position:relative;width:160px;height:160px}:host([hidden]){display:none}div{width:100%;height:100%}";
+      this.container = document.createElement("div");
+      this.container.setAttribute("part", "badge");
+      root.append(style, this.container);
+      this.mutations = new MutationObserver(() => this.sync());
+      this.ready.catch(() => {
+      });
+    }
+    static get observedAttributes() {
+      return [...Object.keys(attributes), "alt"];
+    }
+    get options() {
+      return this.extra;
+    }
+    set options(value) {
+      this.extra = { ...value };
+      this.sync();
+    }
+    connectedCallback() {
+      if (Object.prototype.hasOwnProperty.call(this, "options")) {
+        const value = this.options;
+        delete this.options;
+        this.extra = { ...value };
+      }
+      if (!this.hasAttribute("role")) this.setAttribute("role", "img");
+      this.mutations.observe(this, { childList: true, subtree: true, characterData: true, attributes: true });
+      if (!this.badge) {
+        const options = this.collect();
+        if (options) this.badge = new chunkBRT5S5PF_cjs.Badgecraft(this.container, options);
+      }
+    }
+    disconnectedCallback() {
+      this.mutations.disconnect();
+      queueMicrotask(() => {
+        if (!this.isConnected && this.badge) {
+          this.badge.destroy();
+          this.badge = null;
+        }
+      });
+    }
+    attributeChangedCallback() {
+      this.sync();
+    }
+    spin(turns) {
+      this.badge?.spin(turns);
+    }
+    glint() {
+      this.badge?.glint();
+    }
+    toDataURL(type, quality) {
+      return this.badge?.toDataURL(type, quality) ?? "";
+    }
+    toBlob(type, quality) {
+      return this.badge?.toBlob(type, quality) ?? Promise.resolve(null);
+    }
+    sync() {
+      if (!this.isConnected) return;
+      const options = this.collect();
+      if (!options) {
+        this.badge?.destroy();
+        this.badge = null;
+        return;
+      }
+      if (this.badge) this.badge.setOptions(options);
+      else this.badge = new chunkBRT5S5PF_cjs.Badgecraft(this.container, options);
+    }
+    collect() {
+      const label = this.getAttribute("alt");
+      const current = this.getAttribute("aria-label");
+      if (current === null || current === this.generatedLabel) {
+        if (label !== current) {
+          if (label === null) this.removeAttribute("aria-label");
+          else this.setAttribute("aria-label", label);
+        }
+        this.generatedLabel = label;
+      }
+      const out = {};
+      for (const [attr, [key, parse]] of Object.entries(attributes)) {
+        const value = this.getAttribute(attr);
+        if (value !== null) {
+          const parsed = parse(value);
+          if (parsed !== void 0 && !(typeof parsed === "number" && Number.isNaN(parsed))) out[key] = parsed;
+        }
+      }
+      Object.assign(out, this.extra);
+      if (out.svg === void 0) {
+        const inline = this.querySelector("svg");
+        const template = this.querySelector("template");
+        if (inline) out.svg = new XMLSerializer().serializeToString(inline);
+        else if (template) out.svg = template.innerHTML.trim();
+      }
+      if (out.svg === void 0) return null;
+      out.onReady = () => {
+        this.readyResolve();
+        this.dispatchEvent(new CustomEvent("ready"));
+        this.extra.onReady?.();
+      };
+      out.onError = (error) => {
+        this.readyReject(error);
+        this.dispatchEvent(new CustomEvent("error", { detail: error }));
+        this.extra.onError?.(error);
+      };
+      return out;
+    }
+  };
+}
+function defineBadgecraft(tagName = "badge-craft") {
+  if (typeof customElements === "undefined") return void 0;
+  const existing = customElements.get(tagName);
+  if (existing) return existing;
+  const ctor = createElementClass();
+  customElements.define(tagName, ctor);
+  return ctor;
+}
+defineBadgecraft();
+
+exports.defineBadgecraft = defineBadgecraft;
+//# sourceMappingURL=element.cjs.map
+//# sourceMappingURL=element.cjs.map

package/dist/element.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/element/index.ts"],"names":["Badgecraft"],"mappings":"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","file":"element.cjs","sourcesContent":["/**\n * `<badge-craft>` custom element. Works in plain HTML and any framework.\n *\n * ```html\n * <script type=\"module\">import 'badgecraft/element'</script>\n * <badge-craft src=\"/award.svg\" metal=\"gold\" frame=\"hexagon\"></badge-craft>\n * <badge-craft metal=\"silver\"><svg viewBox=\"0 0 24 24\">…</svg></badge-craft>\n * ```\n */\n\nimport { Badgecraft as Badge } from '../badge'\nimport type { BadgeOptions } from '../types'\n\nexport type * from '../types'\n\ntype Parser = (value: string) => unknown\n\nconst text: Parser = (v) => v\nconst number: Parser = (v) => (v.trim() === '' ? undefined : Number(v))\nconst numberOrAuto: Parser = (v) => (v === 'auto' ? 'auto' : number(v))\nconst boolean: Parser = (v) => v !== 'false' && v !== '0'\nconst json: Parser = (v) => {\n  try {\n    return JSON.parse(v)\n  } catch {\n    return undefined\n  }\n}\n/** Preset name or inline JSON object. */\nconst nameOrJson: Parser = (v) => (v.trim().startsWith('{') ? json(v) : v)\n\nconst attributes: Record<string, [keyof BadgeOptions, Parser]> = {\n  src: ['svg', text],\n  mode: ['mode', text],\n  metal: ['metal', nameOrJson],\n  enamel: ['enamel', nameOrJson],\n  base: ['base', nameOrJson],\n  accent: ['accent', nameOrJson],\n  color: ['color', text],\n  frame: ['frame', nameOrJson],\n  rim: ['rim', number],\n  outline: ['outline', numberOrAuto],\n  'fill-holes': ['fillHoles', boolean],\n  relief: ['relief', json],\n  environment: ['environment', nameOrJson],\n  'environment-rotation': ['environmentRotation', number],\n  exposure: ['exposure', number],\n  'tone-mapping': ['toneMapping', text],\n  interaction: ['interaction', text],\n  'tilt-max': ['tiltMax', number],\n  pose: ['pose', json],\n  idle: ['idle', text],\n  locked: ['locked', boolean],\n  'locked-color': ['lockedColor', text],\n  shadow: ['shadow', number],\n  quality: ['quality', numberOrAuto],\n  padding: ['padding', number],\n}\n\nexport interface BadgecraftElement extends HTMLElement {\n  /** Options set from JavaScript; merged over attributes. */\n  options: Partial<BadgeOptions>\n  spin(turns?: number): void\n  glint(): void\n  toDataURL(type?: string, quality?: number): string\n  toBlob(type?: string, quality?: number): Promise<Blob | null>\n  readonly ready: Promise<void>\n}\n\nfunction createElementClass(): CustomElementConstructor {\n  return class BadgecraftElementImpl extends HTMLElement implements BadgecraftElement {\n    static get observedAttributes() {\n      return [...Object.keys(attributes), 'alt']\n    }\n\n    private badge: Badge | null = null\n    private container: HTMLDivElement\n    private extra: Partial<BadgeOptions> = {}\n    private generatedLabel: string | null = null\n    private mutations: MutationObserver\n    private readyResolve!: () => void\n    private readyReject!: (error: Error) => void\n    readonly ready: Promise<void> = new Promise((resolve, reject) => {\n      this.readyResolve = resolve\n      this.readyReject = reject\n    })\n\n    constructor() {\n      super()\n      const root = this.attachShadow({ mode: 'open' })\n      const style = document.createElement('style')\n      style.textContent =\n        ':host{display:inline-block;position:relative;width:160px;height:160px}:host([hidden]){display:none}div{width:100%;height:100%}'\n      this.container = document.createElement('div')\n      this.container.setAttribute('part', 'badge')\n      root.append(style, this.container)\n      // Inline <svg> children are the artwork; re-bake when they change.\n      this.mutations = new MutationObserver(() => this.sync())\n      this.ready.catch(() => {})\n    }\n\n    get options(): Partial<BadgeOptions> {\n      return this.extra\n    }\n\n    set options(value: Partial<BadgeOptions>) {\n      this.extra = { ...value }\n      this.sync()\n    }\n\n    connectedCallback(): void {\n      // `el.options = …` assigned before the element was upgraded is an own property\n      // shadowing the setter; re-apply it through the setter.\n      if (Object.prototype.hasOwnProperty.call(this, 'options')) {\n        const value = (this as { options?: Partial<BadgeOptions> }).options\n        delete (this as { options?: unknown }).options\n        this.extra = { ...value }\n      }\n      if (!this.hasAttribute('role')) this.setAttribute('role', 'img')\n      this.mutations.observe(this, { childList: true, subtree: true, characterData: true, attributes: true })\n      if (!this.badge) {\n        const options = this.collect()\n        if (options) this.badge = new Badge(this.container, options)\n      }\n    }\n\n    disconnectedCallback(): void {\n      this.mutations.disconnect()\n      // Defer so moving the element within the DOM doesn't rebuild it.\n      queueMicrotask(() => {\n        if (!this.isConnected && this.badge) {\n          this.badge.destroy()\n          this.badge = null\n        }\n      })\n    }\n\n    attributeChangedCallback(): void {\n      this.sync()\n    }\n\n    spin(turns?: number): void {\n      this.badge?.spin(turns)\n    }\n\n    glint(): void {\n      this.badge?.glint()\n    }\n\n    toDataURL(type?: string, quality?: number): string {\n      return this.badge?.toDataURL(type, quality) ?? ''\n    }\n\n    toBlob(type?: string, quality?: number): Promise<Blob | null> {\n      return this.badge?.toBlob(type, quality) ?? Promise.resolve(null)\n    }\n\n    private sync(): void {\n      if (!this.isConnected) return\n      const options = this.collect()\n      if (!options) {\n        this.badge?.destroy()\n        this.badge = null\n        return\n      }\n      if (this.badge) this.badge.setOptions(options)\n      else this.badge = new Badge(this.container, options)\n    }\n\n    private collect(): BadgeOptions | null {\n      const label = this.getAttribute('alt')\n      const current = this.getAttribute('aria-label')\n      if (current === null || current === this.generatedLabel) {\n        if (label !== current) {\n          if (label === null) this.removeAttribute('aria-label')\n          else this.setAttribute('aria-label', label)\n        }\n        this.generatedLabel = label\n      }\n      const out: Record<string, unknown> = {}\n      for (const [attr, [key, parse]] of Object.entries(attributes)) {\n        const value = this.getAttribute(attr)\n        if (value !== null) {\n          const parsed = parse(value)\n          if (parsed !== undefined && !(typeof parsed === 'number' && Number.isNaN(parsed))) out[key] = parsed\n        }\n      }\n      Object.assign(out, this.extra)\n      if (out.svg === undefined) {\n        const inline = this.querySelector('svg')\n        const template = this.querySelector('template')\n        // XML serialisation: outerHTML would emit HTML entities (e.g. &nbsp;) that XML can't parse.\n        if (inline) out.svg = new XMLSerializer().serializeToString(inline)\n        else if (template) out.svg = template.innerHTML.trim()\n      }\n      if (out.svg === undefined) return null\n      out.onReady = () => {\n        this.readyResolve()\n        this.dispatchEvent(new CustomEvent('ready'))\n        ;(this.extra.onReady as (() => void) | undefined)?.()\n      }\n      out.onError = (error: Error) => {\n        this.readyReject(error)\n        this.dispatchEvent(new CustomEvent('error', { detail: error }))\n        ;(this.extra.onError as ((e: Error) => void) | undefined)?.(error)\n      }\n      return out as unknown as BadgeOptions\n    }\n  }\n}\n\n/** Register the custom element (idempotent). Returns the constructor. */\nexport function defineBadgecraft(tagName = 'badge-craft'): CustomElementConstructor | undefined {\n  if (typeof customElements === 'undefined') return undefined\n  const existing = customElements.get(tagName)\n  if (existing) return existing\n  const ctor = createElementClass()\n  customElements.define(tagName, ctor)\n  return ctor\n}\n\ndefineBadgecraft()\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'badge-craft': BadgecraftElement\n  }\n}\n"]}

package/dist/element.d.cts

@@ -0,0 +1,31 @@
+import { B as BadgeOptions } from './types-CHM3-ZZV.cjs';
+export { a as BadgeMode, b as BadgecraftHandle, c as BrushDirection, E as EnvironmentInput, d as EnvironmentLight, e as EnvironmentPreset, F as FrameOptions, f as FrameShape, I as IdleAnimation, g as ImageEnvironment, h as Interaction, M as Material, i as MaterialInput, j as MaterialPreset, k as MaterialSlot, P as ProceduralEnvironment, l as ProfileShape, R as ReliefOptions, m as ReliefRole, T as ToneMapping } from './types-CHM3-ZZV.cjs';
+
+/**
+ * `<badge-craft>` custom element. Works in plain HTML and any framework.
+ *
+ * ```html
+ * <script type="module">import 'badgecraft/element'</script>
+ * <badge-craft src="/award.svg" metal="gold" frame="hexagon"></badge-craft>
+ * <badge-craft metal="silver"><svg viewBox="0 0 24 24">…</svg></badge-craft>
+ * ```
+ */
+
+interface BadgecraftElement extends HTMLElement {
+    /** Options set from JavaScript; merged over attributes. */
+    options: Partial<BadgeOptions>;
+    spin(turns?: number): void;
+    glint(): void;
+    toDataURL(type?: string, quality?: number): string;
+    toBlob(type?: string, quality?: number): Promise<Blob | null>;
+    readonly ready: Promise<void>;
+}
+/** Register the custom element (idempotent). Returns the constructor. */
+declare function defineBadgecraft(tagName?: string): CustomElementConstructor | undefined;
+declare global {
+    interface HTMLElementTagNameMap {
+        'badge-craft': BadgecraftElement;
+    }
+}
+
+export { BadgeOptions, type BadgecraftElement, defineBadgecraft };

package/dist/element.d.ts

@@ -0,0 +1,31 @@
+import { B as BadgeOptions } from './types-CHM3-ZZV.js';
+export { a as BadgeMode, b as BadgecraftHandle, c as BrushDirection, E as EnvironmentInput, d as EnvironmentLight, e as EnvironmentPreset, F as FrameOptions, f as FrameShape, I as IdleAnimation, g as ImageEnvironment, h as Interaction, M as Material, i as MaterialInput, j as MaterialPreset, k as MaterialSlot, P as ProceduralEnvironment, l as ProfileShape, R as ReliefOptions, m as ReliefRole, T as ToneMapping } from './types-CHM3-ZZV.js';
+
+/**
+ * `<badge-craft>` custom element. Works in plain HTML and any framework.
+ *
+ * ```html
+ * <script type="module">import 'badgecraft/element'</script>
+ * <badge-craft src="/award.svg" metal="gold" frame="hexagon"></badge-craft>
+ * <badge-craft metal="silver"><svg viewBox="0 0 24 24">…</svg></badge-craft>
+ * ```
+ */
+
+interface BadgecraftElement extends HTMLElement {
+    /** Options set from JavaScript; merged over attributes. */
+    options: Partial<BadgeOptions>;
+    spin(turns?: number): void;
+    glint(): void;
+    toDataURL(type?: string, quality?: number): string;
+    toBlob(type?: string, quality?: number): Promise<Blob | null>;
+    readonly ready: Promise<void>;
+}
+/** Register the custom element (idempotent). Returns the constructor. */
+declare function defineBadgecraft(tagName?: string): CustomElementConstructor | undefined;
+declare global {
+    interface HTMLElementTagNameMap {
+        'badge-craft': BadgecraftElement;
+    }
+}
+
+export { BadgeOptions, type BadgecraftElement, defineBadgecraft };

package/dist/element.js

@@ -0,0 +1,174 @@
+import { Badgecraft } from './chunk-RRYBMB25.js';
+
+// src/element/index.ts
+var text = (v) => v;
+var number = (v) => v.trim() === "" ? void 0 : Number(v);
+var numberOrAuto = (v) => v === "auto" ? "auto" : number(v);
+var boolean = (v) => v !== "false" && v !== "0";
+var json = (v) => {
+  try {
+    return JSON.parse(v);
+  } catch {
+    return void 0;
+  }
+};
+var nameOrJson = (v) => v.trim().startsWith("{") ? json(v) : v;
+var attributes = {
+  src: ["svg", text],
+  mode: ["mode", text],
+  metal: ["metal", nameOrJson],
+  enamel: ["enamel", nameOrJson],
+  base: ["base", nameOrJson],
+  accent: ["accent", nameOrJson],
+  color: ["color", text],
+  frame: ["frame", nameOrJson],
+  rim: ["rim", number],
+  outline: ["outline", numberOrAuto],
+  "fill-holes": ["fillHoles", boolean],
+  relief: ["relief", json],
+  environment: ["environment", nameOrJson],
+  "environment-rotation": ["environmentRotation", number],
+  exposure: ["exposure", number],
+  "tone-mapping": ["toneMapping", text],
+  interaction: ["interaction", text],
+  "tilt-max": ["tiltMax", number],
+  pose: ["pose", json],
+  idle: ["idle", text],
+  locked: ["locked", boolean],
+  "locked-color": ["lockedColor", text],
+  shadow: ["shadow", number],
+  quality: ["quality", numberOrAuto],
+  padding: ["padding", number]
+};
+function createElementClass() {
+  return class BadgecraftElementImpl extends HTMLElement {
+    constructor() {
+      super();
+      this.badge = null;
+      this.extra = {};
+      this.generatedLabel = null;
+      this.ready = new Promise((resolve, reject) => {
+        this.readyResolve = resolve;
+        this.readyReject = reject;
+      });
+      const root = this.attachShadow({ mode: "open" });
+      const style = document.createElement("style");
+      style.textContent = ":host{display:inline-block;position:relative;width:160px;height:160px}:host([hidden]){display:none}div{width:100%;height:100%}";
+      this.container = document.createElement("div");
+      this.container.setAttribute("part", "badge");
+      root.append(style, this.container);
+      this.mutations = new MutationObserver(() => this.sync());
+      this.ready.catch(() => {
+      });
+    }
+    static get observedAttributes() {
+      return [...Object.keys(attributes), "alt"];
+    }
+    get options() {
+      return this.extra;
+    }
+    set options(value) {
+      this.extra = { ...value };
+      this.sync();
+    }
+    connectedCallback() {
+      if (Object.prototype.hasOwnProperty.call(this, "options")) {
+        const value = this.options;
+        delete this.options;
+        this.extra = { ...value };
+      }
+      if (!this.hasAttribute("role")) this.setAttribute("role", "img");
+      this.mutations.observe(this, { childList: true, subtree: true, characterData: true, attributes: true });
+      if (!this.badge) {
+        const options = this.collect();
+        if (options) this.badge = new Badgecraft(this.container, options);
+      }
+    }
+    disconnectedCallback() {
+      this.mutations.disconnect();
+      queueMicrotask(() => {
+        if (!this.isConnected && this.badge) {
+          this.badge.destroy();
+          this.badge = null;
+        }
+      });
+    }
+    attributeChangedCallback() {
+      this.sync();
+    }
+    spin(turns) {
+      this.badge?.spin(turns);
+    }
+    glint() {
+      this.badge?.glint();
+    }
+    toDataURL(type, quality) {
+      return this.badge?.toDataURL(type, quality) ?? "";
+    }
+    toBlob(type, quality) {
+      return this.badge?.toBlob(type, quality) ?? Promise.resolve(null);
+    }
+    sync() {
+      if (!this.isConnected) return;
+      const options = this.collect();
+      if (!options) {
+        this.badge?.destroy();
+        this.badge = null;
+        return;
+      }
+      if (this.badge) this.badge.setOptions(options);
+      else this.badge = new Badgecraft(this.container, options);
+    }
+    collect() {
+      const label = this.getAttribute("alt");
+      const current = this.getAttribute("aria-label");
+      if (current === null || current === this.generatedLabel) {
+        if (label !== current) {
+          if (label === null) this.removeAttribute("aria-label");
+          else this.setAttribute("aria-label", label);
+        }
+        this.generatedLabel = label;
+      }
+      const out = {};
+      for (const [attr, [key, parse]] of Object.entries(attributes)) {
+        const value = this.getAttribute(attr);
+        if (value !== null) {
+          const parsed = parse(value);
+          if (parsed !== void 0 && !(typeof parsed === "number" && Number.isNaN(parsed))) out[key] = parsed;
+        }
+      }
+      Object.assign(out, this.extra);
+      if (out.svg === void 0) {
+        const inline = this.querySelector("svg");
+        const template = this.querySelector("template");
+        if (inline) out.svg = new XMLSerializer().serializeToString(inline);
+        else if (template) out.svg = template.innerHTML.trim();
+      }
+      if (out.svg === void 0) return null;
+      out.onReady = () => {
+        this.readyResolve();
+        this.dispatchEvent(new CustomEvent("ready"));
+        this.extra.onReady?.();
+      };
+      out.onError = (error) => {
+        this.readyReject(error);
+        this.dispatchEvent(new CustomEvent("error", { detail: error }));
+        this.extra.onError?.(error);
+      };
+      return out;
+    }
+  };
+}
+function defineBadgecraft(tagName = "badge-craft") {
+  if (typeof customElements === "undefined") return void 0;
+  const existing = customElements.get(tagName);
+  if (existing) return existing;
+  const ctor = createElementClass();
+  customElements.define(tagName, ctor);
+  return ctor;
+}
+defineBadgecraft();
+
+export { defineBadgecraft };
+//# sourceMappingURL=element.js.map
+//# sourceMappingURL=element.js.map

package/dist/element.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/element/index.ts"],"names":[],"mappings":"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","file":"element.js","sourcesContent":["/**\n * `<badge-craft>` custom element. Works in plain HTML and any framework.\n *\n * ```html\n * <script type=\"module\">import 'badgecraft/element'</script>\n * <badge-craft src=\"/award.svg\" metal=\"gold\" frame=\"hexagon\"></badge-craft>\n * <badge-craft metal=\"silver\"><svg viewBox=\"0 0 24 24\">…</svg></badge-craft>\n * ```\n */\n\nimport { Badgecraft as Badge } from '../badge'\nimport type { BadgeOptions } from '../types'\n\nexport type * from '../types'\n\ntype Parser = (value: string) => unknown\n\nconst text: Parser = (v) => v\nconst number: Parser = (v) => (v.trim() === '' ? undefined : Number(v))\nconst numberOrAuto: Parser = (v) => (v === 'auto' ? 'auto' : number(v))\nconst boolean: Parser = (v) => v !== 'false' && v !== '0'\nconst json: Parser = (v) => {\n  try {\n    return JSON.parse(v)\n  } catch {\n    return undefined\n  }\n}\n/** Preset name or inline JSON object. */\nconst nameOrJson: Parser = (v) => (v.trim().startsWith('{') ? json(v) : v)\n\nconst attributes: Record<string, [keyof BadgeOptions, Parser]> = {\n  src: ['svg', text],\n  mode: ['mode', text],\n  metal: ['metal', nameOrJson],\n  enamel: ['enamel', nameOrJson],\n  base: ['base', nameOrJson],\n  accent: ['accent', nameOrJson],\n  color: ['color', text],\n  frame: ['frame', nameOrJson],\n  rim: ['rim', number],\n  outline: ['outline', numberOrAuto],\n  'fill-holes': ['fillHoles', boolean],\n  relief: ['relief', json],\n  environment: ['environment', nameOrJson],\n  'environment-rotation': ['environmentRotation', number],\n  exposure: ['exposure', number],\n  'tone-mapping': ['toneMapping', text],\n  interaction: ['interaction', text],\n  'tilt-max': ['tiltMax', number],\n  pose: ['pose', json],\n  idle: ['idle', text],\n  locked: ['locked', boolean],\n  'locked-color': ['lockedColor', text],\n  shadow: ['shadow', number],\n  quality: ['quality', numberOrAuto],\n  padding: ['padding', number],\n}\n\nexport interface BadgecraftElement extends HTMLElement {\n  /** Options set from JavaScript; merged over attributes. */\n  options: Partial<BadgeOptions>\n  spin(turns?: number): void\n  glint(): void\n  toDataURL(type?: string, quality?: number): string\n  toBlob(type?: string, quality?: number): Promise<Blob | null>\n  readonly ready: Promise<void>\n}\n\nfunction createElementClass(): CustomElementConstructor {\n  return class BadgecraftElementImpl extends HTMLElement implements BadgecraftElement {\n    static get observedAttributes() {\n      return [...Object.keys(attributes), 'alt']\n    }\n\n    private badge: Badge | null = null\n    private container: HTMLDivElement\n    private extra: Partial<BadgeOptions> = {}\n    private generatedLabel: string | null = null\n    private mutations: MutationObserver\n    private readyResolve!: () => void\n    private readyReject!: (error: Error) => void\n    readonly ready: Promise<void> = new Promise((resolve, reject) => {\n      this.readyResolve = resolve\n      this.readyReject = reject\n    })\n\n    constructor() {\n      super()\n      const root = this.attachShadow({ mode: 'open' })\n      const style = document.createElement('style')\n      style.textContent =\n        ':host{display:inline-block;position:relative;width:160px;height:160px}:host([hidden]){display:none}div{width:100%;height:100%}'\n      this.container = document.createElement('div')\n      this.container.setAttribute('part', 'badge')\n      root.append(style, this.container)\n      // Inline <svg> children are the artwork; re-bake when they change.\n      this.mutations = new MutationObserver(() => this.sync())\n      this.ready.catch(() => {})\n    }\n\n    get options(): Partial<BadgeOptions> {\n      return this.extra\n    }\n\n    set options(value: Partial<BadgeOptions>) {\n      this.extra = { ...value }\n      this.sync()\n    }\n\n    connectedCallback(): void {\n      // `el.options = …` assigned before the element was upgraded is an own property\n      // shadowing the setter; re-apply it through the setter.\n      if (Object.prototype.hasOwnProperty.call(this, 'options')) {\n        const value = (this as { options?: Partial<BadgeOptions> }).options\n        delete (this as { options?: unknown }).options\n        this.extra = { ...value }\n      }\n      if (!this.hasAttribute('role')) this.setAttribute('role', 'img')\n      this.mutations.observe(this, { childList: true, subtree: true, characterData: true, attributes: true })\n      if (!this.badge) {\n        const options = this.collect()\n        if (options) this.badge = new Badge(this.container, options)\n      }\n    }\n\n    disconnectedCallback(): void {\n      this.mutations.disconnect()\n      // Defer so moving the element within the DOM doesn't rebuild it.\n      queueMicrotask(() => {\n        if (!this.isConnected && this.badge) {\n          this.badge.destroy()\n          this.badge = null\n        }\n      })\n    }\n\n    attributeChangedCallback(): void {\n      this.sync()\n    }\n\n    spin(turns?: number): void {\n      this.badge?.spin(turns)\n    }\n\n    glint(): void {\n      this.badge?.glint()\n    }\n\n    toDataURL(type?: string, quality?: number): string {\n      return this.badge?.toDataURL(type, quality) ?? ''\n    }\n\n    toBlob(type?: string, quality?: number): Promise<Blob | null> {\n      return this.badge?.toBlob(type, quality) ?? Promise.resolve(null)\n    }\n\n    private sync(): void {\n      if (!this.isConnected) return\n      const options = this.collect()\n      if (!options) {\n        this.badge?.destroy()\n        this.badge = null\n        return\n      }\n      if (this.badge) this.badge.setOptions(options)\n      else this.badge = new Badge(this.container, options)\n    }\n\n    private collect(): BadgeOptions | null {\n      const label = this.getAttribute('alt')\n      const current = this.getAttribute('aria-label')\n      if (current === null || current === this.generatedLabel) {\n        if (label !== current) {\n          if (label === null) this.removeAttribute('aria-label')\n          else this.setAttribute('aria-label', label)\n        }\n        this.generatedLabel = label\n      }\n      const out: Record<string, unknown> = {}\n      for (const [attr, [key, parse]] of Object.entries(attributes)) {\n        const value = this.getAttribute(attr)\n        if (value !== null) {\n          const parsed = parse(value)\n          if (parsed !== undefined && !(typeof parsed === 'number' && Number.isNaN(parsed))) out[key] = parsed\n        }\n      }\n      Object.assign(out, this.extra)\n      if (out.svg === undefined) {\n        const inline = this.querySelector('svg')\n        const template = this.querySelector('template')\n        // XML serialisation: outerHTML would emit HTML entities (e.g. &nbsp;) that XML can't parse.\n        if (inline) out.svg = new XMLSerializer().serializeToString(inline)\n        else if (template) out.svg = template.innerHTML.trim()\n      }\n      if (out.svg === undefined) return null\n      out.onReady = () => {\n        this.readyResolve()\n        this.dispatchEvent(new CustomEvent('ready'))\n        ;(this.extra.onReady as (() => void) | undefined)?.()\n      }\n      out.onError = (error: Error) => {\n        this.readyReject(error)\n        this.dispatchEvent(new CustomEvent('error', { detail: error }))\n        ;(this.extra.onError as ((e: Error) => void) | undefined)?.(error)\n      }\n      return out as unknown as BadgeOptions\n    }\n  }\n}\n\n/** Register the custom element (idempotent). Returns the constructor. */\nexport function defineBadgecraft(tagName = 'badge-craft'): CustomElementConstructor | undefined {\n  if (typeof customElements === 'undefined') return undefined\n  const existing = customElements.get(tagName)\n  if (existing) return existing\n  const ctor = createElementClass()\n  customElements.define(tagName, ctor)\n  return ctor\n}\n\ndefineBadgecraft()\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'badge-craft': BadgecraftElement\n  }\n}\n"]}

package/dist/index.cjs

@@ -0,0 +1,47 @@
+'use strict';
+
+var chunkBRT5S5PF_cjs = require('./chunk-BRT5S5PF.cjs');
+
+// src/index.ts
+function isSupported() {
+  if (typeof document === "undefined") return false;
+  try {
+    const gl = document.createElement("canvas").getContext("webgl2");
+    gl?.getExtension("WEBGL_lose_context")?.loseContext();
+    return !!gl;
+  } catch {
+    return false;
+  }
+}
+
+Object.defineProperty(exports, "Badgecraft", {
+  enumerable: true,
+  get: function () { return chunkBRT5S5PF_cjs.Badgecraft; }
+});
+Object.defineProperty(exports, "createBadge", {
+  enumerable: true,
+  get: function () { return chunkBRT5S5PF_cjs.createBadge; }
+});
+Object.defineProperty(exports, "defaults", {
+  enumerable: true,
+  get: function () { return chunkBRT5S5PF_cjs.defaults; }
+});
+Object.defineProperty(exports, "environments", {
+  enumerable: true,
+  get: function () { return chunkBRT5S5PF_cjs.environments; }
+});
+Object.defineProperty(exports, "framePaths", {
+  enumerable: true,
+  get: function () { return chunkBRT5S5PF_cjs.framePaths; }
+});
+Object.defineProperty(exports, "materials", {
+  enumerable: true,
+  get: function () { return chunkBRT5S5PF_cjs.materials; }
+});
+Object.defineProperty(exports, "resolveMaterial", {
+  enumerable: true,
+  get: function () { return chunkBRT5S5PF_cjs.resolveMaterial; }
+});
+exports.isSupported = isSupported;
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;;;AAQO,SAAS,WAAA,GAAuB;AACrC,EAAA,IAAI,OAAO,QAAA,KAAa,WAAA,EAAa,OAAO,KAAA;AAC5C,EAAA,IAAI;AACF,IAAA,MAAM,KAAK,QAAA,CAAS,aAAA,CAAc,QAAQ,CAAA,CAAE,WAAW,QAAQ,CAAA;AAC/D,IAAA,EAAA,EAAI,YAAA,CAAa,oBAAoB,CAAA,EAAG,WAAA,EAAY;AACpD,IAAA,OAAO,CAAC,CAAC,EAAA;AAAA,EACX,CAAA,CAAA,MAAQ;AACN,IAAA,OAAO,KAAA;AAAA,EACT;AACF","file":"index.cjs","sourcesContent":["export { Badgecraft, createBadge } from './badge'\nexport { materials, resolveMaterial } from './materials'\nexport { environments } from './environment'\nexport { framePaths } from './svg/frames'\nexport { defaults } from './options'\nexport type * from './types'\n\n/** True when the browser can render badges (WebGL2). */\nexport function isSupported(): boolean {\n  if (typeof document === 'undefined') return false\n  try {\n    const gl = document.createElement('canvas').getContext('webgl2')\n    gl?.getExtension('WEBGL_lose_context')?.loseContext()\n    return !!gl\n  } catch {\n    return false\n  }\n}\n"]}

package/dist/index.d.cts

@@ -0,0 +1,58 @@
+export { B as Badgecraft, c as createBadge } from './badge-CCjUxNIG.cjs';
+import { j as MaterialPreset, M as Material, i as MaterialInput, k as MaterialSlot, e as EnvironmentPreset, P as ProceduralEnvironment, f as FrameShape, a as BadgeMode, T as ToneMapping, h as Interaction, I as IdleAnimation } from './types-CHM3-ZZV.cjs';
+export { B as BadgeOptions, b as BadgecraftHandle, c as BrushDirection, E as EnvironmentInput, d as EnvironmentLight, F as FrameOptions, g as ImageEnvironment, l as ProfileShape, R as ReliefOptions, m as ReliefRole } from './types-CHM3-ZZV.cjs';
+
+type ResolvedMaterial = Required<Material>;
+/** Built-in materials. Metal colours are artist-tuned sRGB approximations of measured F0 values. */
+declare const materials: Record<MaterialPreset, Material>;
+declare function resolveMaterial(input: MaterialInput | undefined, slot: MaterialSlot): ResolvedMaterial;
+
+/**
+ * Procedural HDR studio environments. Light positions are relative to the
+ * viewer: azimuth 0 is directly behind the camera (what a flat badge face
+ * reflects), elevation is degrees above the horizon.
+ */
+declare const environments: Record<EnvironmentPreset, ProceduralEnvironment>;
+
+/** Frame outlines in a 0..100 box. */
+declare const framePaths: Record<FrameShape, string>;
+
+declare const defaults: {
+    mode: BadgeMode;
+    color: string;
+    rim: number;
+    outline: "auto";
+    autoOutline: number;
+    fillHoles: boolean;
+    relief: {
+        depth: number;
+        thickness: number;
+        floor: number;
+        profile: "round";
+        bevel: number;
+        edge: number;
+        enamelLevel: number;
+        enamelDome: number;
+        domeWidth: number;
+        smoothing: number;
+        ao: number;
+    };
+    exposure: number;
+    toneMapping: ToneMapping;
+    interaction: Interaction;
+    tiltMax: number;
+    pose: {
+        pitch: number;
+        yaw: number;
+        roll: number;
+    };
+    idle: IdleAnimation;
+    lockedColor: string;
+    shadow: number;
+    padding: number;
+};
+
+/** True when the browser can render badges (WebGL2). */
+declare function isSupported(): boolean;
+
+export { BadgeMode, EnvironmentPreset, FrameShape, IdleAnimation, Interaction, Material, MaterialInput, MaterialPreset, MaterialSlot, ProceduralEnvironment, ToneMapping, defaults, environments, framePaths, isSupported, materials, resolveMaterial };

package/dist/index.d.ts

@@ -0,0 +1,58 @@
+export { B as Badgecraft, c as createBadge } from './badge-B-g_9WFj.js';
+import { j as MaterialPreset, M as Material, i as MaterialInput, k as MaterialSlot, e as EnvironmentPreset, P as ProceduralEnvironment, f as FrameShape, a as BadgeMode, T as ToneMapping, h as Interaction, I as IdleAnimation } from './types-CHM3-ZZV.js';
+export { B as BadgeOptions, b as BadgecraftHandle, c as BrushDirection, E as EnvironmentInput, d as EnvironmentLight, F as FrameOptions, g as ImageEnvironment, l as ProfileShape, R as ReliefOptions, m as ReliefRole } from './types-CHM3-ZZV.js';
+
+type ResolvedMaterial = Required<Material>;
+/** Built-in materials. Metal colours are artist-tuned sRGB approximations of measured F0 values. */
+declare const materials: Record<MaterialPreset, Material>;
+declare function resolveMaterial(input: MaterialInput | undefined, slot: MaterialSlot): ResolvedMaterial;
+
+/**
+ * Procedural HDR studio environments. Light positions are relative to the
+ * viewer: azimuth 0 is directly behind the camera (what a flat badge face
+ * reflects), elevation is degrees above the horizon.
+ */
+declare const environments: Record<EnvironmentPreset, ProceduralEnvironment>;
+
+/** Frame outlines in a 0..100 box. */
+declare const framePaths: Record<FrameShape, string>;
+
+declare const defaults: {
+    mode: BadgeMode;
+    color: string;
+    rim: number;
+    outline: "auto";
+    autoOutline: number;
+    fillHoles: boolean;
+    relief: {
+        depth: number;
+        thickness: number;
+        floor: number;
+        profile: "round";
+        bevel: number;
+        edge: number;
+        enamelLevel: number;
+        enamelDome: number;
+        domeWidth: number;
+        smoothing: number;
+        ao: number;
+    };
+    exposure: number;
+    toneMapping: ToneMapping;
+    interaction: Interaction;
+    tiltMax: number;
+    pose: {
+        pitch: number;
+        yaw: number;
+        roll: number;
+    };
+    idle: IdleAnimation;
+    lockedColor: string;
+    shadow: number;
+    padding: number;
+};
+
+/** True when the browser can render badges (WebGL2). */
+declare function isSupported(): boolean;
+
+export { BadgeMode, EnvironmentPreset, FrameShape, IdleAnimation, Interaction, Material, MaterialInput, MaterialPreset, MaterialSlot, ProceduralEnvironment, ToneMapping, defaults, environments, framePaths, isSupported, materials, resolveMaterial };