@flightdev/ui 2.0.0 → 4.0.0

package/dist/adapters/tier-3/petite-vue.d.ts

@@ -1,56 +0,0 @@
-import { B as BaseUIAdapter, A as AdapterCapabilities, C as Component, R as RenderContext, c as RenderResult } from '../../adapter-MMD-iHNx.js';
-
-/**
- * @flightdev/ui - Petite-vue Adapter (Tier 3)
- *
- * Petite-vue adapter - minimal (~6kb) Vue subset for progressive enhancement.
- *
- * @module @flightdev/ui/petite-vue
- * @version 2.0.0
- */
-
-interface PetiteVueAdapterOptions {
-    /** Petite-vue version */
-    version?: string;
-    /** Auto-initialize with v-scope */
-    autoInit?: boolean;
-}
-declare class PetiteVueAdapter extends BaseUIAdapter {
-    private options;
-    readonly id = "petite-vue";
-    readonly name = "Petite-vue";
-    readonly framework = "petite-vue";
-    readonly frameworkVersion = "0.4+";
-    readonly tier: "tier-3";
-    readonly capabilities: AdapterCapabilities;
-    constructor(options?: PetiteVueAdapterOptions);
-    renderToString(component: Component, _context?: RenderContext): Promise<RenderResult>;
-    getHydrationScript(_result: RenderResult): string;
-    getClientEntry(): string;
-}
-/**
- * Create a v-scope element
- */
-declare function vScope(state: Record<string, unknown>, content: string): string;
-/**
- * Create v-for binding
- */
-declare function vFor(items: string, itemName: string, content: string): string;
-/**
- * Create v-if binding
- */
-declare function vIf(condition: string, content: string): string;
-/**
- * Create a Petite-vue UI adapter.
- *
- * @example
- * ```typescript
- * import { petiteVue } from '@flightdev/ui/petite-vue';
- * import { defineUI } from '@flightdev/ui';
- *
- * export default defineUI(petiteVue());
- * ```
- */
-declare function petiteVue(options?: PetiteVueAdapterOptions): PetiteVueAdapter;
-
-export { PetiteVueAdapter, type PetiteVueAdapterOptions, petiteVue as default, petiteVue, vFor, vIf, vScope };

package/dist/adapters/tier-3/petite-vue.js

@@ -1,2 +0,0 @@
-export { PetiteVueAdapter, petite_vue_default as default, petiteVue, vFor, vIf, vScope } from '../../chunk-ZAJVSE7J.js';
-import '../../chunk-2SNQ6PTM.js';

package/dist/adapters/tier-3/stimulus.d.ts

@@ -1,63 +0,0 @@
-import { B as BaseUIAdapter, A as AdapterCapabilities, C as Component, R as RenderContext, c as RenderResult } from '../../adapter-MMD-iHNx.js';
-
-/**
- * @flightdev/ui - Stimulus Adapter (Tier 3)
- *
- * Stimulus adapter - modest JavaScript for the HTML you already have.
- *
- * @module @flightdev/ui/stimulus
- * @version 2.0.0
- */
-
-interface StimulusAdapterOptions {
-    /** Stimulus version */
-    version?: string;
-    /** Controllers directory path */
-    controllersPath?: string;
-    /** Enable debug mode */
-    debug?: boolean;
-}
-declare class StimulusAdapter extends BaseUIAdapter {
-    private options;
-    readonly id = "stimulus";
-    readonly name = "Stimulus";
-    readonly framework = "stimulus";
-    readonly frameworkVersion = "3+";
-    readonly tier: "tier-3";
-    readonly capabilities: AdapterCapabilities;
-    constructor(options?: StimulusAdapterOptions);
-    renderToString(component: Component, _context?: RenderContext): Promise<RenderResult>;
-    getHydrationScript(_result: RenderResult): string;
-    getClientEntry(): string;
-}
-/**
- * Create an element with a Stimulus controller
- */
-declare function controller(name: string, content: string, options?: {
-    values?: Record<string, unknown>;
-    classes?: Record<string, string>;
-    outlets?: Record<string, string>;
-    targets?: string[];
-}): string;
-/**
- * Create a data-action attribute
- */
-declare function action(controller: string, method: string, event?: string): string;
-/**
- * Create a data-target attribute
- */
-declare function target(controller: string, name: string): string;
-/**
- * Create a Stimulus UI adapter.
- *
- * @example
- * ```typescript
- * import { stimulus } from '@flightdev/ui/stimulus';
- * import { defineUI } from '@flightdev/ui';
- *
- * export default defineUI(stimulus({ debug: true }));
- * ```
- */
-declare function stimulus(options?: StimulusAdapterOptions): StimulusAdapter;
-
-export { StimulusAdapter, type StimulusAdapterOptions, action, controller, stimulus as default, stimulus, target };

