@nonoun/native-playground 0.2.11 → 0.2.13

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nonoun/native-playground",
-  "version": "0.2.11",
+  "version": "0.2.13",
   "description": "Embeddable live code sandbox for @nonoun/native-ui",
   "license": "MIT",
   "type": "module",

package/dist/editors.d.ts

@@ -1,4 +0,0 @@
-export type TabName = 'html' | 'css' | 'js';
-export declare const TAB_LABELS: Record<TabName, string>;
-export declare function getLanguageExtension(language: TabName): import("@codemirror/language").LanguageSupport;
-//# sourceMappingURL=editors.d.ts.map

package/dist/editors.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"editors.d.ts","sourceRoot":"","sources":["../src/editors.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,OAAO,GAAG,MAAM,GAAG,KAAK,GAAG,IAAI,CAAC;AAE5C,eAAO,MAAM,UAAU,EAAE,MAAM,CAAC,OAAO,EAAE,MAAM,CAA0C,CAAC;AAE1F,wBAAgB,oBAAoB,CAAC,QAAQ,EAAE,OAAO,kDAMrD"}

package/dist/iframe/template.d.ts

@@ -1,23 +0,0 @@
-/**
- * Builds an HTML string for use as iframe `srcdoc` in the playground.
- * Renders user code (HTML, CSS, JS) in an isolated iframe with
- * native-ui loaded via external CSS and register script URLs.
- */
-export interface SrcdocOptions {
-    /** User's HTML from the HTML pane */
-    html: string;
-    /** User's CSS from the CSS pane */
-    css: string;
-    /** User's JS from the JS pane */
-    js: string;
-    /** Pre-resolved framework CSS to inline as <style> (preferred) */
-    frameworkCss?: string;
-    /** URL to native-ui.css — fallback when frameworkCss is not available */
-    cssUrl?: string;
-    /** URL to native-ui register script (CDN or bundled) */
-    registerUrl: string;
-    /** Optional OKLCH token overrides as CSS custom properties */
-    themeOverrides?: string;
-}
-export declare function buildSrcdoc(options: SrcdocOptions): string;
-//# sourceMappingURL=template.d.ts.map

package/dist/iframe/template.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"template.d.ts","sourceRoot":"","sources":["../../src/iframe/template.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,MAAM,WAAW,aAAa;IAC5B,qCAAqC;IACrC,IAAI,EAAE,MAAM,CAAC;IACb,mCAAmC;IACnC,GAAG,EAAE,MAAM,CAAC;IACZ,iCAAiC;IACjC,EAAE,EAAE,MAAM,CAAC;IACX,kEAAkE;IAClE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,yEAAyE;IACzE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,wDAAwD;IACxD,WAAW,EAAE,MAAM,CAAC;IACpB,8DAA8D;IAC9D,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAUD,wBAAgB,WAAW,CAAC,OAAO,EAAE,aAAa,GAAG,MAAM,CAoE1D"}

package/dist/index.d.ts

@@ -1,8 +0,0 @@
-export { NPlayground } from './playground-element.ts';
-export { createPlaygroundStore } from './playground-store.ts';
-export type { PlaygroundStore, ConsoleEntry } from './playground-store.ts';
-export { getLanguageExtension, TAB_LABELS } from './editors.ts';
-export type { TabName } from './editors.ts';
-export { buildSrcdoc } from './iframe/template.ts';
-export type { SrcdocOptions } from './iframe/template.ts';
-//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAGtD,OAAO,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAC9D,YAAY,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAG3E,OAAO,EAAE,oBAAoB,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAChE,YAAY,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAG5C,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,YAAY,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/playground-element.d.ts

@@ -1,45 +0,0 @@
-import { NativeElement } from '@nonoun/native-ui';
-import '@nonoun/native-codemirror/register';
-import type { TabName } from './editors.ts';
-/**
- * Interactive code playground with live preview.
- *
- * Renders a tabbed code editor (CodeMirror), a sandboxed iframe preview,
- * toolbar controls, and an optional console panel. Content is sourced from
- * `<script type="playground/html|css|js">` children at setup time.
- *
- * @attr {string} orientation - Layout direction: "horizontal" | "vertical" | "auto" (default "auto")
- * @attr {boolean} auto-run - Auto-run preview on code changes (default true)
- * @attr {number} debounce - Debounce delay in ms for auto-run (default 300)
- * @attr {string} active-tab - Active editor tab: "html" | "css" | "js" (default "html")
- * @attr {boolean} console-open - Whether the console panel is visible
- * @attr {boolean} readonly - Disable editing
- * @attr {string} preview-theme - OKLCH token overrides as CSS custom property string
- * @attr {string} css-url - URL to native-ui.css for the iframe (required)
- * @attr {string} register-url - URL to native-ui register script for the iframe (required)
- *
- * @fires playground:run - When the preview updates, detail: { html, css, js }
- * @fires playground:change - When user edits code, detail: { tab, code }
- * @fires playground:copy - When code is copied, detail: { tab, code }
- * @fires playground:reset - When code is reset, detail: { html, css, js }
- */
-export declare class NPlayground extends NativeElement {
-    #private;
-    static observedAttributes: string[];
-    /** Manually trigger a preview update. */
-    run(): Promise<void>;
-    /** Reset all code to initial values. */
-    reset(): void;
-    /** Get the current code from all three editors. */
-    getCode(): {
-        html: string;
-        css: string;
-        js: string;
-    };
-    /** Programmatically set code in one or more editors. */
-    setCode(code: Partial<Record<TabName, string>>): void;
-    attributeChangedCallback(name: string, old: string | null, val: string | null): void;
-    setup(): void;
-    teardown(): void;
-}
-//# sourceMappingURL=playground-element.d.ts.map

