@sampleapp.ai/sdk 1.0.29 → 1.0.31

package/dist/index.js

@@ -2,10 +2,21 @@ import * as React from "react"; // Change this line
 import * as ReactDOM from "react-dom/client"; // Change this line
 import { ChatButton } from "./components/ChatButton";
 import { ModalSearchAndChat } from "./components/ModalSearchAndChat";
-import { ChatBar } from "./components/chat-bar";
+import { ChatBar as ChatBarRaw } from "./components/chat-bar";
+import { ShadowDomWrapper } from "./lib/shadow-dom-wrapper";
+import { TailwindExample as TailwindExampleRaw } from "./components/tailwind-example";
+import { SandboxHome as SandboxHomeRaw } from "./components/sandbox/sandbox-home";
 import "./styles.css";
+import "./styles/tailwind.css";
+const ChatBar = (props) => React.createElement(ShadowDomWrapper, null, React.createElement(ChatBarRaw, props));
+const TailwindExample = (props) => React.createElement(ShadowDomWrapper, null, React.createElement(TailwindExampleRaw, props));
+const SandboxHome = (props) => React.createElement(ShadowDomWrapper, null, React.createElement(SandboxHomeRaw, props));
 // Export React components for direct JSX usage
-export { ChatButton, ModalSearchAndChat, ChatBar };
+export { ChatButton, ModalSearchAndChat, ChatBar, TailwindExample, SandboxHome };
+// Export Sandbox component and types
+export { Sandbox } from "./components/sandbox";
+// Export Guardian components (now nested under sandbox)
+export { GuardianPlayground, GuardianComponent, GuardianProvider, VmProvider, buildGuardianConfig, createSandboxUrlConfigs, } from "./components/sandbox/guardian";
 // Export themes
 export { themes, getTheme, DEFAULT_THEME } from "./themes";
 // SDK class for loadScript programmatic usage

package/dist/index.standalone.js

@@ -1,65 +1,62 @@
 import React from "react";
 import ReactDOM from "react-dom/client";
 import { ChatBar as MinimalChatBar, } from "./components/chat-bar";
-function initChatBarStandalone(props, containerSelector) {
-    try {
-        // Add missing height property if not provided
-        const propsWithDefaults = Object.assign({}, props);
-        let hostContainer;
-        if (!containerSelector) {
-            hostContainer = document.body;
-        }
-        else if (typeof containerSelector === "string") {
-            const found = document.querySelector(containerSelector);
-            if (!found) {
-                throw new Error(`Container not found: ${containerSelector}`);
-            }
-            hostContainer = found;
-        }
-        else {
-            hostContainer = containerSelector;
+import { TailwindExample as TailwindExampleComponent } from "./components/tailwind-example";
+import { createShadowContainer, getShadowMountPoint, injectStylesIntoShadow, } from "./lib/inject-styles";
+// Import CSS - will be processed by Vite/PostCSS
+import "./styles/tailwind.css";
+// Import processed Tailwind CSS as string for injection
+import tailwindCssString from "virtual:tailwind-css";
+// Helper to get container element
+function getContainer(containerSelector) {
+    if (!containerSelector) {
+        return document.body;
+    }
+    else if (typeof containerSelector === "string") {
+        const found = document.querySelector(containerSelector);
+        if (!found) {
+            throw new Error(`Container not found: ${containerSelector}`);
         }
-        // Create shadow host element
-        const shadowHost = document.createElement("div");
-        shadowHost.style.display = "contents"; // Make shadow host transparent to layout
-        // Attach shadow DOM for isolation
-        const shadow = shadowHost.attachShadow({ mode: "open" });
-        // Create app container inside shadow DOM
-        const appContainer = document.createElement("div");
-        appContainer.style.all = "initial"; // Reset all styles
-        appContainer.style.position = "relative";
-        appContainer.style.zIndex = "999999";
-        // Add basic styles to shadow DOM to prevent host CSS interference
-        const styleSheet = document.createElement("style");
-        styleSheet.textContent = `
+        return found;
+    }
+    else {
+        return containerSelector;
+    }
+}
+// Helper to create shadow DOM with CSS injection
+function mountComponentInShadow(Component, props, container, cssContent) {
+    const shadow = createShadowContainer(container);
+    const mountPoint = getShadowMountPoint(shadow);
+    // Inject CSS if provided
+    if (cssContent) {
+        injectStylesIntoShadow(shadow, cssContent);
+    }
+    else {
+        // Inject basic reset styles
+        injectStylesIntoShadow(shadow, `
       * {
         box-sizing: border-box;
       }
-      
-      /* Reset any inherited styles that might interfere */
       div, span, p, button, input, textarea {
         font-family: system-ui, -apple-system, sans-serif;
-        color: inherit;
-        background: transparent;
-        border: none;
-        margin: 0;
-        padding: 0;
       }
-    `;
-        shadow.appendChild(styleSheet);
-        shadow.appendChild(appContainer);
-        hostContainer.appendChild(shadowHost);
-        const root = ReactDOM.createRoot(appContainer);
-        const component = React.createElement(MinimalChatBar, propsWithDefaults);
-        root.render(component);
-        return {
-            unmount: () => {
-                root.unmount();
-                shadowHost.remove();
-            },
-            container: shadowHost,
-            shadowRoot: shadow,
-        };
+    `);
+    }
+    const root = ReactDOM.createRoot(mountPoint);
+    root.render(React.createElement(Component, props));
+    return {
+        unmount: () => {
+            root.unmount();
+            container.innerHTML = "";
+        },
+        container,
+        shadowRoot: shadow,
+    };
+}
+function initChatBarStandalone(props, containerSelector) {
+    try {
+        const hostContainer = getContainer(containerSelector);
+        return mountComponentInShadow(MinimalChatBar, props, hostContainer);
     }
     catch (error) {
         console.error("SampleApp Standalone Error:", error);
@@ -70,12 +67,23 @@ function initChatBarStandalone(props, containerSelector) {
         throw error;
     }
 }
+function initTailwindExample(props, container) {
+    try {
+        // Inject processed Tailwind CSS into shadow DOM
+        return mountComponentInShadow(TailwindExampleComponent, props, container, tailwindCssString || "");
+    }
+    catch (error) {
+        console.error("TailwindExample Standalone Error:", error);
+        throw error;
+    }
+}
 const SampleAppStandalone = {
     ChatBar: initChatBarStandalone,
+    TailwindExample: initTailwindExample,
     version: "1.0.25",
 };
 if (typeof window !== "undefined") {
     window.SampleAppStandalone = SampleAppStandalone;
 }
 export default SampleAppStandalone;
-export { initChatBarStandalone as ChatBar };
+export { initChatBarStandalone as ChatBar, initTailwindExample as TailwindExample, };