astro-tractstack 2.0.9 → 2.0.10

package/templates/src/stores/selection.ts

@@ -0,0 +1,41 @@
+import { map } from 'nanostores';
+
+export type SelectionRange = {
+  blockNodeId: string | null;
+  lcaNodeId: string | null;
+  startNodeId: string | null;
+  startCharOffset: number;
+  endNodeId: string | null;
+  endCharOffset: number;
+};
+
+export type SelectionBox = {
+  top: number;
+  left: number;
+};
+
+export interface SelectionStoreState extends SelectionRange {
+  isDragging: boolean;
+  isActive: boolean;
+  selectionBox: SelectionBox | null;
+  pendingAction: 'style' | 'link' | null;
+}
+
+const DEFAULT_SELECTION_STATE: SelectionStoreState = {
+  isDragging: false,
+  isActive: false,
+  blockNodeId: null,
+  lcaNodeId: null,
+  startNodeId: null,
+  startCharOffset: 0,
+  endNodeId: null,
+  endCharOffset: 0,
+  selectionBox: null,
+  pendingAction: null,
+};
+
+export const selectionStore = map<SelectionStoreState>(DEFAULT_SELECTION_STATE);
+
+export function resetSelectionStore() {
+  selectionStore.set(DEFAULT_SELECTION_STATE);
+}

package/templates/src/types/compositorTypes.ts

@@ -329,6 +329,7 @@ export interface ResourceNode extends BaseNode {
   oneliner: string;
   optionsPayload: any;
   category?: string;
+  categorySlug?: string;
   actionLisp?: string;
 }
 

package/templates/src/types/nodeProps.ts

@@ -1,3 +1,4 @@
+import type { MouseEvent } from 'react';
 import { NodesContext } from '@/stores/nodes';
 import type { BrandConfig } from './tractstack';
 import type { Tag } from './compositorTypes';
@@ -11,11 +12,22 @@ export interface WidgetProps {
   value3: string;
 }
 
+export type SelectionOrigin = {
+  blockNodeId: string;
+  lcaNodeId: string;
+  startNodeId: string;
+  startCharOffset: number;
+  endNodeId: string;
+  endCharOffset: number;
+};
+
 export type NodeProps = {
   nodeId: string;
   config?: BrandConfig;
   ctx?: NodesContext;
   first?: boolean;
+  onDragStart?: (origin: SelectionOrigin, e: MouseEvent<HTMLElement>) => void;
+  isSelectableText?: boolean;
 };
 
 export type NodeTagProps = NodeProps & { tagName: keyof JSX.IntrinsicElements };

package/templates/src/utils/compositor/nodesHelper.ts

@@ -139,8 +139,8 @@ function extractNodesFromDOM(
 
       // Only skip if null or undefined, but keep empty strings and whitespace
       if (text !== null && text !== undefined) {
-        // Remove zero-width spaces from beginning and end
-        text = text.replace(/^\u200B+|\u200B+$/g, '');
+        // Remove zero-width spaces
+        text = text.replace(/\u200B/g, '');
 
         result.push({
           id: ulid(),

package/utils/inject-files.ts

@@ -382,12 +382,6 @@ export async function injectTemplateFiles(
       src: resolve('../templates/src/components/compositor/elements/Svg.tsx'),
       dest: 'src/components/compositor/elements/Svg.tsx',
     },
-    {
-      src: resolve(
-        '../templates/src/components/compositor/elements/PlayButton.tsx'
-      ),
-      dest: 'src/components/compositor/elements/PlayButton.tsx',
-    },
     // Compositor panels
     {
       src: resolve(
@@ -584,6 +578,10 @@ export async function injectTemplateFiles(
       src: resolve('../templates/src/stores/nodesHistory.ts'),
       dest: 'src/stores/nodesHistory.ts',
     },
+    {
+      src: resolve('../templates/src/stores/selection.ts'),
+      dest: 'src/stores/selection.ts',
+    },
 
     // AAI utils
     {

package/templates/src/components/compositor/elements/PlayButton.tsx

@@ -1,19 +0,0 @@
-export const PlayButton = () => {
-  return (
-    <svg
-      viewBox="0 0 459 459"
-      xmlns="http://www.w3.org/2000/svg"
-      preserveAspectRatio="xMidYMid meet"
-      className="inline-block"
-      style={{ height: `1em` }}
-    >
-      <path
-        d="M229.5,0C102.751,0,0,102.751,0,229.5S102.751,459,229.5,459S459,356.249,459,229.5S356.249,0,229.5,0z M310.292,239.651
-        l-111.764,76.084c-3.761,2.56-8.63,2.831-12.652,0.704c-4.022-2.128-6.538-6.305-6.538-10.855V153.416
-        c0-4.55,2.516-8.727,6.538-10.855c4.022-2.127,8.891-1.857,12.652,0.704l111.764,76.084c3.359,2.287,5.37,6.087,5.37,10.151
-        C315.662,233.564,313.652,237.364,310.292,239.651z"
-        fill="currentColor"
-      />
-    </svg>
-  );
-};