@clipbus/plugin-sdk 0.8.4 → 0.8.6

package/dist/preview/index.d.cts

@@ -0,0 +1,51 @@
+/**
+ * @clipbus/plugin-sdk/preview
+ *
+ * Framework-neutral development-time preview harness.
+ * Provides a minimal bidirectional fake host for iterating on plugin UIs
+ * without a real macOS host process.
+ *
+ * Usage:
+ * ```ts
+ * import { createPreviewWorkbench } from '@clipbus/plugin-sdk/preview';
+ *
+ * createPreviewWorkbench(document.getElementById('app')!, {
+ *   scenarios,
+ *   mount(slotEl, { scenario }) {
+ *     const app = createApp(MyPlugin);
+ *     app.mount(slotEl);
+ *     return () => app.unmount();
+ *   },
+ * });
+ * ```
+ */
+import type { PreviewWorkbenchOptions } from './types.js';
+export type { PreviewViewport, PreviewScenario, PreviewWorkbenchOptions } from './types.js';
+export type { WirePayloads } from './wire.js';
+export type { PreviewThemePreset } from './theme.js';
+export { computeWirePayloads, injectWire, applyThemeCssVars, THEME_CSS_VAR_NAMES } from './wire.js';
+export { installFakeHost } from './fakeHost.js';
+export type { FakeHostHooks } from './fakeHost.js';
+export { defaultDarkTheme, defaultLightTheme } from './theme.js';
+export { previewThemePresets, DEFAULT_THEME_KEY, getThemePreset, } from './theme.js';
+export { groupScenariosByMode, resolveViewportWidth, clampWidth } from './chrome.js';
+export { classifyWireSections, parsePayloadJson } from './inputPanel.js';
+export type { WireSection } from './inputPanel.js';
+export { PLUGIN_CALL_HANDLER_NAME, WINDOW_SET_HEIGHT_METHOD, } from '../generated/wireConstants.generated.js';
+/**
+ * Mount a preview workbench into `root`.
+ *
+ * Orchestration order:
+ *   1. Inject workbench styles.
+ *   2. Install fake host (hooks → OUT log + viewport height).
+ *   3. Render chrome (header/controls, workspace hero, dock with IN/OUT cards).
+ *   4. On each scenario activation:
+ *      a. computeWirePayloads(scenario, presetKey) → injectWire (host→plugin bootstrap).
+ *      b. applyThemeCssVars(slotEl, ...) — mirror --clipbus-* vars to plugin slot.
+ *      c. renderWireInput(inputContainer, payloads) — populate IN Wire Input panel.
+ *      d. Call opts.mount(slotEl, { scenario }) → get cleanup fn.
+ *   5. On theme change: re-inject wire (no remount) + re-render Wire Input so
+ *      the theme section reflects the new preset.
+ *   6. On scenario switch: cleanup previous → repeat step 4.
+ */
+export declare function createPreviewWorkbench(root: HTMLElement, opts: PreviewWorkbenchOptions): void;

package/dist/preview/index.d.ts

@@ -0,0 +1,51 @@
+/**
+ * @clipbus/plugin-sdk/preview
+ *
+ * Framework-neutral development-time preview harness.
+ * Provides a minimal bidirectional fake host for iterating on plugin UIs
+ * without a real macOS host process.
+ *
+ * Usage:
+ * ```ts
+ * import { createPreviewWorkbench } from '@clipbus/plugin-sdk/preview';
+ *
+ * createPreviewWorkbench(document.getElementById('app')!, {
+ *   scenarios,
+ *   mount(slotEl, { scenario }) {
+ *     const app = createApp(MyPlugin);
+ *     app.mount(slotEl);
+ *     return () => app.unmount();
+ *   },
+ * });
+ * ```
+ */
+import type { PreviewWorkbenchOptions } from './types.js';
+export type { PreviewViewport, PreviewScenario, PreviewWorkbenchOptions } from './types.js';
+export type { WirePayloads } from './wire.js';
+export type { PreviewThemePreset } from './theme.js';
+export { computeWirePayloads, injectWire, applyThemeCssVars, THEME_CSS_VAR_NAMES } from './wire.js';
+export { installFakeHost } from './fakeHost.js';
+export type { FakeHostHooks } from './fakeHost.js';
+export { defaultDarkTheme, defaultLightTheme } from './theme.js';
+export { previewThemePresets, DEFAULT_THEME_KEY, getThemePreset, } from './theme.js';
+export { groupScenariosByMode, resolveViewportWidth, clampWidth } from './chrome.js';
+export { classifyWireSections, parsePayloadJson } from './inputPanel.js';
+export type { WireSection } from './inputPanel.js';
+export { PLUGIN_CALL_HANDLER_NAME, WINDOW_SET_HEIGHT_METHOD, } from '../generated/wireConstants.generated.js';
+/**
+ * Mount a preview workbench into `root`.
+ *
+ * Orchestration order:
+ *   1. Inject workbench styles.
+ *   2. Install fake host (hooks → OUT log + viewport height).
+ *   3. Render chrome (header/controls, workspace hero, dock with IN/OUT cards).
+ *   4. On each scenario activation:
+ *      a. computeWirePayloads(scenario, presetKey) → injectWire (host→plugin bootstrap).
+ *      b. applyThemeCssVars(slotEl, ...) — mirror --clipbus-* vars to plugin slot.
+ *      c. renderWireInput(inputContainer, payloads) — populate IN Wire Input panel.
+ *      d. Call opts.mount(slotEl, { scenario }) → get cleanup fn.
+ *   5. On theme change: re-inject wire (no remount) + re-render Wire Input so
+ *      the theme section reflects the new preset.
+ *   6. On scenario switch: cleanup previous → repeat step 4.
+ */
+export declare function createPreviewWorkbench(root: HTMLElement, opts: PreviewWorkbenchOptions): void;