astro-tractstack 2.0.32 → 2.0.33

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "astro-tractstack",
-  "version": "2.0.32",
+  "version": "2.0.33",
   "description": "Astro integration for TractStack - redeeming the web from boring experiences",
   "type": "module",
   "main": "dist/index.js",

package/templates/src/components/edit/Header.tsx

@@ -14,6 +14,7 @@ import {
   setViewportMode,
   settingsPanelStore,
   pendingHomePageSlugStore,
+  saasModalOpenStore,
 } from '@/stores/storykeep';
 import { getCtx, ROOT_NODE_NAME } from '@/stores/nodes';
 import SaveModal from '@/components/edit/state/SaveModal';
@@ -48,7 +49,11 @@ const StoryKeepHeader = ({
   }, [ctx.history]);
 
   const handleSave = () => {
-    setShowSaveModal(true);
+    if (isSandboxMode) {
+      saasModalOpenStore.set(true);
+    } else {
+      setShowSaveModal(true);
+    }
   };
 
   const handleCloseSaveModal = () => {
@@ -167,7 +172,7 @@ const StoryKeepHeader = ({
           </div>
         )}
 
-        {shouldShowSave && !isSandboxMode && (
+        {shouldShowSave && (
           <div className="flex flex-wrap items-center justify-center gap-2 text-sm">
             <button
               onClick={handleSave}

package/templates/src/components/edit/pane/AddPanePanel_new.tsx

@@ -23,6 +23,7 @@ import {
 import { DirectInjectStep } from './steps/DirectInjectStep';
 import BooleanToggle from '@/components/form/BooleanToggle';
 import EnumSelect from '@/components/form/EnumSelect';
+import type { StoryFragmentNode } from '@/types/compositorTypes';
 
 type Step =
   | 'initial'
@@ -306,8 +307,12 @@ const AddPaneNewPanel = ({
             first ? 'before' : 'after'
           );
         });
-        ctx.notifyNode(`root`);
+        const storyFragment = cloneDeep(
+          ctx.allNodes.get().get(ownerId)
+        ) as StoryFragmentNode;
+        ctx.modifyNodes([{ ...storyFragment, isChanged: true }]);
       }
+      ctx.notifyNode(`root`);
       setParentMode(PaneAddMode.DEFAULT, false);
     } catch (err) {
       console.error('Error inserting template:', err);

package/templates/src/pages/api/sandbox.ts

@@ -1,7 +1,6 @@
 import type { APIRoute } from '@/types/astro';
 
 export const POST: APIRoute = async ({ request }) => {
-  console.log(1);
   const goBackend =
     import.meta.env.PUBLIC_GO_BACKEND || 'http://localhost:8080';
   const sharedSecret = import.meta.env.PRIVATE_SANDBOX_SECRET;
@@ -9,9 +8,6 @@ export const POST: APIRoute = async ({ request }) => {
     request.headers.get('X-Tenant-ID') ||
     import.meta.env.PUBLIC_TENANTID ||
     'default';
-  console.log(goBackend);
-  console.log(sharedSecret);
-  console.log(tenantId);
 
   if (!sharedSecret || sharedSecret === 'false' || sharedSecret === 'true') {
     return new Response(
@@ -35,12 +31,10 @@ export const POST: APIRoute = async ({ request }) => {
       { status: 403, headers: { 'Content-Type': 'application/json' } }
     );
   }
-  console.log(profileCookie);
 
   try {
     const body = await request.json();
     const { action, payload } = body;
-    console.log(action, payload);
 
     if (action !== 'askLemur') {
       return new Response(

package/templates/src/pages/sandbox.astro

@@ -4,7 +4,9 @@ import Layout from '@/layouts/Layout.astro';
 import Header from '@/components/Header.astro';
 import { getFullContentMap } from '@/stores/analytics';
 import { getBrandConfig } from '@/utils/api/brandConfig';
-import { components as codeHookComponents } from '@/custom/CodeHook.astro';
+import CodeHook, {
+  components as codeHookComponents,
+} from '@/custom/CodeHook.astro';
 import StoryKeepHeader from '@/components/edit/Header';
 import StoryKeepToolBar from '@/components/edit/ToolBar';
 import StoryKeepToolMode from '@/components/edit/ToolMode';
@@ -62,6 +64,16 @@ const hasProfile = Astro.request.headers
   isEditor={true}
 >
   <SandboxAuthWrapper client:load isServerSideAuthenticated={!!hasProfile} />
+
+  <CodeHook
+    target="get-tractstack"
+    options={{
+      params: {
+        options: JSON.stringify({ isEmbedded: false }),
+      },
+    }}
+  />
+
   <Header
     title={title}
     slug="sandbox"

package/templates/src/stores/storykeep.ts

@@ -29,6 +29,8 @@ export const codehookMapStore = atom<string[]>([]);
 
 export const pendingHomePageSlugStore = atom<string | null>(null);
 
+export const saasModalOpenStore = atom<boolean>(false);
+
 // Tool mode types
 export type ToolModeVal =
   | 'styles'