dynim-react 1.0.8 → 1.0.10

package/README.md

@@ -1,447 +1,19 @@
 # dynim-react
 
-React components, hooks, and providers for visual page building, AI chat, and multi-tenant customization. Built on top of `dynim-core`.
+React components for visual page building and tenant customization.
 
-## Installation
+## Documentation
 
-```bash
-npm install dynim-react
-# dynim-core is included as a dependency
-```
-
-**Peer Dependencies:**
-- `react` >= 17.0.0
-- `react-dom` >= 17.0.0
-
-## Overview
-
-This package has two main modules:
-
-1. **Builder** - Visual builder integration for editing pages/components with AI chat and code generation
-2. **Inference** - Dynamic loading of tenant-specific customization bundles
-
-## Folder Structure
-
-```
-src/
-├── index.ts                    # Main entry point
-├── builder/
-│   ├── BuilderProvider.tsx     # Visual builder React provider
-│   ├── EditableZone.tsx        # Zone wrappers for customization control
-│   ├── ChatContext.tsx         # Chat state context
-│   ├── useChatbot.ts           # Headless chat hook
-│   ├── MessageList.tsx         # Message display component
-│   └── ChatInput.tsx           # Chat input component
-└── inference/
-    ├── types.ts                # TypeScript definitions
-    ├── sharedContext.ts        # Shared context registration
-    └── InferenceProvider.tsx   # Tenant bundle loader
-```
-
-## Builder Module
-
-### BuilderProvider
-
-Main provider component that integrates the visual builder UI into your app.
-
-```tsx
-import { BuilderProvider, useBuilder } from 'dynim-react';
-
-function App() {
-  return (
-    <BuilderProvider
-      config={{
-        apiBase: 'https://api.example.com',
-        pageId: '/dashboard',
-        sessionToken: jwtToken,
-        onCodeEdit: (edit) => console.log('Code changed:', edit),
-      }}
-      onBuilderReady={(ctx) => console.log('Builder ready!')}
-    >
-      <YourApp />
-    </BuilderProvider>
-  );
-}
-```
-
-**Config Options:**
-
-```tsx
-interface BuilderConfig {
-  apiBase?: string;                                    // Default: 'http://localhost:8080'
-  pageId?: string;                                     // Default: window.location.pathname
-  logo?: string;                                       // Builder UI logo text
-  contentRoot?: HTMLElement;                           // Default: document.body
-  sessionToken?: string;                               // JWT authentication token
-  refreshToken?: string;                               // For token renewal
-  getSession?: () => Promise<{ token: string }>;       // Dynamic token fetching
-  onMessage?: (data: BuilderMessage) => void;          // Chat message callback
-  onError?: (error: Error) => void;                    // Error callback
-  onCodeMessage?: (event: CodeEvent) => void;          // Code generation events
-  onCodeEdit?: (edit: CodeEdit) => void;               // Code edit callback
-}
-```
-
-### useBuilder Hook
-
-Access builder controls from any child component:
-
-```tsx
-function EditorToolbar() {
-  const {
-    // Builder controls
-    enterBuilder,      // () => void - Enter edit mode
-    exitBuilder,       // () => void - Exit without saving
-    saveBuilder,       // () => Promise<void> - Save and exit
-    isBuilderActive,   // boolean - Current edit state
-
-    // Chat
-    sendChat,          // (message: string) => Promise<void>
-    sendElementChat,   // (message: string, element: HTMLElement) => Promise<void>
-
-    // Code generation (Flexcode)
-    sendCode,          // (projectId: string, prompt: string) => Promise<void>
-    saveCode,          // (projectId: string) => Promise<void>
-    abandonCode,       // (projectId: string) => Promise<void>
-    codeEdits,         // CodeEdit[] - Pending code changes
-
-    // Builder instance
-    getBuilder,        // () => Builder - Get underlying builder instance
-  } = useBuilder();
+See [SDK React Documentation](../../utils/docs/sdk/REACT.md)
 
-  return (
-    <div>
-      <button onClick={enterBuilder} disabled={isBuilderActive}>
-        Edit Page
-      </button>
-      <button onClick={saveBuilder} disabled={!isBuilderActive}>
-        Save Changes
-      </button>
-    </div>
-  );
-}
-```
-
-### Chat Components
-
-Pre-built chat UI components:
-
-```tsx
-import { ChatProvider, MessageList, ChatInput } from 'dynim-react';
-
-function BuilderChat() {
-  return (
-    <ChatProvider endpoint="/api/chat" apiKey="...">
-      <MessageList showAvatars showTimestamps={false} />
-      <ChatInput placeholder="Ask the builder..." />
-    </ChatProvider>
-  );
-}
-```
-
-### useChatbot Hook
-
-Headless hook for building custom chat UIs:
-
-```tsx
-import { useChatbot } from 'dynim-react';
-
-function CustomChat() {
-  const {
-    messages,      // Message[] - Array of chat messages
-    isLoading,     // boolean - Response being fetched
-    isTyping,      // boolean - AI typing indicator
-    sendMessage,   // (text: string) => Promise<void>
-    clearMessages, // () => void - Clear history
-  } = useChatbot({
-    endpoint: '/api/chat',
-    apiKey: 'your-api-key',
-    onError: (error) => console.error(error),
-  });
-
-  return (
-    <div>
-      {messages.map(msg => (
-        <div key={msg.id} className={msg.role}>
-          {msg.text}
-        </div>
-      ))}
-      <form onSubmit={(e) => {
-        e.preventDefault();
-        sendMessage(e.target.message.value);
-        e.target.reset();
-      }}>
-        <input name="message" disabled={isLoading} />
-        <button type="submit">Send</button>
-      </form>
-    </div>
-  );
-}
-```
-
-**Message Type:**
-
-```tsx
-interface Message {
-  id: string;
-  role: 'user' | 'assistant';
-  text: string;
-  timestamp: Date;
-}
-```
-
-### Zone Components
-
-Control which parts of your UI can be customized in the builder:
-
-```tsx
-import { LockedZone, EditableZone } from 'dynim-react';
-
-function App() {
-  return (
-    <div>
-      <LockedZone>
-        <Navigation />  {/* Protected - cannot be modified */}
-      </LockedZone>
-
-      <main>
-        {/* Editable by default */}
-        <Hero />
-        <Features />
-      </main>
-
-      <LockedZone>
-        <Sidebar>
-          <Logo />  {/* Locked */}
-          <EditableZone>
-            <CustomWidgets />  {/* Editable island inside locked zone */}
-          </EditableZone>
-        </Sidebar>
-      </LockedZone>
-    </div>
-  );
-}
-```
-
-**Zone Props:**
-
-```tsx
-// Custom wrapper element
-<EditableZone as="section" className="content">
-  <Content />
-</EditableZone>
-
-// Aliases
-<NonCustomizable>  {/* Same as LockedZone */}
-<Customizable>     {/* Same as EditableZone */}
-```
+Related:
+- [SDK Overview](../../utils/docs/sdk/README.md)
+- [SDK Core](../../utils/docs/sdk/CORE.md)
+- [UI Builder](../../utils/docs/ui-builder/README.md)
+- [Inference Server](../../utils/docs/inference-server/README.md)
 