package/dist/adapters/tier-3/stimulus.js

@@ -1,2 +0,0 @@
-export { StimulusAdapter, action, controller, stimulus_default as default, stimulus, target } from '../../chunk-CE4FJHQJ.js';
-import '../../chunk-2SNQ6PTM.js';

package/dist/adapters/tier-3/vanilla.d.ts

@@ -1,63 +0,0 @@
-import { B as BaseUIAdapter, A as AdapterCapabilities, C as Component, R as RenderContext, c as RenderResult, h as IslandOptions, i as Island } from '../../adapter-MMD-iHNx.js';
-
-/**
- * @flightdev/ui - Vanilla Web Components Adapter (Tier 3)
- *
- * Pure Web Components adapter - no framework, just standards.
- *
- * @module @flightdev/ui/vanilla
- * @version 2.0.0
- */
-
-interface VanillaAdapterOptions {
-    /** Enable declarative shadow DOM */
-    declarativeShadowDom?: boolean;
-    /** Polyfill for older browsers */
-    polyfill?: boolean;
-}
-declare class VanillaAdapter extends BaseUIAdapter {
-    private options;
-    readonly id = "vanilla";
-    readonly name = "Vanilla Web Components";
-    readonly framework = "vanilla";
-    readonly frameworkVersion = "ES2022+";
-    readonly tier: "tier-3";
-    readonly capabilities: AdapterCapabilities;
-    constructor(options?: VanillaAdapterOptions);
-    renderToString(component: Component, _context?: RenderContext): Promise<RenderResult>;
-    createIsland(component: unknown, props?: Record<string, unknown>, options?: IslandOptions): Island;
-    getHydrationScript(_result: RenderResult): string;
-    getClientEntry(): string;
-}
-/**
- * Create a custom element with declarative shadow DOM
- */
-declare function shadowRoot(content: string, mode?: 'open' | 'closed'): string;
-/**
- * Create a slot element
- */
-declare function slot(name?: string): string;
-/**
- * Create a basic custom element class string (for inline scripts)
- */
-declare function createElementClass(tagName: string, options?: {
-    connectedCallback?: string;
-    observedAttributes?: string[];
-    template?: string;
-}): string;
-/**
- * Create a Vanilla Web Components UI adapter.
- *
- * @example
- * ```typescript
- * import { vanilla } from '@flightdev/ui/vanilla';
- * import { defineUI } from '@flightdev/ui';
- *
- * export default defineUI(vanilla({
- *   declarativeShadowDom: true,
- * }));
- * ```
- */
-declare function vanilla(options?: VanillaAdapterOptions): VanillaAdapter;
-
-export { VanillaAdapter, type VanillaAdapterOptions, createElementClass, vanilla as default, shadowRoot, slot, vanilla };

package/dist/adapters/tier-3/vanilla.js

@@ -1,2 +0,0 @@
-export { VanillaAdapter, createElementClass, vanilla_default as default, shadowRoot, slot, vanilla } from '../../chunk-OI2AMQLG.js';
-import '../../chunk-2SNQ6PTM.js';

package/dist/chunk-2SNQ6PTM.js

