backflow-ui-renderer 0.1.0

package/dist/renderer/types.d.ts

@@ -0,0 +1,382 @@
+import { BackflowSDK } from '@backflow.sdk/admin';
+export interface WorkflowComponent {
+    type: "text" | "link" | "button" | "image" | "input" | "hidden" | "select" | "checkbox" | "card" | "section" | "grid" | "hero" | "footer" | "list" | "table" | "spacer" | "divider" | "container" | "badge" | "avatar" | "progress" | "tabs" | "accordion" | "search" | "breadcrumb" | "tag" | "form" | "textarea" | "icon" | "phaser_game";
+    label?: string;
+    fields?: Array<{
+        label?: string;
+        type?: string;
+        name?: string;
+        placeholder?: string;
+        required?: boolean;
+        rows?: number;
+        className?: string;
+        options?: Array<string | {
+            value: string;
+            label: string;
+        }>;
+        validation?: {
+            type?: string;
+            message?: string;
+        };
+    }>;
+    submitButton?: {
+        text?: string;
+        type?: string;
+        className?: string;
+    };
+    className?: string;
+    w?: string | number;
+    h?: string | number;
+    flex?: number;
+    alignSelf?: "start" | "center" | "end" | "stretch";
+    text?: string;
+    fontSize?: number;
+    color?: string;
+    fontWeight?: string;
+    textAlign?: "left" | "center" | "right";
+    onClick?: string;
+    href?: string;
+    src?: string;
+    width?: number;
+    height?: number;
+    borderRadius?: string | number;
+    alt?: string;
+    name?: string;
+    placeholder?: string;
+    value?: any;
+    onChange?: string;
+    options?: Array<{
+        label: string;
+        value: string;
+    }>;
+    required?: boolean;
+    inputType?: string;
+    dataSource?: string;
+    columns?: Array<{
+        key: string;
+        label: string;
+    }>;
+    renderItem?: WorkflowComponent;
+    pagination?: boolean;
+    pageSize?: number;
+    children?: WorkflowComponent[];
+    padding?: number;
+    bg?: string;
+    gap?: number;
+    layout?: string;
+    align?: string;
+    justify?: string;
+    cols?: number;
+    variant?: "solid" | "outline" | "subtle";
+    colorScheme?: string;
+    initials?: string;
+    size?: "sm" | "md" | "lg" | "xl" | number;
+    progressValue?: number;
+    progressMax?: number;
+    progressLabel?: string;
+    tabItems?: Array<{
+        label: string;
+        content: WorkflowComponent[];
+        children?: WorkflowComponent[];
+    }>;
+    defaultTab?: number;
+    accordionItems?: Array<{
+        title: string;
+        content: WorkflowComponent[];
+        children?: WorkflowComponent[];
+        defaultOpen?: boolean;
+    }>;
+    breadcrumbItems?: Array<{
+        label: string;
+        href?: string;
+        onClick?: string;
+    }>;
+    icon?: string;
+    onSearch?: string;
+    fieldType?: "text" | "dropdown" | "multiselect" | "image" | "image-grid";
+    fieldPlaceholder?: string;
+    fieldSpan?: number;
+    content?: string;
+    background?: string;
+    borderColor?: string;
+    scale?: number;
+    spacing?: number;
+    alignment?: "left" | "center" | "right";
+    bgImage?: string;
+    textDecoration?: string;
+    fontStyle?: string;
+    confirmation?: {
+        enabled: boolean;
+        message: string;
+    };
+    onSuccess?: {
+        type: "none" | "modal" | "toast" | "navigate" | "redirect" | "route";
+        value?: string;
+        title?: string;
+    };
+    onError?: {
+        type: "toast";
+        message?: string;
+    };
+    routeParams?: {
+        source?: string;
+        formId?: string;
+    };
+    borderWidth?: number;
+    borderStyle?: string;
+    componentClass?: string;
+}
+export interface SceneEvent {
+    action?: string;
+    params?: {
+        source?: "none" | "form" | "custom";
+        formId?: string;
+        custom?: Record<string, unknown>;
+    };
+    onSuccess?: {
+        type: "none" | "toast" | "modal" | "navigate" | "redirect" | "route";
+        value?: string;
+        title?: string;
+    };
+    onError?: {
+        type: "toast";
+        message?: string;
+    };
+}
+export interface SceneEvents {
+    onLoad?: SceneEvent;
+    onLeave?: SceneEvent & {
+        confirmation?: {
+            enabled: boolean;
+            message: string;
+        };
+    };
+    onVisibilityChange?: {
+        onHidden?: SceneEvent;
+        onVisible?: SceneEvent;
+    };
+}
+export interface SceneConfig {
+    sceneName: string;
+    backgroundColor?: string;
+    components: WorkflowComponent[];
+    layout?: "vstack" | "hstack" | "grid" | "flex";
+    align?: "start" | "center" | "end" | "stretch";
+    justify?: "start" | "center" | "end" | "space-between" | "space-around";
+    spacing?: number;
+    padding?: number;
+    className?: string;
+    events?: SceneEvents;
+    requireAuth?: boolean;
+    authRedirect?: string;
+    conditionalTransition?: {
+        when: string;
+        goto: string;
+    };
+    sceneData?: Record<string, any>;
+}
+export interface WorkflowStep {
+    id: string;
+    type: string;
+    config: SceneConfig;
+    route?: string;
+}
+export interface NavigationItem {
+    label: string;
+    icon?: string;
+    sceneId: string;
+    badge?: string;
+    children?: NavigationItem[];
+    defaultOpen?: boolean;
+    iconOnly?: boolean;
+}
+export interface NavigationStyle {
+    backgroundColor?: string;
+    activeColor?: string;
+    inactiveColor?: string;
+    borderColor?: string;
+    transparent?: boolean;
+    sticky?: boolean;
+    scrollBg?: string;
+    activeIndicator?: "underline" | "pill" | "bold" | "none";
+}
+export interface RoutingConfig {
+    mode?: "hash" | "history" | "memory";
+    basePath?: string;
+}
+export interface NavigationConfig {
+    type: "bottomTabs" | "topNav" | "sidebar" | "drawer";
+    items: NavigationItem[];
+    style?: NavigationStyle;
+    title?: string;
+    logo?: string;
+    routing?: RoutingConfig;
+    layout?: string[];
+    viewport?: "mobile" | "desktop";
+}
+export interface ModalAction {
+    label: string;
+    variant?: "primary" | "secondary" | "ghost" | "danger";
+    dismiss?: boolean;
+    onClick?: string;
+    onSuccess?: {
+        type: "toast" | "navigate" | "redirect" | "modal";
+        value?: string;
+        message?: string;
+    };
+    onError?: {
+        type: "toast";
+        message?: string;
+    };
+}
+export interface ModalDefinition {
+    title?: string;
+    icon?: string;
+    size?: "sm" | "md" | "lg" | "full";
+    style?: {
+        backgroundColor?: string;
+        borderColor?: string;
+        overlayColor?: string;
+        borderRadius?: string;
+    };
+    components?: WorkflowComponent[];
+    actions?: ModalAction[];
+}
+export interface WidgetDefinition {
+    id: string;
+    sceneIds: string[] | "*";
+    index?: number;
+    components: WorkflowComponent[];
+}
+export interface Workflow {
+    title?: string;
+    steps: WorkflowStep[];
+    className?: string;
+    navigation?: NavigationConfig;
+    modals?: Record<string, ModalDefinition>;
+    config?: RendererConfig;
+    layout?: {
+        header?: WorkflowComponent[];
+        footer?: WorkflowComponent[];
+    };
+    widgets?: WidgetDefinition[];
+}
+export interface StyleOverride {
+    size?: number;
+    spacing?: number;
+    alignment?: "left" | "center" | "right";
+    color?: string;
+    gridCols?: number;
+    gridGap?: number;
+    flexDirection?: "row" | "column";
+    flexGap?: number;
+    buttonBackground?: string;
+    buttonTextColor?: string;
+    buttonBorderRadius?: number;
+    linkColor?: string;
+    linkTextDecoration?: "none" | "underline" | "line-through";
+}
+export interface AppTheme {
+    primaryColor?: string;
+    accentColor?: string;
+    colorMode?: "dark" | "light";
+}
+export interface RendererColors {
+    primary: string;
+    accent: string;
+    background: string;
+    surface: string;
+    surfaceHover: string;
+    border: string;
+    borderSubtle: string;
+    text: string;
+    textSecondary: string;
+    textMuted: string;
+    textPlaceholder: string;
+    danger: string;
+    success: string;
+    warning: string;
+    info: string;
+}
+export interface RendererTypography {
+    fontFamily: string;
+    headingFontFamily: string;
+    baseFontSize: string;
+    headingFontSize: string;
+    lineHeight: number;
+}
+export interface RendererLayout {
+    borderRadius: string;
+    borderRadiusLg: string;
+    borderRadiusSm: string;
+    spacing: string;
+    cardPadding: string;
+    sectionGap: string;
+    containerMaxWidth: string;
+}
+export interface RendererEffects {
+    shadow: string;
+    shadowLg: string;
+    transition: string;
+    hoverOpacity: number;
+}
+export interface RendererComponentDefaults {
+    buttonStyle: "solid" | "outline" | "ghost";
+    buttonRadius: string;
+    inputStyle: "outline" | "filled" | "flush";
+    inputRadius: string;
+    cardBorder: boolean;
+    cardShadow: boolean;
+}
+export interface RendererConfig {
+    colorMode?: "dark" | "light";
+    colors?: Partial<RendererColors>;
+    typography?: Partial<RendererTypography>;
+    layout?: Partial<RendererLayout>;
+    effects?: Partial<RendererEffects>;
+    components?: Partial<RendererComponentDefaults>;
+}
+export interface ResolvedConfig {
+    colorMode: "dark" | "light";
+    colors: RendererColors;
+    typography: RendererTypography;
+    layout: RendererLayout;
+    effects: RendererEffects;
+    components: RendererComponentDefaults;
+}
+export interface ImageReplacement {
+    url: string;
+    name: string;
+}
+export type RenderMode = "legacy" | "css-driven";
+export interface WorkflowRendererProps {
+    workflow: Workflow;
+    sdk?: BackflowSDK;
+    onRouteExecute?: (routePath: string) => void;
+    selectedComponentKey?: string | null;
+    selectedComponentClass?: string | null;
+    styleOverrides?: StyleOverride;
+    interactionDisabled?: boolean;
+    theme?: AppTheme;
+    config?: RendererConfig;
+    imageReplacements?: Map<string, ImageReplacement>;
+    currentSceneId?: string | null;
+    onSceneChange?: (sceneId: string) => void;
+    onGenerateScene?: () => void;
+    enableRouting?: boolean;
+    previewElement?: "toast" | "modal" | null;
+    tenantId?: string;
+    renderPhaserGame?: (comp: any, componentKey: string) => React.ReactNode;
+    renderMode?: RenderMode;
+}
+export interface WorkflowRendererState {
+    currentSceneId: string;
+    sceneData: Record<string, any>;
+}
+export interface PaginationState {
+    page: number;
+    limit: number;
+    total: number;
+    hasMore: boolean;
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/renderer/types.ts"],"names":[],"mappings":"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"}

package/dist/renderer/ui-overlays.d.ts

@@ -0,0 +1,18 @@
+import { default as React } from 'react';
+import { ResolvedConfig, ModalDefinition } from './types';
+import { RenderAPI } from './render-api';
+export declare const BASE_RESET_STYLES: React.CSSProperties;
+export declare function buildScopedCssReset(scopeId: string): string;
+export declare function renderSceneNotFound(cfg: ResolvedConfig, sceneHistoryLength: number, goBack: () => void, onGenerateScene?: () => void): React.ReactElement;
+export declare function renderPreviewToast(): React.ReactElement;
+export declare function renderPreviewModal(cfg: ResolvedConfig): React.ReactElement;
+export declare function renderToast(toast: {
+    message: string | string[];
+    type: "success" | "error";
+} | null): React.ReactElement | null;
+export declare function renderModalOverlay(activeModal: {
+    id: string;
+    definition: ModalDefinition;
+    legacyOnConfirm?: () => void;
+} | null, cfg: ResolvedConfig, api: RenderAPI, sceneBackgroundColor?: string): React.ReactElement | null;
+//# sourceMappingURL=ui-overlays.d.ts.map

package/dist/renderer/ui-overlays.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui-overlays.d.ts","sourceRoot":"","sources":["../../src/renderer/ui-overlays.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,cAAc,EAAe,eAAe,EAAE,MAAM,SAAS,CAAC;AAC5E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAG9C,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,aAOrC,CAAC;AAEF,wBAAgB,mBAAmB,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,CA4E3D;AAED,wBAAgB,mBAAmB,CACjC,GAAG,EAAE,cAAc,EACnB,kBAAkB,EAAE,MAAM,EAC1B,MAAM,EAAE,MAAM,IAAI,EAClB,eAAe,CAAC,EAAE,MAAM,IAAI,GAC3B,KAAK,CAAC,YAAY,CAyDpB;AAED,wBAAgB,kBAAkB,IAAI,KAAK,CAAC,YAAY,CAuBvD;AAED,wBAAgB,kBAAkB,CAAC,GAAG,EAAE,cAAc,GAAG,KAAK,CAAC,YAAY,CAiC1E;AAED,wBAAgB,WAAW,CACzB,KAAK,EAAE;IAAE,OAAO,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAAC,IAAI,EAAE,SAAS,GAAG,OAAO,CAAA;CAAE,GAAG,IAAI,GACtE,KAAK,CAAC,YAAY,GAAG,IAAI,CA+C3B;AAED,wBAAgB,kBAAkB,CAChC,WAAW,EAAE;IACX,EAAE,EAAE,MAAM,CAAC;IACX,UAAU,EAAE,eAAe,CAAC;IAC5B,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;CAC9B,GAAG,IAAI,EACR,GAAG,EAAE,cAAc,EACnB,GAAG,EAAE,SAAS,EACd,oBAAoB,CAAC,EAAE,MAAM,GAC5B,KAAK,CAAC,YAAY,GAAG,IAAI,CA+G3B"}

package/dist/standalone.d.ts

@@ -0,0 +1,14 @@
+import { Workflow } from './renderer/types';
+export interface StandaloneOptions {
+    primaryColor?: string;
+    colorMode?: "dark" | "light";
+    sdkEndpoint?: string;
+    apiKey?: string;
+}
+/**
+ * Generate a standalone HTML page that renders the workflow
+ * using inline React UMD bundles and the workflow JSON.
+ * Suitable for download as a self-contained mobile app.
+ */
+export declare function generateStandaloneHTML(workflow: Workflow, appName: string, options?: StandaloneOptions): string;
+//# sourceMappingURL=standalone.d.ts.map

package/dist/standalone.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"standalone.d.ts","sourceRoot":"","sources":["../src/standalone.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEjD,MAAM,WAAW,iBAAiB;IAChC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;GAIG;AACH,wBAAgB,sBAAsB,CACpC,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,MAAM,EACf,OAAO,GAAE,iBAAsB,GAC9B,MAAM,CA6ER"}

package/package.json

@@ -0,0 +1,41 @@
+{
+  "name": "backflow-ui-renderer",
+  "version": "0.1.0",
+  "description": "Standalone React workflow renderer for Backflow",
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "files": ["dist"],
+  "scripts": {
+    "dev": "vite build --watch",
+    "build": "tsc && vite build",
+    "typecheck": "tsc --noEmit"
+  },
+  "peerDependencies": {
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
+    "@backflow.sdk/admin": "^1.0.0"
+  },
+  "dependencies": {
+    "react-icons": "^5.0.1"
+  },
+  "devDependencies": {
+    "@backflow.sdk/admin": "^1.1.3",
+    "@types/react": "^18.2.48",
+    "@types/react-dom": "^18.2.18",
+    "@vitejs/plugin-react": "^4.2.1",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "typescript": "^5.3.3",
+    "vite": "^5.0.12",
+    "vite-plugin-dts": "^4.0.0"
+  }
+}