package/dist/playground-element.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"playground-element.d.ts","sourceRoot":"","sources":["../src/playground-element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAuD,MAAM,mBAAmB,CAAC;AAEvG,OAAO,oCAAoC,CAAC;AAI5C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAK5C;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,qBAAa,WAAY,SAAQ,aAAa;;IAC5C,MAAM,CAAC,kBAAkB,WAUvB;IAsBF,yCAAyC;IACzC,GAAG,IAAI,OAAO,CAAC,IAAI,CAAC;IAIpB,wCAAwC;IACxC,KAAK,IAAI,IAAI;IAIb,mDAAmD;IACnD,OAAO,IAAI;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAE;IAQpD,wDAAwD;IACxD,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,GAAG,IAAI;IAarD,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IAqCpF,KAAK,IAAI,IAAI;IA6Fb,QAAQ,IAAI,IAAI;CA2ZjB"}

package/dist/playground-store.d.ts

@@ -1,24 +0,0 @@
-import type { Signal } from '@nonoun/native-ui';
-export interface ConsoleEntry {
-    level: 'log' | 'warn' | 'error' | 'clear';
-    args: string[];
-}
-export interface PlaygroundStore {
-    html: Signal<string>;
-    css: Signal<string>;
-    js: Signal<string>;
-    initialHtml: string;
-    initialCss: string;
-    initialJs: string;
-    activeTab: Signal<'html' | 'css' | 'js'>;
-    consoleOpen: Signal<boolean>;
-    fullscreen: Signal<boolean>;
-    orientation: Signal<'horizontal' | 'vertical' | 'auto'>;
-    autoRun: Signal<boolean>;
-    debounce: Signal<number>;
-    readonly: Signal<boolean>;
-    consoleEntries: Signal<ConsoleEntry[]>;
-    previewTheme: Signal<string>;
-}
-export declare function createPlaygroundStore(initialHtml: string, initialCss: string, initialJs: string): PlaygroundStore;
-//# sourceMappingURL=playground-store.d.ts.map

package/dist/playground-store.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"playground-store.d.ts","sourceRoot":"","sources":["../src/playground-store.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAEhD,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,KAAK,GAAG,MAAM,GAAG,OAAO,GAAG,OAAO,CAAC;IAC1C,IAAI,EAAE,MAAM,EAAE,CAAC;CAChB;AAED,MAAM,WAAW,eAAe;IAE9B,IAAI,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC;IACrB,GAAG,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC;IACpB,EAAE,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC;IAGnB,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAGlB,SAAS,EAAE,MAAM,CAAC,MAAM,GAAG,KAAK,GAAG,IAAI,CAAC,CAAC;IACzC,WAAW,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;IAC7B,UAAU,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;IAC5B,WAAW,EAAE,MAAM,CAAC,YAAY,GAAG,UAAU,GAAG,MAAM,CAAC,CAAC;IACxD,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;IACzB,QAAQ,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC;IACzB,QAAQ,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;IAG1B,cAAc,EAAE,MAAM,CAAC,YAAY,EAAE,CAAC,CAAC;IAGvC,YAAY,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC;CAC9B;AAED,wBAAgB,qBAAqB,CACnC,WAAW,EAAE,MAAM,EACnB,UAAU,EAAE,MAAM,EAClB,SAAS,EAAE,MAAM,GAChB,eAAe,CAsBjB"}

package/dist/register.d.ts

@@ -1,10 +0,0 @@
-/**
- * Register native-playground
- *
- * Side-effect module that registers the <native-playground> custom element.
- *
- * Usage:
- *   import '@nonoun/native-playground/register';
- */
-export {};
-//# sourceMappingURL=register.d.ts.map

package/dist/register.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"register.d.ts","sourceRoot":"","sources":["../src/register.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG"}