-- `LockedZone` / `NonCustomizable` - Prevents builder customization (sets `vis="false"`)
-- `EditableZone` / `Customizable` - Creates editable areas (sets `vis="true"`)
+## Install
 
-## Inference Module
-
-### InferenceProvider
-
-Dynamically loads and renders tenant-specific customization bundles.
-
-```tsx
-import { InferenceProvider } from 'dynim-react';
-
-function App() {
-  const { tenantId } = useAuth();
-
-  return (
-    <InferenceProvider
-      tenantId={tenantId}
-      bundleUrl={(id) => `https://cdn.example.com/bundles/${id}.js`}
-      checkCustomizations={async (id) => {
-        const res = await fetch(`/api/customizations/${id}`);
-        return res.ok;
-      }}
-      loadingComponent={<Spinner />}
-      errorBanner={true}
-      onLoad={(id) => console.log(`Loaded for ${id}`)}
-      onError={(err, id) => console.error(`Failed for ${id}:`, err)}
-    >
-      <BaseApp />
-    </InferenceProvider>
-  );
-}
-```
-
-**Props:**
-
-```tsx
-interface InferenceProviderProps {
-  tenantId: string | null;                              // Current tenant (null = no customization)
-  bundleUrl: string | ((id: string) => string);         // Bundle URL or URL builder
-  bundleToken?: string;                                 // Auth token for bundle fetch
-  checkCustomizations?: (id: string) => Promise<bool>;  // Pre-check if tenant has bundle
-  loadingComponent?: ReactNode;                         // Custom loading UI
-  errorBanner?: boolean | ReactNode;                    // Show errors (default: false)
-  onError?: (error: Error, tenantId: string) => void;
-  onLoad?: (tenantId: string) => void;
-  children: ReactNode;                                  // Fallback/default app
-}
-```
-
-**Loading States:**
-
-`idle` → `checking` → `loading` → `loaded` / `error` / `no-customization`
-
-### Shared Context
-
-Tenant bundles access the host app's React and custom hooks via a shared context on `window.__DYNIM__`:
-
-```tsx
-import { createSharedContext, getSharedContext, isSharedContextReady } from 'dynim-react';
-
-// Register shared context (call once at app initialization)
-createSharedContext({
-  React,
-  ReactDOM,
-  hooks: { useAuth, useTheme, useNotifications },
-  contexts: { AuthContext, ThemeContext },
-  globals: { utils: myUtils },
-});
-
-// Check if ready
-if (isSharedContextReady()) {
-  const ctx = getSharedContext();
-  // ...
-}
-```
-
-**Writing a Tenant Bundle:**
-
-```typescript
-// tenant-bundle.ts
-const { React, ReactDOM, hooks, contexts } = window.__DYNIM__;
-const { useAuth, useTheme } = hooks;
-
-function TenantCustomization() {
-  const { user } = useAuth();
-  const { theme } = useTheme();
-
-  return (
-    <div style={{ background: theme.bg }}>
-      <h1>Welcome, {user.name}!</h1>
-      <p>Custom content for {user.tenantId}</p>
-    </div>
-  );
-}
-
-// Render into the designated root
-const root = document.getElementById('dynim-root');
-ReactDOM.render(<TenantCustomization />, root);
-```
-
-## Architecture
-
-```
-Application
-    │
-    ├── BuilderProvider (visual editing)
-    │   ├── Creates builder instance (dynim-core)
-    │   ├── Manages SSE streaming for chat/code
-    │   ├── Handles drag-and-drop, history, diffs
-    │   └── Exposes useBuilder hook
-    │
-    └── InferenceProvider (tenant customization)
-        ├── Registers global SDK (window.__DYNIM__)
-        ├── Loads tenant bundle script
-        ├── Renders bundle into #dynim-root
-        └── Falls back to children if no customizations
-```
-
-## Exports
-
-```tsx
-// Builder
-export { BuilderProvider, useBuilder } from './builder';
-export { ChatProvider, useChatContext } from './builder';
-export { MessageList, ChatInput, useChatbot } from './builder';
-export { LockedZone, EditableZone, NonCustomizable, Customizable } from './builder';
-
-// Inference
-export { InferenceProvider } from './inference';
-export { createSharedContext, getSharedContext, isSharedContextReady } from './inference';
-
-// Re-exports everything from dynim-core
-export * from 'dynim-core';
-```
-
-## Re-exports from dynim-core
-
-For convenience, `dynim-react` re-exports all of `dynim-core`:
-
-```tsx
-import {
-  // State
-  createState,
-
-  // Clients
-  createClient,
-  createBuilderClient,
-  createCodeClient,
-
-  // Builder
-  createBuilder,
-  createEditorState,
-  createHistoryState,
-  createTreeState,
-  createDiffState,
-
-  // UI
-  createWidget,
-  createOverlays,
-  createFreezeOverlay,
-  createDragEngine,
-  createAIPromptPopover,
-
-  // DOM utilities
-  scanDOM,
-  getStableId,
-  findByStableId,
-  buildElementIdentifier,
-
-  // Classifier
-  createClassifier,
-} from 'dynim-react';
-```
-
-## TypeScript
-
-Full TypeScript support with exported types:
-
-```tsx
-import type {
-  // Config
-  BuilderConfig,
-  BuilderContextValue,
-  ChatbotConfig,
-  InferenceProviderProps,
-  DynimSDKConfig,
-
-  // Props
-  ZoneProps,
-  MessageListProps,
-  ChatInputProps,
-
-  // Data
-  Message,
-  ChatState,
-  CodeEdit,
-  CodeEvent,
-  DiffEntry,
-  BuilderMessage,
-
-  // Global
-  DynimGlobal,
-} from 'dynim-react';
+```bash
+npm install dynim-react
 ```
