@domternal/vanilla 0.7.0

package/dist/shared/eventTarget.d.ts

@@ -0,0 +1,22 @@
+/**
+ * Helpers for typed event subscription over `EventTarget`.
+ *
+ * Each `@domternal/vanilla` class extends the platform `EventTarget` and
+ * dispatches `CustomEvent` instances. Consumers can use the platform
+ * `addEventListener('eventName', handler)` directly, OR call `subscribe()`
+ * which returns an unsubscribe function and narrows the detail type.
+ *
+ * Usage:
+ * ```ts
+ * import { subscribe } from '@domternal/vanilla';
+ *
+ * const off = subscribe<{ isOpen: boolean }>(picker, 'openchange', (detail) => {
+ *   console.log(detail.isOpen);
+ * });
+ * off(); // remove listener
+ * ```
+ *
+ * Each class JSDoc lists the events it emits + the shape of `detail`.
+ */
+export declare function subscribe<TDetail = unknown>(target: EventTarget, type: string, listener: (detail: TDetail) => void): () => void;
+//# sourceMappingURL=eventTarget.d.ts.map

package/dist/shared/eventTarget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"eventTarget.d.ts","sourceRoot":"","sources":["../../src/shared/eventTarget.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAKH,wBAAgB,SAAS,CAAC,OAAO,GAAG,OAAO,EACzC,MAAM,EAAE,WAAW,EACnB,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,GAClC,MAAM,IAAI,CAQZ"}

package/dist/shared/iconRenderer.d.ts

@@ -0,0 +1,20 @@
+import type { IconSet } from '@domternal/core';
+/**
+ * Resolve and inject an icon's SVG string into a host element.
+ *
+ * Why innerHTML is safe here: icons come from the `defaultIcons` lookup
+ * table (Phosphor SVG strings shipped with core) or from a consumer-provided
+ * `IconSet` object. Both are trusted by contract - they are constants in
+ * source code, not user input. This matches the React (`dangerouslySetInnerHTML`),
+ * Angular (`bypassSecurityTrustHtml`), and Vue (`v-html`) patterns.
+ *
+ * Consumer responsibility (documented in README): never pass user-controlled
+ * strings as icon values in your IconSet.
+ */
+export declare function renderIconInto(hostEl: HTMLElement, iconKey: string | undefined, icons: IconSet | undefined): void;
+/**
+ * Resolve an icon's SVG string without injection. Useful when caller
+ * builds the final DOM tree (e.g. via document.createElement chain).
+ */
+export declare function resolveIcon(iconKey: string | undefined, icons: IconSet | undefined): string;
+//# sourceMappingURL=iconRenderer.d.ts.map

package/dist/shared/iconRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"iconRenderer.d.ts","sourceRoot":"","sources":["../../src/shared/iconRenderer.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAE/C;;;;;;;;;;;GAWG;AACH,wBAAgB,cAAc,CAC5B,MAAM,EAAE,WAAW,EACnB,OAAO,EAAE,MAAM,GAAG,SAAS,EAC3B,KAAK,EAAE,OAAO,GAAG,SAAS,GACzB,IAAI,CASN;AAED;;;GAGG;AACH,wBAAgB,WAAW,CACzB,OAAO,EAAE,MAAM,GAAG,SAAS,EAC3B,KAAK,EAAE,OAAO,GAAG,SAAS,GACzB,MAAM,CAGR"}

package/dist/shared/index.d.ts

@@ -0,0 +1,6 @@
+export { isBrowser, assertBrowser } from './isBrowser.js';
+export { createPluginKey } from './pluginKey.js';
+export { renderIconInto, resolveIcon } from './iconRenderer.js';
+export { subscribe } from './eventTarget.js';
+export type { CustomContentOption } from './types.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/shared/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/shared/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChE,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,YAAY,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC"}

package/dist/shared/isBrowser.d.ts

@@ -0,0 +1,13 @@
+/**
+ * SSR-safe environment check.
+ *
+ * `@domternal/vanilla` classes construct DOM nodes and attach listeners on
+ * `document` / `window`. During SSR (Astro/Nuxt/Next.js build), the module
+ * may be imported but constructors must NOT run server-side.
+ *
+ * Class constructors call `assertBrowser()` early - throws a clear error
+ * if invoked outside a browser environment.
+ */
+export declare const isBrowser: boolean;
+export declare function assertBrowser(className: string): void;
+//# sourceMappingURL=isBrowser.d.ts.map

package/dist/shared/isBrowser.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"isBrowser.d.ts","sourceRoot":"","sources":["../../src/shared/isBrowser.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AACH,eAAO,MAAM,SAAS,EAAE,OAC0C,CAAC;AAEnE,wBAAgB,aAAa,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI,CAQrD"}

package/dist/shared/pluginKey.d.ts

@@ -0,0 +1,14 @@
+import { PluginKey } from '@domternal/core';
+/**
+ * Create a unique PluginKey with collision-free suffix.
+ *
+ * Two instances of the same wrapper class mounted in the same editor (rare
+ * but supported) need distinct keys to avoid ProseMirror plugin clashes.
+ *
+ * Why crypto.randomUUID + Math.random fallback: matches the framework
+ * wrapper convention (angular, react, vue all use this pattern as of
+ * commit fbef072). SSR may share Math.random seed across mount cycles,
+ * giving collisions; crypto.randomUUID is collision-free by spec.
+ */
+export declare function createPluginKey(prefix: string): PluginKey;
+//# sourceMappingURL=pluginKey.d.ts.map

package/dist/shared/pluginKey.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pluginKey.d.ts","sourceRoot":"","sources":["../../src/shared/pluginKey.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAE5C;;;;;;;;;;GAUG;AACH,wBAAgB,eAAe,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,CAKzD"}

package/dist/shared/types.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Shared option types reused across @domternal/vanilla components.
+ */
+/**
+ * Custom content slot - pass a pre-built DOM tree the wrapper appends
+ * into its host instead of rendering the default UI.
+ *
+ * The DOM you pass stays YOURS. The wrapper does NOT mutate it after
+ * construction and does NOT clean up event handlers on it during destroy.
+ * Manage its lifecycle yourself.
+ */
+export interface CustomContentOption {
+    customContent?: HTMLElement;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/shared/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/shared/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH;;;;;;;GAOG;AACH,MAAM,WAAW,mBAAmB;IAClC,aAAa,CAAC,EAAE,WAAW,CAAC;CAC7B"}

package/dist/toolbar/index.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/toolbar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/toolbar/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,CAAC"}

package/package.json

@@ -0,0 +1,50 @@
+{
+  "name": "@domternal/vanilla",
+  "version": "0.7.0",
+  "description": "Polished DOM components for the Domternal rich-text editor. Use in Astro, Svelte, Solid, plain HTML.",
+  "author": "https://github.com/ThomasNowHere",
+  "license": "MIT",
+  "type": "module",
+  "sideEffects": false,
+  "exports": {
+    ".": {
+      "@domternal/source": "./src/index.ts",
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      }
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "peerDependencies": {
+    "@domternal/core": ">=0.7.0",
+    "@domternal/extension-block-menu": ">=0.7.0"
+  },
+  "keywords": [
+    "vanilla",
+    "dom",
+    "astro",
+    "svelte",
+    "prosemirror",
+    "editor",
+    "rich-text",
+    "domternal"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/domternal/domternal.git",
+    "directory": "packages/vanilla"
+  },
+  "bugs": {
+    "url": "https://github.com/domternal/domternal/issues"
+  },
+  "homepage": "https://domternal.dev",
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "lint": "eslint src",
+    "typecheck": "tsc --noEmit"
+  }
+}