astro-tractstack 2.0.21 → 2.0.23

package/package.json

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

package/templates/src/components/compositor/nodes/tagElements/NodeAnchorComponent.tsx

@@ -202,7 +202,10 @@ export const NodeAnchorComponent = (props: NodeProps, tagName: string) => {
           onDoubleClick={handleDoubleClick}
           data-editable-link="true"
           // Preserve display mode
-          style={{ display: 'inline' }}
+          style={{
+            display: 'inline',
+            cursor: isEditMode ? 'text' : 'pointer',
+          }}
         >
           <RenderChildren
             children={ctx.getChildNodeIDs(nodeId)}

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

@@ -147,7 +147,9 @@ function extractNodesFromDOM(
       if (text !== null && text !== undefined) {
         // Remove zero-width spaces
         text = text.replace(/\u200B/g, '');
-
+        if (text.trim() === '') {
+          return;
+        }
         result.push({
           id: ulid(),
           parentId,
@@ -361,16 +363,16 @@ export function processRichTextToNodes(
     if (['a', 'button', 'span'].includes(node.tagName)) {
       const matchingOriginalNode = findMatchingNode(node, originalNodes);
       if (matchingOriginalNode) {
-        if (node.tagName === 'a') {
+        if (['a', 'button'].includes(node.tagName)) {
           if (matchingOriginalNode.href) {
             node.href = matchingOriginalNode.href;
           }
-        } else if (node.tagName === 'button') {
           node.buttonPayload = matchingOriginalNode.buttonPayload;
         } else if (node.tagName === 'span') {
           node.elementCss = matchingOriginalNode.elementCss;
           node.overrideClasses = matchingOriginalNode.overrideClasses;
         }
+        console.log(node);
       } else if (onInsertSignal) {
         // New interactive element detected, trigger insert signal
         onInsertSignal(node.tagName, node.id);

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

@@ -6,7 +6,7 @@ import type {
 } from '@/types/compositorTypes';
 
 const tailwindModifier = ['', 'md:', 'xl:'];
-const tailwindCoreModifier = ['xs:', 'md:', 'xl:'];
+const tailwindCoreModifier = ['', 'md:', 'xl:'];
 
 const stripViewportPrefixes = (classes: string[]): string[] => {
   return classes.map((classStr) =>