-
-## License
-
-MIT

package/dist/builder/BuilderProvider.d.ts

@@ -1,9 +1,8 @@
 /**
  * BuilderProvider - React integration for the visual builder
  *
- * Integrates the visual builder UI (floating bar, drag engine, overlays)
- * from dynim-core. Loads tenant bundles via dynamic import() and renders
- * them as React components.
+ * Integrates the visual builder UI (floating bar, overlays) from dynim-core.
+ * Loads tenant bundles via dynamic import() and renders them as React components.
  */
 import { type ReactNode } from 'react';
 import type { BuilderInstance, CodeEdit, CodeEvent, CodeMessage } from 'dynim-core';
@@ -44,7 +43,6 @@ export interface BuilderConfig {
 export interface BuilderContextValue {
     enterBuilder: () => void;
     exitBuilder: () => void;
-    saveBuilder: () => Promise<void>;
     isBuilderActive: boolean;
     getBuilder: () => BuilderInstance | null;
     sendCode: (query: string) => Promise<void>;

package/dist/builder/BuilderProvider.d.ts.map

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

package/dist/builder/BuilderProvider.js

@@ -2,9 +2,8 @@ import { jsxs as _jsxs, Fragment as _Fragment, jsx as _jsx } from "react/jsx-run
 /**
  * BuilderProvider - React integration for the visual builder
  *
- * Integrates the visual builder UI (floating bar, drag engine, overlays)
- * from dynim-core. Loads tenant bundles via dynamic import() and renders
- * them as React components.
+ * Integrates the visual builder UI (floating bar, overlays) from dynim-core.
+ * Loads tenant bundles via dynamic import() and renders them as React components.
  */
 import React, { createContext, useContext, useEffect, useRef, useCallback, useMemo, useState, } from 'react';
 import ReactDOM from 'react-dom';
@@ -107,15 +106,12 @@ export function BuilderProvider({ children, config = {}, onBuilderReady, }) {
                 console.log('[BuilderProvider] Visual builder exited');
                 setIsBuilderActive(false);
             },
-            onSave: (diffs) => {
-                console.log('[BuilderProvider] Changes saved:', diffs);
-            },
         });
         return () => {
             builderRef.current?.destroy();
         };
     }, [config]);
