dynim-react 1.0.50 → 1.0.52

package/dist/DynimProvider.d.ts

@@ -7,7 +7,7 @@
  * - Shared context for bundles to access React, packages, etc.
  */
 import { type ReactNode } from 'react';
-import type { CodeMessage } from 'dynim-core';
+import type { CodeMessage, Checkpoint, RestoreResult } from 'dynim-core';
 export interface DynimConfig {
     /** Function to fetch a session token for authentication */
     getSession?: () => Promise<{
@@ -36,6 +36,12 @@ export interface DynimContextValue {
     saveCode: () => Promise<void>;
     /** Abandon/discard current edits */
     abandonCode: () => Promise<void>;
+    /** Get active checkpoints for the project */
+    getCheckpoints: () => Promise<Checkpoint[]>;
+    /** Restore to a specific checkpoint (reloads bundle on success) */
+    restoreCheckpoint: (checkpointId: string) => Promise<RestoreResult>;
+    /** Whether a checkpoint restore is in progress */
+    isRestoring: boolean;
     /** Current code message state (thinking, edits, etc.) */
     codeMessage: CodeMessage;
     /** Whether a bundle is currently loaded */

package/dist/DynimProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DynimProvider.d.ts","sourceRoot":"","sources":["../src/DynimProvider.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAc,EAQZ,KAAK,SAAS,EAEf,MAAM,OAAO,CAAC;AAUf,OAAO,KAAK,EAKV,WAAW,EAEZ,MAAM,YAAY,CAAC;AAIpB,MAAM,WAAW,WAAW;IAC1B,2DAA2D;IAC3D,UAAU,CAAC,EAAE,MAAM,OAAO,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,YAAY,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACrE,kCAAkC;IAClC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,GAAG,KAAK,KAAK,IAAI,CAAC;IACzC,uFAAuF;IACvF,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACnC,wCAAwC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAChC,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACpC;AAED,MAAM,WAAW,iBAAiB;IAChC,yCAAyC;IACzC,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,qBAAqB;IACrB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,0CAA0C;IAC1C,SAAS,EAAE,OAAO,CAAC;IACnB,qCAAqC;IACrC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC3C,yBAAyB;IACzB,QAAQ,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC9B,oCAAoC;IACpC,WAAW,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACjC,yDAAyD;IACzD,WAAW,EAAE,WAAW,CAAC;IACzB,2CAA2C;IAC3C,cAAc,EAAE,OAAO,CAAC;IACxB,gCAAgC;IAChC,eAAe,EAAE,OAAO,CAAC;CAC1B;AAID,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,CAAC,EAAE,WAAW,CAAC;CACtB;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,MAAW,GACZ,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,CAwYlC;AAED;;GAEG;AACH,wBAAgB,QAAQ,IAAI,iBAAiB,CAM5C"}
+{"version":3,"file":"DynimProvider.d.ts","sourceRoot":"","sources":["../src/DynimProvider.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAc,EAQZ,KAAK,SAAS,EAEf,MAAM,OAAO,CAAC;AAWf,OAAO,KAAK,EAKV,WAAW,EACX,UAAU,EACV,aAAa,EAGd,MAAM,YAAY,CAAC;AAIpB,MAAM,WAAW,WAAW;IAC1B,2DAA2D;IAC3D,UAAU,CAAC,EAAE,MAAM,OAAO,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,YAAY,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACrE,kCAAkC;IAClC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,GAAG,KAAK,KAAK,IAAI,CAAC;IACzC,uFAAuF;IACvF,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACnC,wCAAwC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAChC,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACpC;AAED,MAAM,WAAW,iBAAiB;IAChC,yCAAyC;IACzC,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,qBAAqB;IACrB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,0CAA0C;IAC1C,SAAS,EAAE,OAAO,CAAC;IACnB,qCAAqC;IACrC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC3C,yBAAyB;IACzB,QAAQ,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC9B,oCAAoC;IACpC,WAAW,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACjC,6CAA6C;IAC7C,cAAc,EAAE,MAAM,OAAO,CAAC,UAAU,EAAE,CAAC,CAAC;IAC5C,mEAAmE;IACnE,iBAAiB,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,OAAO,CAAC,aAAa,CAAC,CAAC;IACpE,kDAAkD;IAClD,WAAW,EAAE,OAAO,CAAC;IACrB,yDAAyD;IACzD,WAAW,EAAE,WAAW,CAAC;IACzB,2CAA2C;IAC3C,cAAc,EAAE,OAAO,CAAC;IACxB,gCAAgC;IAChC,eAAe,EAAE,OAAO,CAAC;CAC1B;AAID,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,CAAC,EAAE,WAAW,CAAC;CACtB;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,MAAW,GACZ,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,CAkdlC;AAED;;GAEG;AACH,wBAAgB,QAAQ,IAAI,iBAAiB,CAM5C"}

package/dist/DynimProvider.js

@@ -9,7 +9,7 @@ import { jsxs as _jsxs, Fragment as _Fragment, jsx as _jsx } from "react/jsx-run
  */
 import React, { createContext, useContext, useEffect, useRef, useCallback, useMemo, useState, } from 'react';
 import ReactDOM from 'react-dom';
-import { createBuilderClient, createBuilder, createCodeClient, createBundleLoader, BundleNotFoundError, BundleAuthError, } from 'dynim-core';
+import { createBuilderClient, createBuilder, createCodeClient, createBundleLoader, createCSSLoader, BundleNotFoundError, BundleAuthError, } from 'dynim-core';
 import { createSharedContext, updateSharedContext, isSharedContextReady } from './inference/sharedContext';
 import { generateThemeCSS } from './theme';
 const DynimContext = createContext(null);
@@ -30,6 +30,7 @@ export function DynimProvider({ children, config = {}, }) {
     const builderRef = useRef(null);
     const codeClientRef = useRef(null);
     const bundleLoaderRef = useRef(null);
+    const cssLoaderRef = useRef(null);
     // Track when we're exiting to prevent auto-load from re-triggering
     const isExitingRef = useRef(false);
     const hasAttemptedInitialLoadRef = useRef(false);
@@ -40,6 +41,7 @@ export function DynimProvider({ children, config = {}, }) {
     const [isInitialLoadComplete, setIsInitialLoadComplete] = useState(false);
     const [TenantApp, setTenantApp] = useState(null);
     const [bundleError, setBundleError] = useState(null);
+    const [isRestoring, setIsRestoring] = useState(false);
     const [codeMessage, setCodeMessage] = useState({
         thinking: '',
         text: '',
@@ -140,7 +142,9 @@ export function DynimProvider({ children, config = {}, }) {
                 codeClientRef.current?.resetMessage();
             },
             loadBundle: (bundleUrl) => {
-                isExitingRef.current = true;
+                // Note: isExitingRef is already set by onExitStart for the exit flow.
+                // Don't set it here — this callback is also used by checkpoint restore
+                // while the builder is still active.
                 return loadBundleRef.current?.(bundleUrl) ?? Promise.resolve();
             },
             onEnter: () => {
@@ -154,6 +158,8 @@ export function DynimProvider({ children, config = {}, }) {
         });
         return () => {
             builderRef.current?.destroy();
+            // Clean up CSS link element on unmount
+            cssLoaderRef.current?.unload();
         };
     }, []);
     // Initialize builder client (only once on mount)
@@ -181,8 +187,20 @@ export function DynimProvider({ children, config = {}, }) {
         }
         return bundleLoaderRef.current;
     }, [getAuthToken]);
-    // Load bundle
-    const loadBundle = useCallback(async (bundleUrl) => {
+    // Get CSS loader
+    const getCSSLoader = useCallback(() => {
+        if (!cssLoaderRef.current) {
+            cssLoaderRef.current = createCSSLoader({
+                linkId: 'dynim-bundle-css',
+                onError: (error) => {
+                    console.warn('[DynimProvider] CSS load failed:', error);
+                },
+            });
+        }
+        return cssLoaderRef.current;
+    }, []);
+    // Load bundle (JS + CSS)
+    const loadBundle = useCallback(async (bundleUrl, loadCSS = true) => {
         const loader = getBundleLoader();
         if (loader.isLoading())
             return;
@@ -193,12 +211,28 @@ export function DynimProvider({ children, config = {}, }) {
             setTenantApp(() => App);
             setIsBundleLoaded(true);
             cleanup();
+            // Load CSS alongside JS bundle
+            if (loadCSS) {
+                const cssLoader = getCSSLoader();
+                const isTemp = bundleUrl.includes('temp=true');
+                const cssUrl = isTemp ? '/api/code/css?temp=true' : '/api/code/css';
+                if (isTemp) {
+                    // Temp/preview CSS - bust cache to get latest
+                    cssLoader.loadWithCacheBust(cssUrl);
+                }
+                else {
+                    // Saved CSS - let browser cache
+                    cssLoader.load(cssUrl);
+                }
+            }
         }
         catch (error) {
             // 404 = no bundle, 401 = not authenticated - show children
             if (error instanceof BundleNotFoundError || error instanceof BundleAuthError) {
                 setTenantApp(null);
                 setIsBundleLoaded(false);
+                // Also unload any CSS
+                getCSSLoader().unload();
                 return;
             }
             setBundleError(error);
@@ -206,7 +240,7 @@ export function DynimProvider({ children, config = {}, }) {
         finally {
             setIsBundleLoading(false);
         }
-    }, [getBundleLoader]);
+    }, [getBundleLoader, getCSSLoader]);
     // Keep ref updated
     useEffect(() => {
         loadBundleRef.current = loadBundle;
@@ -272,7 +306,8 @@ export function DynimProvider({ children, config = {}, }) {
     }, [fetchTheme]);
     // Load saved bundle
     const loadSavedBundle = useCallback(async () => {
-        await loadBundle('/api/code/bundle');
+        // Note: CSS is loaded separately by saveCode/abandonCode with cache busting
+        await loadBundle('/api/code/bundle', false);
     }, [loadBundle]);
     // Watch for bundleReady
     useEffect(() => {
@@ -283,7 +318,7 @@ export function DynimProvider({ children, config = {}, }) {
             }
         }
     }, [codeMessage.bundleReady, codeMessage.projectId]);
-    // Load temp bundle on signal
+    // Load temp bundle on signal (JS + CSS with cache busting)
     useEffect(() => {
         if (bundleLoadSignal === 0)
             return;
@@ -292,8 +327,9 @@ export function DynimProvider({ children, config = {}, }) {
             pendingBundleProjectIdRef.current = null;
             return;
         }
+        // Load JS bundle with cache busting
         const bundleUrl = `/api/code/bundle?temp=true&_t=${Date.now()}`;
-        loadBundleRef.current?.(bundleUrl);
+        loadBundleRef.current?.(bundleUrl, true); // true = also load CSS
         pendingBundleProjectIdRef.current = null;
     }, [bundleLoadSignal]);
     // Public methods
@@ -315,11 +351,36 @@ export function DynimProvider({ children, config = {}, }) {
     const saveCode = useCallback(async () => {
         await codeClientRef.current?.saveCode();
         await loadSavedBundle();
-    }, [loadSavedBundle]);
+        // Force reload CSS with cache bust since saved CSS has changed
+        getCSSLoader().loadWithCacheBust('/api/code/css');
+    }, [loadSavedBundle, getCSSLoader]);
     const abandonCode = useCallback(async () => {
         await codeClientRef.current?.abandonCode();
         await loadSavedBundle();
-    }, [loadSavedBundle]);
+        // Reload saved CSS (may have been showing temp CSS)
+        getCSSLoader().loadWithCacheBust('/api/code/css');
+    }, [loadSavedBundle, getCSSLoader]);
+    const getCheckpoints = useCallback(async () => {
+        return codeClientRef.current?.getCheckpoints() ?? [];
+    }, []);
+    const restoreCheckpoint = useCallback(async (checkpointId) => {
+        if (!codeClientRef.current) {
+            throw new Error('Code client not initialized');
+        }
+        setIsRestoring(true);
+        try {
+            const result = await codeClientRef.current.restoreCheckpoint(checkpointId);
+            // Reload bundle + CSS on success (loadBundle handles CSS when loadCSS=true)
+            if (result.bundle_ready) {
+                const bundleUrl = `/api/code/bundle?temp=true&_t=${Date.now()}`;
+                await loadBundleRef.current?.(bundleUrl, true);
+            }
+            return result;
+        }
+        finally {
+            setIsRestoring(false);
+        }
+    }, []);
     const contextValue = useMemo(() => ({
         enterBuilder,
         exitBuilder,
@@ -327,6 +388,9 @@ export function DynimProvider({ children, config = {}, }) {
         sendCode,
         saveCode,
         abandonCode,
+        getCheckpoints,
+        restoreCheckpoint,
+        isRestoring,
         codeMessage,
         isBundleLoaded,
         isBundleLoading,
@@ -337,6 +401,9 @@ export function DynimProvider({ children, config = {}, }) {
         sendCode,
         saveCode,
         abandonCode,
+        getCheckpoints,
+        restoreCheckpoint,
+        isRestoring,
         codeMessage,
         isBundleLoaded,
         isBundleLoading,

package/dist/index.d.ts

@@ -14,5 +14,5 @@ export { DynimProvider, useDynim } from './DynimProvider';
 export type { DynimConfig, DynimContextValue, DynimProviderProps } from './DynimProvider';
 export { defaultTheme } from './theme';
 export type { DynimTheme } from './theme';
-export type { CodeMessage, CodeEdit, Message } from 'dynim-core';
+export type { CodeMessage, CodeEdit, Checkpoint, RestoreResult, Message } from 'dynim-core';
 //# 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;;;;;;;;;;;GAWG;AAGH,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC1D,YAAY,EAAE,WAAW,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAG1F,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AACvC,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAG1C,YAAY,EAAE,WAAW,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAGH,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC1D,YAAY,EAAE,WAAW,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAG1F,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AACvC,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAG1C,YAAY,EAAE,WAAW,EAAE,QAAQ,EAAE,UAAU,EAAE,aAAa,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dynim-react",
-  "version": "1.0.50",
+  "version": "1.0.52",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -27,7 +27,7 @@
     "dev": "tsc --watch"
   },
   "dependencies": {
-    "dynim-core": "^1.0.7"
+    "dynim-core": "^1.0.26"
   },
   "peerDependencies": {
     "react": ">=17.0.0",
@@ -44,8 +44,8 @@
     "@types/react-dom": "^18.3.7",
     "react": "^19.2.3",
     "react-dom": "^19.2.3",
-    "vite": "^5.0.11",
-    "typescript": "^5.9.3"
+    "typescript": "^5.9.3",
+    "vite": "^5.0.11"
   },
   "license": "MIT"
 }