@@ -1,217 +0,0 @@
-// src/core/adapter.ts
-var BaseUIAdapter = class {
-  // === Default Capabilities (Override as needed) ===
-  capabilities = {
-    streaming: false,
-    partialHydration: false,
-    islands: false,
-    resumable: false,
-    ssg: true,
-    csr: true,
-    serverComponents: false
-  };
-  frameworkVersion;
-  // === Default Implementations ===
-  /**
-   * Generate hydration script.
-   * Override for framework-specific hydration.
-   */
-  getHydrationScript(result) {
-    const data = JSON.stringify(result.hydrationData ?? {});
-    return `
-window.__FLIGHT_DATA__ = ${data};
-window.__FLIGHT_ADAPTER__ = '${this.id}';
-import('/flight-client.js').then(m => m.hydrate?.());
-        `.trim();
-  }
-  /**
-   * Get client entry point code.
-   * Override for framework-specific client initialization.
-   */
-  getClientEntry() {
-    return `
-// ${this.name} Client Entry
-// Override getClientEntry() in your adapter for custom behavior
-
-export function hydrate() {
-    console.log('[Flight] Hydrating with ${this.name}');
-    const data = window.__FLIGHT_DATA__;
-    const App = window.__FLIGHT_APP__;
-    
-    if (App && typeof App.mount === 'function') {
-        App.mount(document.getElementById('app'), data);
-    }
-}
-        `.trim();
-  }
-  // === Helper Methods (Available to all adapters) ===
-  /**
-   * Escape HTML entities to prevent XSS
-   */
-  escapeHtml(str) {
-    const htmlEscapes = {
-      "&": "&",
-      "<": "&lt;",
-      ">": "&gt;",
-      '"': "&quot;",
-      "'": "&#39;"
-    };
-    return str.replace(/[&<>"']/g, (char) => htmlEscapes[char] ?? char);
-  }
-  /**
-   * Serialize props to JSON for hydration
-   */
-  serializeProps(props) {
-    if (props === void 0 || props === null) {
-      return "{}";
-    }
-    try {
-      return JSON.stringify(props, this.jsonReplacer);
-    } catch {
-      console.warn(`[${this.id}] Failed to serialize props`);
-      return "{}";
-    }
-  }
-  /**
-   * JSON replacer for serialization
-   */
-  jsonReplacer(_key, value) {
-    if (value instanceof Map) {
-      return { __type: "Map", data: Array.from(value.entries()) };
-    }
-    if (value instanceof Set) {
-      return { __type: "Set", data: Array.from(value) };
-    }
-    if (value instanceof Date) {
-      return { __type: "Date", data: value.toISOString() };
-    }
-    if (typeof value === "bigint") {
-      return { __type: "BigInt", data: value.toString() };
-    }
-    if (typeof value === "function") {
-      return void 0;
-    }
-    return value;
-  }
-  /**
-   * Create a hydration marker comment
-   */
-  createHydrationMarker(id, type = "start") {
-    return `<!--flight:${type}:${id}-->`;
-  }
-  /**
-   * Wrap content with hydration markers
-   */
-  wrapWithMarkers(id, content) {
-    return `${this.createHydrationMarker(id, "start")}${content}${this.createHydrationMarker(id, "end")}`;
-  }
-  /**
-   * Generate a unique component ID
-   */
-  generateId() {
-    return `f${Math.random().toString(36).slice(2, 9)}`;
-  }
-  /**
-   * Create timing information
-   */
-  createTiming(startTime) {
-    return { total: performance.now() - startTime };
-  }
-  /**
-   * Merge render context with defaults
-   */
-  mergeContext(context) {
-    return {
-      url: "/",
-      ...context
-    };
-  }
-  /**
-   * Create an island (default implementation)
-   * Override for framework-specific island behavior.
-   */
-  createIsland(component, props, options) {
-    const id = this.generateId();
-    const componentName = typeof component === "string" ? component : "island-component";
-    return {
-      id,
-      component: componentName,
-      props: props ?? {},
-      placeholder: `<div data-island="${id}" data-component="${componentName}">Loading...</div>`,
-      options
-    };
-  }
-  /**
-   * Serialize state for resumability
-   */
-  serializeState(state) {
-    return this.serializeProps(state);
-  }
-  /**
-   * Resume from serialized state
-   */
-  resumeFromState(serialized) {
-    return JSON.parse(serialized, this.jsonReviver);
-  }
-  /**
-   * JSON reviver for deserialization
-   */
-  jsonReviver(_key, value) {
-    if (value && typeof value === "object" && "__type" in value) {
-      const typed = value;
-      switch (typed.__type) {
-        case "Map":
-          return new Map(typed.data);
-        case "Set":
-          return new Set(typed.data);
-        case "Date":
-          return new Date(typed.data);
-        case "BigInt":
-          return BigInt(typed.data);
-      }
-    }
-    return value;
-  }
-  /**
-   * Initialize the adapter
-   */
-  async init() {
-  }
-  /**
-   * Clean up resources
-   */
-  async dispose() {
-  }
-};
-function wrapV1Adapter(v1Adapter, tier = "tier-2") {
-  return {
-    id: v1Adapter.name.toLowerCase().replace(/\s+/g, "-"),
-    name: v1Adapter.name,
-    framework: v1Adapter.framework,
-    tier,
-    capabilities: {
-      streaming: false,
-      partialHydration: false,
-      islands: false,
-      resumable: false,
-      ssg: true,
-      csr: true,
-      serverComponents: false
-    },
-    renderToString: v1Adapter.renderToString.bind(v1Adapter),
-    getHydrationScript: v1Adapter.getHydrationScript.bind(v1Adapter),
-    getClientEntry: v1Adapter.getClientEntry.bind(v1Adapter),
-    transformForSSR: v1Adapter.transformForSSR?.bind(v1Adapter)
-  };
-}
-function isV2Adapter(adapter) {
-  return adapter !== null && typeof adapter === "object" && "id" in adapter && "tier" in adapter && "capabilities" in adapter;
-}
-function hasCapability(adapter, capability) {
-  return adapter.capabilities[capability] === true;
-}
-function getCapabilities(adapter) {
-  return Object.entries(adapter.capabilities).filter(([, enabled]) => enabled).map(([capability]) => capability);
-}
-
-export { BaseUIAdapter, getCapabilities, hasCapability, isV2Adapter, wrapV1Adapter };

package/dist/chunk-3D4XMIZI.js

@@ -1,136 +0,0 @@
-import { BaseUIAdapter } from './chunk-2SNQ6PTM.js';
-
-// src/adapters/tier-1/angular.ts
-var AngularAdapter = class extends BaseUIAdapter {
-  constructor(options = {}) {
-    super();
-    this.options = options;
-    this.documentTemplate = options.documentTemplate ?? this.getDefaultDocumentTemplate();
-  }
-  id = "angular";
-  name = "Angular";
-  framework = "angular";
-  frameworkVersion = "17+";
-  tier = "tier-1";
-  capabilities = {
-    streaming: true,
-    partialHydration: true,
-    islands: false,
-    // Angular doesn't have traditional islands
-    resumable: false,
-    ssg: true,
-    csr: true,
-    serverComponents: false
-  };
-  documentTemplate;
-  async renderToString(component, context) {
-    const startTime = performance.now();
-    try {
-      const { renderApplication } = await import('@angular/platform-server');
-      const { provideClientHydration, withIncrementalHydration, withEventReplay } = await import('@angular/platform-browser');
-      const hydrationFeatures = [];
-      if (this.options.incrementalHydration) {
-        hydrationFeatures.push(withIncrementalHydration());
-      }
-      if (this.options.eventReplay) {
-        hydrationFeatures.push(withEventReplay());
-      }
-      const bootstrap = component.component;
-      const url = context?.url ?? "/";
-      const html = await renderApplication(bootstrap, {
-        document: this.documentTemplate,
-        url
-      });
-      return {
-        html,
-        hydrationData: {
-          props: component.props,
-          url,
-          componentId: component.id ?? this.generateId()
-        },
-        timing: this.createTiming(startTime)
-      };
-    } catch (error) {
-      const message = error instanceof Error ? error.message : String(error);
-      if (message.includes("Cannot find module '@angular/platform-server'")) {
-        throw new Error(
-          "[Flight/Angular] Angular SSR dependencies not found.\nInstall required packages:\n  npm install @angular/core @angular/platform-server @angular/platform-browser"
-        );
-      }
-      throw error;
-    }
-  }
-  getHydrationScript(result) {
-    const data = this.serializeProps(result.hydrationData);
-    return `
-<script type="module">
-window.__FLIGHT_DATA__ = ${data};
-window.__FLIGHT_ADAPTER__ = 'angular';
-// Angular hydration is automatic when provideClientHydration is configured
-</script>
-        `.trim();
-  }
-  getClientEntry() {
-    return `
-import { bootstrapApplication } from '@angular/platform-browser';
-import { provideClientHydration } from '@angular/platform-browser';
-
-export async function hydrate() {
-    const App = window.__FLIGHT_APP__;
-    const data = window.__FLIGHT_DATA__ ?? {};
-
-    if (!App) {
-        console.warn('[Flight/Angular] No App component found');
-        return;
-    }
-
-    try {
-        const appRef = await bootstrapApplication(App, {
-            providers: [
-                provideClientHydration(),
-                // Additional providers can be added here
-            ],
-        });
-        
-        console.log('[Flight/Angular] Application bootstrapped');
-        return appRef;
-    } catch (error) {
-        console.error('[Flight/Angular] Bootstrap failed:', error);
-        throw error;
-    }
-}
-
-export async function render(AppComponent, providers = []) {
-    return bootstrapApplication(AppComponent, {
-        providers: [
-            ...providers,
-        ],
-    });
-}
-        `.trim();
-  }
-  /**
-   * Get the default document template for SSR
-   */
-  getDefaultDocumentTemplate() {
-    return `
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Flight App</title>
-</head>
-<body>
-    <app-root></app-root>
-</body>
-</html>
-        `.trim();
-  }
-};
-function angular(options) {
-  return new AngularAdapter(options);
-}
-var angular_default = angular;
-
-export { AngularAdapter, angular, angular_default };

package/dist/chunk-3HU6GSQ4.js

@@ -1,125 +0,0 @@
-import { BaseUIAdapter } from './chunk-2SNQ6PTM.js';
-
-// src/adapters/tier-2/stencil.ts
-var StencilAdapter = class extends BaseUIAdapter {
-  constructor(options = {}) {
-    super();
-    this.options = options;
-  }
-  id = "stencil";
-  name = "Stencil";
-  framework = "stencil";
-  frameworkVersion = "4+";
-  tier = "tier-2";
-  capabilities = {
-    streaming: false,
-    partialHydration: true,
-    islands: true,
-    // Web Components are natural islands
-    resumable: false,
-    ssg: true,
-    csr: true,
-    serverComponents: false
-  };
-  async renderToString(component, _context) {
-    const startTime = performance.now();
-    try {
-      const hydrateModule = await import('@stencil/core/hydrate');
-      const { renderToString } = hydrateModule;
-      let htmlInput;
-      if (typeof component.component === "string") {
-        const tagName = component.component;
-        const props = component.props ?? {};
-        const attrs = Object.entries(props).map(([key, value]) => {
-          const attrName = key.replace(/([A-Z])/g, "-$1").toLowerCase();
-          return `${attrName}="${this.escapeHtml(String(value))}"`;
-        }).join(" ");
-        htmlInput = `<${tagName} ${attrs}></${tagName}>`;
-      } else {
-        throw new Error("Stencil components must be specified as tag name strings");
-      }
-      const results = await renderToString(htmlInput, {
-        fullDocument: false,
-        prettyHtml: this.options.prettyHtml ?? false,
-        serializeShadowRoot: this.options.declarativeShadowDom ? "declarative-shadow-dom" : void 0
-      });
-      return {
-        html: results.html,
-        hydrationData: {
-          tagName: component.component,
-          props: component.props,
-          componentId: component.id ?? this.generateId()
-        },
-        timing: this.createTiming(startTime)
-      };
-    } catch (error) {
-      const message = error instanceof Error ? error.message : String(error);
-      if (message.includes("Cannot find module '@stencil/core/hydrate'")) {
-        throw new Error(
-          "[Flight/Stencil] Stencil hydrate package not found.\nInstall required packages:\n  npm install @stencil/core\nAnd ensure your Stencil project has hydrate output configured."
-        );
-      }
-      throw error;
-    }
-  }
-  /**
-   * Create an island from a Stencil Web Component
-   */
-  createIsland(component, props, options) {
-    const tagName = component;
-    const id = this.generateId();
-    const attrs = Object.entries(props ?? {}).map(([key, value]) => {
-      const attrName = key.replace(/([A-Z])/g, "-$1").toLowerCase();
-      return `${attrName}="${this.escapeHtml(String(value))}"`;
-    }).join(" ");
-    const placeholder = `
-<${tagName} 
-    ${attrs} 
-    data-flight-island="${id}"
-    data-flight-hydrate="${options?.hydrate ?? "load"}"
-></${tagName}>
-        `.trim();
-    return {
-      id,
-      component,
-      props,
-      options: options ?? { hydrate: "load" },
-      placeholder
-    };
-  }
-  getHydrationScript(result) {
-    const data = this.serializeProps(result.hydrationData);
-    return `
-<script type="module">
-window.__FLIGHT_DATA__ = ${data};
-window.__FLIGHT_ADAPTER__ = 'stencil';
-// Stencil components self-hydrate via declarative shadow DOM or scripts
-</script>
-        `.trim();
-  }
-  getClientEntry() {
-    return `
-// Stencil Client Entry
-// Web Components hydrate automatically when their scripts are loaded
-
-export function hydrate() {
-    // Stencil components hydrate automatically
-    // Just ensure the component scripts are loaded
-    console.log('[Flight/Stencil] Web Components are self-registering');
-}
-
-export function defineCustomElements(loader) {
-    // Load Stencil component definitions
-    if (loader && typeof loader.defineCustomElements === 'function') {
-        loader.defineCustomElements(window);
-    }
-}
-        `.trim();
-  }
-};
-function stencil(options) {
-  return new StencilAdapter(options);
-}
-var stencil_default = stencil;
-
-export { StencilAdapter, stencil, stencil_default };