-    // Initialize builder client for visual builder operations (saveDiffs, preview, exit)
+    // Initialize builder client for visual builder operations (preview, exit)
     useEffect(() => {
         const { apiBase = 'http://localhost:8080', sessionToken, refreshToken, getSession, onError, } = config;
         builderClientRef.current = createBuilderClient({
@@ -141,12 +137,6 @@ export function BuilderProvider({ children, config = {}, onBuilderReady, }) {
             builderRef.current.exit();
         }
     }, []);
-    // Save and exit builder mode
-    const saveBuilder = useCallback(async () => {
-        if (builderRef.current && builderRef.current.isActive()) {
-            await builderRef.current.save();
-        }
-    }, []);
     /**
      * Get auth token for bundle requests
      */
@@ -313,7 +303,6 @@ export function BuilderProvider({ children, config = {}, onBuilderReady, }) {
     const contextValue = useMemo(() => ({
         enterBuilder,
         exitBuilder,
-        saveBuilder,
         isBuilderActive,
         getBuilder: () => builderRef.current,
         // Code client methods
@@ -335,7 +324,6 @@ export function BuilderProvider({ children, config = {}, onBuilderReady, }) {
     }), [
         enterBuilder,
         exitBuilder,
-        saveBuilder,
         isBuilderActive,
         sendCode,
         saveCode,

package/dist/builder/index.d.ts

@@ -13,6 +13,4 @@ export { CodeChatPanel } from './CodeChatPanel';
 export type { CodeChatPanelProps } from './CodeChatPanel';
 export { useChatbot } from './useChatbot';
 export type { UseChatbotConfig, UseChatbotReturn } from './useChatbot';
-export { LockedZone, EditableZone, NonCustomizable, Customizable, } from './EditableZone';
-export type { ZoneProps } from './EditableZone';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/builder/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAGH,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAChE,YAAY,EAAE,aAAa,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAGlG,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC7D,YAAY,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAGvD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEtD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAElD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAG1D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAGvE,OAAO,EACL,UAAU,EACV,YAAY,EACZ,eAAe,EACf,YAAY,GACb,MAAM,gBAAgB,CAAC;AACxB,YAAY,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/builder/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAGH,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAChE,YAAY,EAAE,aAAa,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAGlG,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC7D,YAAY,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAGvD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEtD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAElD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAG1D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC"}

package/dist/builder/index.js

@@ -11,5 +11,3 @@ export { ChatInput } from './ChatInput';
 export { CodeChatPanel } from './CodeChatPanel';
 // Headless hook for custom UI
 export { useChatbot } from './useChatbot';
-// Zone wrappers for builder customization control
-export { LockedZone, EditableZone, NonCustomizable, Customizable, } from './EditableZone';

package/dist/index.d.ts

@@ -7,8 +7,8 @@
  * - Inference SDK for tenant customization loading
  */
 export * from 'dynim-core';
-export { BuilderProvider, useBuilder, ChatProvider, useChatContext, MessageList, ChatInput, CodeChatPanel, useChatbot, LockedZone, EditableZone, NonCustomizable, Customizable, } from './builder';
-export type { BuilderConfig, BuilderContextValue, BuilderProviderProps, ChatProviderProps, MessageListProps, ChatInputProps, CodeChatPanelProps, UseChatbotConfig, UseChatbotReturn, ZoneProps, } from './builder';
+export { BuilderProvider, useBuilder, ChatProvider, useChatContext, MessageList, ChatInput, CodeChatPanel, useChatbot, } from './builder';
+export type { BuilderConfig, BuilderContextValue, BuilderProviderProps, ChatProviderProps, MessageListProps, ChatInputProps, CodeChatPanelProps, UseChatbotConfig, UseChatbotReturn, } from './builder';
 export { InferenceProvider, InferenceProviderDefault, createSharedContext, getSharedContext, isSharedContextReady, } from './inference';
 export type { DynimSDKConfig, InferenceProviderProps, InferenceState, DynimGlobal, } from './inference';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,cAAc,YAAY,CAAC;AAG3B,OAAO,EAEL,eAAe,EACf,UAAU,EAEV,YAAY,EACZ,cAAc,EAEd,WAAW,EACX,SAAS,EACT,aAAa,EAEb,UAAU,EAEV,UAAU,EACV,YAAY,EACZ,eAAe,EACf,YAAY,GACb,MAAM,WAAW,CAAC;AAEnB,YAAY,EACV,aAAa,EACb,mBAAmB,EACnB,oBAAoB,EACpB,iBAAiB,EACjB,gBAAgB,EAChB,cAAc,EACd,kBAAkB,EAClB,gBAAgB,EAChB,gBAAgB,EAChB,SAAS,GACV,MAAM,WAAW,CAAC;AAGnB,OAAO,EACL,iBAAiB,EACjB,wBAAwB,EACxB,mBAAmB,EACnB,gBAAgB,EAChB,oBAAoB,GACrB,MAAM,aAAa,CAAC;AAErB,YAAY,EACV,cAAc,EACd,sBAAsB,EACtB,cAAc,EACd,WAAW,GACZ,MAAM,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,cAAc,YAAY,CAAC;AAG3B,OAAO,EAEL,eAAe,EACf,UAAU,EAEV,YAAY,EACZ,cAAc,EAEd,WAAW,EACX,SAAS,EACT,aAAa,EAEb,UAAU,GACX,MAAM,WAAW,CAAC;AAEnB,YAAY,EACV,aAAa,EACb,mBAAmB,EACnB,oBAAoB,EACpB,iBAAiB,EACjB,gBAAgB,EAChB,cAAc,EACd,kBAAkB,EAClB,gBAAgB,EAChB,gBAAgB,GACjB,MAAM,WAAW,CAAC;AAGnB,OAAO,EACL,iBAAiB,EACjB,wBAAwB,EACxB,mBAAmB,EACnB,gBAAgB,EAChB,oBAAoB,GACrB,MAAM,aAAa,CAAC;AAErB,YAAY,EACV,cAAc,EACd,sBAAsB,EACtB,cAAc,EACd,WAAW,GACZ,MAAM,aAAa,CAAC"}

package/dist/index.js

@@ -17,8 +17,6 @@ ChatProvider, useChatContext,
 // Components
 MessageList, ChatInput, CodeChatPanel, 
 // Headless hook
-useChatbot, 
-// Zone wrappers for customization control
-LockedZone, EditableZone, NonCustomizable, Customizable, } from './builder';
+useChatbot, } from './builder';
 // Inference exports
 export { InferenceProvider, InferenceProviderDefault, createSharedContext, getSharedContext, isSharedContextReady, } from './inference';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dynim-react",
-  "version": "1.0.8",
+  "version": "1.0.10",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -13,7 +13,7 @@
     "dev": "tsc --watch"
   },
   "dependencies": {
-    "dynim-core": "^1.0.4"
+    "dynim-core": "^1.0.6"
   },
   "peerDependencies": {
     "react": ">=17.0.0",

package/dist/builder/EditableZone.d.ts

@@ -1,73 +0,0 @@
-import { type ReactNode, type HTMLAttributes } from 'react';
-/**
- * Props for zone wrapper components
- */
-export interface ZoneProps extends HTMLAttributes<HTMLDivElement> {
-    /** Content to wrap */
-    children: ReactNode;
-    /** HTML tag to render (default: 'div') */
-    as?: keyof JSX.IntrinsicElements;
-}
-/**
- * LockedZone - Wraps content to prevent builder customization
- *
- * Elements inside a LockedZone cannot be:
- * - Dragged/moved by the builder
- * - Used as drop targets
- *
- * Use this to protect parts of your UI that should not be editable,
- * like navigation, footers, or critical UI elements.
- *
- * @example
- * ```tsx
- * <LockedZone>
- *   <Navigation />  {/* Cannot be moved or modified *\/}
- * </LockedZone>
- *
- * <div>
- *   {/* This content is editable *\/}
- * </div>
- * ```
- *
- * @example Nested zones
- * ```tsx
- * <LockedZone>
- *   <Sidebar>
- *     <Logo />  {/* Locked *\/}
- *     <EditableZone>
- *       <CustomWidgets />  {/* Editable "island" inside locked zone *\/}
- *     </EditableZone>
- *   </Sidebar>
- * </LockedZone>
- * ```
- */
-export declare const LockedZone: import("react").ForwardRefExoticComponent<ZoneProps & import("react").RefAttributes<HTMLDivElement>>;
-/**
- * EditableZone - Explicitly marks content as editable in the builder
- *
- * Use this to:
- * - Create editable "islands" inside a LockedZone
- * - Explicitly mark content as editable (though content is editable by default)
- *
- * @example Create editable area inside locked zone
- * ```tsx
- * <LockedZone>
- *   <Header>
- *     <Logo />  {/* Locked *\/}
- *     <EditableZone>
- *       <UserMenu />  {/* Editable despite being inside LockedZone *\/}
- *     </EditableZone>
- *   </Header>
- * </LockedZone>
- * ```
- */
-export declare const EditableZone: import("react").ForwardRefExoticComponent<ZoneProps & import("react").RefAttributes<HTMLDivElement>>;
-/**
- * Alias for LockedZone - more explicit naming
- */
-export declare const NonCustomizable: import("react").ForwardRefExoticComponent<ZoneProps & import("react").RefAttributes<HTMLDivElement>>;
-/**
- * Alias for EditableZone - more explicit naming
- */
-export declare const Customizable: import("react").ForwardRefExoticComponent<ZoneProps & import("react").RefAttributes<HTMLDivElement>>;
-//# sourceMappingURL=EditableZone.d.ts.map

package/dist/builder/EditableZone.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"EditableZone.d.ts","sourceRoot":"","sources":["../../src/builder/EditableZone.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,cAAc,EAAc,MAAM,OAAO,CAAC;AAGxE;;GAEG;AACH,MAAM,WAAW,SAAU,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC/D,sBAAsB;IACtB,QAAQ,EAAE,SAAS,CAAC;IACpB,0CAA0C;IAC1C,EAAE,CAAC,EAAE,MAAM,GAAG,CAAC,iBAAiB,CAAC;CAClC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,eAAO,MAAM,UAAU,sGAYtB,CAAC;AAEF;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,YAAY,sGAYxB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,eAAe,sGAAa,CAAC;AAE1C;;GAEG;AACH,eAAO,MAAM,YAAY,sGAAe,CAAC"}

package/dist/builder/EditableZone.js

@@ -1,83 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from 'react';
-import { VISIBILITY_ATTR } from 'dynim-core';
-/**
- * LockedZone - Wraps content to prevent builder customization
- *
- * Elements inside a LockedZone cannot be:
- * - Dragged/moved by the builder
- * - Used as drop targets
- *
- * Use this to protect parts of your UI that should not be editable,
- * like navigation, footers, or critical UI elements.
- *
- * @example
- * ```tsx
- * <LockedZone>
- *   <Navigation />  {/* Cannot be moved or modified *\/}
- * </LockedZone>
- *
- * <div>
- *   {/* This content is editable *\/}
- * </div>
- * ```
- *
- * @example Nested zones
- * ```tsx
- * <LockedZone>
- *   <Sidebar>
- *     <Logo />  {/* Locked *\/}
- *     <EditableZone>
- *       <CustomWidgets />  {/* Editable "island" inside locked zone *\/}
- *     </EditableZone>
- *   </Sidebar>
- * </LockedZone>
- * ```
- */
-export const LockedZone = forwardRef(function LockedZone({ children, as: Component = 'div', ...props }, ref) {
-    const zoneProps = {
-        ...props,
-        [VISIBILITY_ATTR]: 'false',
-        ref,
-    };
-    // Use createElement to support dynamic tag
-    const Element = Component;
-    return _jsx(Element, { ...zoneProps, children: children });
-});
-/**
- * EditableZone - Explicitly marks content as editable in the builder
- *
- * Use this to:
- * - Create editable "islands" inside a LockedZone
- * - Explicitly mark content as editable (though content is editable by default)
- *
- * @example Create editable area inside locked zone
- * ```tsx
- * <LockedZone>
- *   <Header>
- *     <Logo />  {/* Locked *\/}
- *     <EditableZone>
- *       <UserMenu />  {/* Editable despite being inside LockedZone *\/}
- *     </EditableZone>
- *   </Header>
- * </LockedZone>
- * ```
- */
-export const EditableZone = forwardRef(function EditableZone({ children, as: Component = 'div', ...props }, ref) {
-    const zoneProps = {
-        ...props,
-        [VISIBILITY_ATTR]: 'true',
-        ref,
-    };
-    // Use createElement to support dynamic tag
-    const Element = Component;
-    return _jsx(Element, { ...zoneProps, children: children });
-});
-/**
- * Alias for LockedZone - more explicit naming
- */
-export const NonCustomizable = LockedZone;
-/**
- * Alias for EditableZone - more explicit naming
- */
-export const Customizable = EditableZone;

package/dist/inference/DynimProvider.d.ts

@@ -1,23 +0,0 @@
-import type { DynimProviderProps } from './types';
-/**
- * DynimProvider - A React component that dynamically loads tenant-specific bundles.
- *
- * This provider handles the lifecycle of loading, rendering, and cleaning up
- * tenant customization bundles. It supports optional pre-checks to determine
- * if a tenant has customizations before attempting to load them.
- *
- * @example
- * ```tsx
- * <DynimProvider
- *   tenantId={user?.tenantId}
- *   bundleUrl={(id) => `https://cdn.example.com/bundles/${id}.js`}
- *   loadingComponent={<Spinner />}
- *   errorBanner={true}
- * >
- *   <YourBaseApp />
- * </DynimProvider>
- * ```
- */
-export declare function DynimProvider({ tenantId, bundleUrl, checkCustomizations, loadingComponent, errorBanner, onError, onLoad, children, }: DynimProviderProps): JSX.Element;
-export default DynimProvider;
-//# sourceMappingURL=DynimProvider.d.ts.map

package/dist/inference/DynimProvider.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DynimProvider.d.ts","sourceRoot":"","sources":["../../src/inference/DynimProvider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAc,MAAM,SAAS,CAAC;AA8E9D;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,SAAS,EACT,mBAAmB,EACnB,gBAAgB,EAChB,WAAmB,EACnB,OAAO,EACP,MAAM,EACN,QAAQ,GACT,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,CAuLlC;AAED,eAAe,aAAa,CAAC"}

package/dist/inference/DynimProvider.js

@@ -1,231 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useState, useEffect, useCallback, useRef } from 'react';
-/**
- * Default loading component shown while bundle is loading
- */
-function DefaultLoadingComponent() {
-    return (_jsx("div", { style: {
-            display: 'flex',
-            justifyContent: 'center',
-            alignItems: 'center',
-            padding: '20px',
-        }, children: _jsx("span", { children: "Loading customizations..." }) }));
-}
-/**
- * Default error banner component
- */
-function DefaultErrorBanner({ error }) {
-    return (_jsxs("div", { style: {
-            background: '#fee2e2',
-            border: '1px solid #ef4444',
-            borderRadius: '4px',
-            padding: '12px 16px',
-            marginBottom: '16px',
-            color: '#991b1b',
-        }, children: [_jsx("strong", { children: "Customization Error:" }), " ", error.message] }));
-}
-/**
- * Container for rendering tenant bundle content
- */
-function BundleContainer() {
-    return _jsx("div", { id: "dynim-root" });
-}
-/**
- * Loads a script from a URL and returns a promise that resolves when loaded
- */
-function loadScript(url) {
-    return new Promise((resolve, reject) => {
-        // Check if script already exists
-        const existingScript = document.querySelector(`script[src="${url}"]`);
-        if (existingScript) {
-            resolve();
-            return;
-        }
-        const script = document.createElement('script');
-        script.src = url;
-        script.async = true;
-        script.onload = () => resolve();
-        script.onerror = () => reject(new Error(`Failed to load bundle from ${url}`));
-        document.head.appendChild(script);
-    });
-}
-/**
- * Removes a previously loaded script
- */
-function removeScript(url) {
-    const script = document.querySelector(`script[src="${url}"]`);
-    if (script) {
-        script.remove();
-    }
-}
-/**
- * DynimProvider - A React component that dynamically loads tenant-specific bundles.
- *
- * This provider handles the lifecycle of loading, rendering, and cleaning up
- * tenant customization bundles. It supports optional pre-checks to determine
- * if a tenant has customizations before attempting to load them.
- *
- * @example
- * ```tsx
- * <DynimProvider
- *   tenantId={user?.tenantId}
- *   bundleUrl={(id) => `https://cdn.example.com/bundles/${id}.js`}
- *   loadingComponent={<Spinner />}
- *   errorBanner={true}
- * >
- *   <YourBaseApp />
- * </DynimProvider>
- * ```
- */
-export function DynimProvider({ tenantId, bundleUrl, checkCustomizations, loadingComponent, errorBanner = false, onError, onLoad, children, }) {
-    const [state, setState] = useState({
-        status: 'idle',
-        error: null,
-        currentTenantId: null,
-    });
-    const loadedUrlRef = useRef(null);
-    /**
-     * Resolves the bundle URL for a given tenant ID
-     */
-    const resolveBundleUrl = useCallback((id) => {
-        if (typeof bundleUrl === 'function') {
-            return bundleUrl(id);
-        }
-        // If bundleUrl is a string template, replace {tenantId} placeholder
-        return bundleUrl.replace('{tenantId}', id);
-    }, [bundleUrl]);
-    /**
-     * Cleans up previously loaded bundle
-     */
-    const cleanup = useCallback(() => {
-        if (loadedUrlRef.current) {
-            removeScript(loadedUrlRef.current);
-            loadedUrlRef.current = null;
-        }
-        // Clear the bundle render target
-        const root = document.getElementById('dynim-root');
-        if (root) {
-            root.innerHTML = '';
-        }
-    }, []);
-    /**
-     * Main effect to handle tenant bundle loading
-     */
-    useEffect(() => {
-        // No tenant - reset to idle and show children
-        if (!tenantId) {
-            cleanup();
-            setState({
-                status: 'idle',
-                error: null,
-                currentTenantId: null,
-            });
-            return;
-        }
-        // Same tenant already loaded - do nothing
-        if (state.currentTenantId === tenantId && state.status === 'loaded') {
-            return;
-        }
-        let cancelled = false;
-        async function loadBundle() {
-            try {
-                // Step 1: Check if tenant has customizations (if check function provided)
-                if (checkCustomizations) {
-                    setState((prev) => ({ ...prev, status: 'checking' }));
-                    const hasCustomizations = await checkCustomizations(tenantId);
-                    if (cancelled)
-                        return;
-                    if (!hasCustomizations) {
-                        cleanup();
-                        setState({
-                            status: 'no-customization',
-                            error: null,
-                            currentTenantId: tenantId,
-                        });
-                        return;
-                    }
-                }
-                // Step 2: Load the bundle
-                setState((prev) => ({ ...prev, status: 'loading' }));
-                // Clean up previous bundle
-                cleanup();
-                const url = resolveBundleUrl(tenantId);
-                await loadScript(url);
-                if (cancelled) {
-                    removeScript(url);
-                    return;
-                }
-                loadedUrlRef.current = url;
-                setState({
-                    status: 'loaded',
-                    error: null,
-                    currentTenantId: tenantId,
-                });
-                onLoad?.(tenantId);
-            }
-            catch (err) {
-                if (cancelled)
-                    return;
-                const error = err instanceof Error ? err : new Error(String(err));
-                setState({
-                    status: 'error',
-                    error,
-                    currentTenantId: tenantId,
-                });
-                onError?.(error, tenantId);
-            }
-        }
-        loadBundle();
-        return () => {
-            cancelled = true;
-        };
-    }, [
-        tenantId,
-        checkCustomizations,
-        resolveBundleUrl,
-        cleanup,
-        onError,
-        onLoad,
-        state.currentTenantId,
-        state.status,
-    ]);
-    /**
-     * Cleanup on unmount
-     */
-    useEffect(() => {
-        return () => {
-            cleanup();
-        };
-    }, [cleanup]);
-    // Render error banner if enabled and there's an error
-    const renderErrorBanner = () => {
-        if (!errorBanner || state.status !== 'error' || !state.error) {
-            return null;
-        }
-        if (errorBanner === true) {
-            return _jsx(DefaultErrorBanner, { error: state.error });
-        }
-        return errorBanner;
-    };
-    // Determine what to render based on state
-    const renderContent = () => {
-        switch (state.status) {
-            case 'checking':
-            case 'loading':
-                return loadingComponent ?? _jsx(DefaultLoadingComponent, {});
-            case 'loaded':
-                // Bundle is loaded and will render itself into #dynim-root
-                return _jsx(BundleContainer, {});
-            case 'error':
-                // Show children as fallback with optional error banner
-                return (_jsxs(_Fragment, { children: [renderErrorBanner(), children] }));
-            case 'no-customization':
-            case 'idle':
-            default:
-                // No customizations or no tenant - render base app
-                return children;
-        }
-    };
-    return _jsx(_Fragment, { children: renderContent() });
-}
-export default DynimProvider;

package/dist/inference/createDynimSDK.d.ts

@@ -1,39 +0,0 @@
-import type { DynimSDKConfig, DynimGlobal } from './types';
-/**
- * Creates and registers the Dynim SDK on the window object.
- * This makes React, ReactDOM, hooks, and contexts available to tenant bundles.
- *
- * @param config - Configuration object containing React, ReactDOM, hooks, and contexts
- * @returns The created SDK object
- *
- * @example
- * ```tsx
- * import { createDynimSDK } from 'dynim-react';
- * import React from 'react';
- * import ReactDOM from 'react-dom';
- * import { useAuth, useNotifications } from './hooks';
- * import { AuthContext, NotificationContext } from './contexts';
- *
- * createDynimSDK({
- *   React,
- *   ReactDOM,
- *   hooks: { useAuth, useNotifications },
- *   contexts: { AuthContext, NotificationContext }
- * });
- * ```
- */
-export declare function createDynimSDK(config: DynimSDKConfig): DynimGlobal;
-/**
- * Gets the current Dynim SDK instance from the window object.
- * Useful for tenant bundles to access the SDK.
- *
- * @returns The SDK instance or undefined if not initialized
- */
-export declare function getDynimSDK(): DynimGlobal | undefined;
-/**
- * Checks if the Dynim SDK has been initialized.
- *
- * @returns true if the SDK is available
- */
-export declare function isDynimSDKReady(): boolean;
-//# sourceMappingURL=createDynimSDK.d.ts.map

package/dist/inference/createDynimSDK.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"createDynimSDK.d.ts","sourceRoot":"","sources":["../../src/inference/createDynimSDK.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE3D;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,cAAc,CAAC,MAAM,EAAE,cAAc,GAAG,WAAW,CAqBlE;AAED;;;;;GAKG;AACH,wBAAgB,WAAW,IAAI,WAAW,GAAG,SAAS,CAKrD;AAED;;;;GAIG;AACH,wBAAgB,eAAe,IAAI,OAAO,CAEzC"}

package/dist/inference/createDynimSDK.js

@@ -1,61 +0,0 @@
-/**
- * Creates and registers the Dynim SDK on the window object.
- * This makes React, ReactDOM, hooks, and contexts available to tenant bundles.
- *
- * @param config - Configuration object containing React, ReactDOM, hooks, and contexts
- * @returns The created SDK object
- *
- * @example
- * ```tsx
- * import { createDynimSDK } from 'dynim-react';
- * import React from 'react';
- * import ReactDOM from 'react-dom';
- * import { useAuth, useNotifications } from './hooks';
- * import { AuthContext, NotificationContext } from './contexts';
- *
- * createDynimSDK({
- *   React,
- *   ReactDOM,
- *   hooks: { useAuth, useNotifications },
- *   contexts: { AuthContext, NotificationContext }
- * });
- * ```
- */
-export function createDynimSDK(config) {
-    const { React, ReactDOM, hooks = {}, contexts = {}, globals = {} } = config;
-    const sdk = {
-        React,
-        ReactDOM,
-        hooks,
-        contexts,
-        ...globals,
-    };
-    // Register on window for tenant bundles to access
-    if (typeof window !== 'undefined') {
-        window.__DYNIM__ = sdk;
-        // Also expose React and ReactDOM directly on window for bundles using standard imports
-        window.React = React;
-        window.ReactDOM = ReactDOM;
-    }
-    return sdk;
-}
-/**
- * Gets the current Dynim SDK instance from the window object.
- * Useful for tenant bundles to access the SDK.
- *
- * @returns The SDK instance or undefined if not initialized
- */
-export function getDynimSDK() {
-    if (typeof window !== 'undefined') {
-        return window.__DYNIM__;
-    }
-    return undefined;
-}
-/**
- * Checks if the Dynim SDK has been initialized.
- *
- * @returns true if the SDK is available
- */
-export function isDynimSDKReady() {
-    return typeof window !== 'undefined' && window.__DYNIM__ !== undefined;
-}