@mochabug/adapt-astro 1.0.1-rc.21 → 1.0.1-rc.23

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mochabug/adapt-astro",
-  "version": "1.0.1-rc.21",
+  "version": "1.0.1-rc.23",
   "description": "Astro component for Adapt automation platform",
   "type": "module",
   "main": "./src/index.ts",
@@ -18,7 +18,9 @@
       "types": "./src/cap.ts",
       "import": "./src/cap.ts"
     },
-    "./AdaptAutomation.astro": "./src/AdaptAutomation.astro"
+    "./AdaptAutomation.astro": "./src/AdaptAutomation.astro",
+    "./AdaptAutomationCore.astro": "./src/AdaptAutomationCore.astro",
+    "./AdaptCap.astro": "./src/AdaptCap.astro"
   },
   "files": [
     "src"
@@ -39,6 +41,6 @@
     "astro": "^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0"
   },
   "dependencies": {
-    "@mochabug/adapt-web": "^1.0.1-rc.20"
+    "@mochabug/adapt-web": "^1.0.1-rc.21"
   }
 }

package/src/AdaptAutomation.astro

@@ -114,7 +114,7 @@ const containerId = `adapt-${Math.random().toString(36).slice(2, 11)}`;
 </adapt-automation>
 
 <script>
-  import { AdaptAutomationElement } from "@mochabug/adapt-web/core";
+  import { AdaptAutomationElement } from "@mochabug/adapt-web";
 
   // Ensure custom element is registered
   void AdaptAutomationElement;

package/src/AdaptAutomationCore.astro

@@ -0,0 +1,162 @@
+---
+import type { AdaptWebClientOptions } from "@mochabug/adapt-web/core";
+
+export interface Props extends Pick<
+  AdaptWebClientOptions,
+  | "automationId"
+  | "sessionToken"
+  | "authToken"
+  | "transmitter"
+  | "signals"
+  | "challengeToken"
+  | "inheritToken"
+  | "inheritFrom"
+  | "forkDisplay"
+  | "darkMode"
+  | "autoResizing"
+  | "allowFloating"
+  | "allowDocking"
+  | "allowDialogDocking"
+  | "allowMinimize"
+  | "allowMaximize"
+  | "floatingAutoResize"
+  | "onSession"
+  | "onOutput"
+  | "onForkActive"
+  | "onError"
+  | "classNames"
+  | "persist"
+  | "text"
+  | "theme"
+  | "debug"
+> {
+  /** CSS class name for the container */
+  class?: string;
+  /** Inline styles for the container */
+  style?: string;
+}
+
+const {
+  automationId,
+  sessionToken,
+  authToken,
+  transmitter,
+  signals,
+  challengeToken,
+  inheritToken,
+  inheritFrom,
+  forkDisplay,
+  darkMode = false,
+  autoResizing = false,
+  allowFloating,
+  allowDocking,
+  allowDialogDocking,
+  allowMinimize,
+  allowMaximize,
+  floatingAutoResize = false,
+  classNames,
+  persist,
+  text,
+  theme,
+  debug = false,
+  class: className,
+  style,
+} = Astro.props;
+
+const forkDisplayMode = forkDisplay?.mode ?? "side-by-side";
+const sideBySideSplit =
+  forkDisplay?.mode === "side-by-side" ? (forkDisplay.split ?? 50) : 50;
+
+const containerId = `adapt-${Math.random().toString(36).slice(2, 11)}`;
+---
+
+<adapt-automation
+  id={containerId}
+  class={className}
+  style={style}
+  automation-id={automationId}
+  session-token={sessionToken}
+  auth-token={authToken}
+  transmitter={transmitter}
+  challenge-token={challengeToken}
+  inherit-token={inheritToken}
+  fork-display-mode={forkDisplayMode}
+  side-by-side-split={String(sideBySideSplit)}
+  dark-mode={darkMode ? "" : undefined}
+  auto-resizing={autoResizing ? "" : undefined}
+  allow-floating={allowFloating === false ? "false" : undefined}
+  allow-docking={allowDocking === false ? "false" : undefined}
+  allow-dialog-docking={allowDialogDocking === false ? "false" : undefined}
+  allow-minimize={allowMinimize === false ? "false" : undefined}
+  allow-maximize={allowMaximize === false ? "false" : undefined}
+  floating-auto-resize={floatingAutoResize ? "" : undefined}
+  persist={persist ? "" : undefined}
+  debug={debug ? "" : undefined}
+  data-adapt-text={text ? JSON.stringify(text) : undefined}
+  data-adapt-persist-options={typeof persist === "object"
+    ? JSON.stringify(persist)
+    : undefined}
+  data-adapt-signals={signals ? JSON.stringify(signals) : undefined}
+  data-adapt-inherit-from={inheritFrom
+    ? JSON.stringify(inheritFrom)
+    : undefined}
+  data-adapt-class-names={classNames ? JSON.stringify(classNames) : undefined}
+  data-adapt-theme={theme ? JSON.stringify(theme) : undefined}
+>
+</adapt-automation>
+
+<script>
+  import { AdaptAutomationElement } from "@mochabug/adapt-web/core";
+
+  // Ensure custom element is registered
+  void AdaptAutomationElement;
+
+  function initAll() {
+    document
+      .querySelectorAll<AdaptAutomationElement>("adapt-automation")
+      .forEach((el) => {
+        // Set non-serializable properties from data attributes
+        const signalsStr = el.dataset.adaptSignals;
+        if (signalsStr) {
+          el.signals = JSON.parse(signalsStr);
+        }
+
+        const inheritFromStr = el.dataset.adaptInheritFrom;
+        if (inheritFromStr) {
+          el.inheritFrom = JSON.parse(inheritFromStr);
+        }
+
+        const classNamesStr = el.dataset.adaptClassNames;
+        if (classNamesStr) {
+          el.classNames = JSON.parse(classNamesStr);
+        }
+
+        const persistStr = el.dataset.adaptPersistOptions;
+        if (persistStr) {
+          el.persistOptions = JSON.parse(persistStr);
+        }
+
+        const textStr = el.dataset.adaptText;
+        if (textStr) {
+          el.text = JSON.parse(textStr);
+        }
+
+        const themeStr = el.dataset.adaptTheme;
+        if (themeStr) {
+          el.theme = JSON.parse(themeStr);
+        }
+
+        // Dispatch events for callbacks (users can addEventListener on the element)
+        // onSession and onOutput are handled automatically via adapt-session and adapt-output CustomEvents
+      });
+  }
+
+  // Initial load
+  initAll();
+
+  // Handle Astro View Transitions
+  document.addEventListener("astro:page-load", initAll);
+
+  // Cleanup before page swap (View Transitions)
+  // The custom element handles its own cleanup in disconnectedCallback
+</script>