@alpaca-editor/core 1.0.3850 → 1.0.3851

package/src/editor/client/EditorClient.tsx

@@ -524,7 +524,7 @@ export function EditorClient({
 
   useEffect(() => {
     if (typeof window === "undefined") return;
-    var keepAliveUrl = "/alpaca/editor/keepalive";
+    const keepAliveUrl = "/alpaca/editor/keepalive";
     const interval = setInterval(
       () => {
         fetch(keepAliveUrl + "?ts=" + Date.now()).catch((error) =>
@@ -698,7 +698,7 @@ export function EditorClient({
           c.language === currentItemDescriptor.language &&
           c.version === currentItemDescriptor.version,
       );
-      var allComments = [...loadedComments, ...newComments];
+      const allComments = [...loadedComments, ...newComments];
       allComments.sort((a, b) => a.position - b.position);
       return allComments;
     });
@@ -885,7 +885,7 @@ export function EditorClient({
 
   const addToBrowseHistory = useCallback(
     (item: FullItem) => {
-      let historyEntry = {
+      const historyEntry = {
         path: item.path || "unknown",
         name: item.name || "unknown",
         language: item.language,
@@ -1209,7 +1209,7 @@ export function EditorClient({
       });
       return;
     }
-    var v = [...result.data.versions].reverse() || [];
+    const v = [...result.data.versions].reverse() || [];
 
     setItemVersions(v);
     setItemLanguages(result.data.languages);
@@ -1325,7 +1325,7 @@ export function EditorClient({
   );
 
   useEffect(() => {
-    let items: ItemDescriptor[] = [];
+    const items: ItemDescriptor[] = [];
 
     if (editContext.contentEditorItem) {
       items.push(editContext.contentEditorItem.descriptor);

package/src/editor/commands/componentCommands.tsx

@@ -123,8 +123,6 @@ function getDuplicateCommand(
       editContext.operations.duplicateComponents({
         componentIds: components.map((x) => x.id),
       });
-      context.event?.stopPropagation();
-      context.event?.preventDefault();
     },
   };
 }

package/src/editor/menubar/LanguageSelector.tsx

@@ -54,6 +54,7 @@ export function LanguageSelector({
             ? "text-gray-500 hover:bg-gray-300"
             : "text-gray-200 hover:bg-gray-500"
         } rounded-md ${disabled ? "opacity-50" : ""}`}
+        data-testid="language-selector"
         onClick={(ev) => {
           if (disabled) return;
           overlaypanel.current?.toggle(ev, ev.currentTarget);

package/src/editor/page-editor-chrome/FrameMenu.tsx

@@ -322,10 +322,7 @@ export function FrameMenu({
                     }}
                   >
                     {typeof b.icon === "string" ? (
-                      <i
-                        className={b.icon + " cursor-pointer text-sm"}
-                        title={b.label}
-                      />
+                      <i className={b.icon + " cursor-pointer text-sm"} />
                     ) : (
                       b.icon
                     )}

package/src/editor/page-editor-chrome/InlineEditor.tsx

@@ -73,7 +73,7 @@ export function InlineEditor({
         value = isRichText ? clone.innerHTML : clone.innerText;
       }
 
-      var modifiedFieldValue = modifiedFieldsContext?.modifiedFields.find(
+      const modifiedFieldValue = modifiedFieldsContext?.modifiedFields.find(
         (x) =>
           x.fieldId === fieldId &&
           x.item.id === itemId &&
@@ -448,7 +448,7 @@ export function InlineEditor({
     selection.removeAllRanges();
 
     // Find the appropriate text node and offset
-    let currentNode = element.firstChild;
+    const currentNode = element.firstChild;
     let currentPos = 0;
 
     // Helper function to find the right node and position

package/src/editor/page-editor-chrome/PlaceholderDropZones.tsx

@@ -275,10 +275,10 @@ function detectOrientation(
     // Check for flex direction
     if (display === "flex" || display === "inline-flex") {
       const flexDirection = parentStyle.getPropertyValue("flex-direction");
-      if (flexDirection === "row" || flexDirection === "row-reverse") {
+      if (flexDirection === "row" || "row-reverse") {
         return "horizontal";
       }
-      if (flexDirection === "column" || flexDirection === "column-reverse") {
+      if (flexDirection === "column" || "column-reverse") {
         return "vertical";
       }
     }

package/src/editor/page-viewer/PageViewerFrame.tsx

@@ -3,7 +3,6 @@ import { MiniMap } from "./MiniMap";
 import {
   useEditContext,
   useEditContextRef,
-  EditorMode,
 } from "../client/editContext";
 import { useDebouncedCallback, useThrottledCallback } from "use-debounce";
 import { PageEditorChrome } from "../page-editor-chrome/PageEditorChrome";

package/src/editor/page-viewer/pageModelBuilder.ts

@@ -362,7 +362,7 @@ export function buildPageModel(
                 placeholderStartId.indexOf(currentComponent.id + "_") === 0
                   ? placeholderStartId.substring(currentComponent.id.length + 1)
                   : placeholderStartId,
-              description: "",
+              description: element.getAttribute("data-description") || "",
               components: [],
               parentComponent: currentComponent,
             };

package/src/editor/sidebar/ComponentTree.tsx

@@ -93,7 +93,7 @@ export function ComponentTree({}) {
     const node: CustomTreeNode = {
       key: p.key,
       componentId: p.key,
-      label: p.name,
+      label: p.description || p.name,
       icon: "pi pi-folder",
       data: p,
       parent: parent,

package/src/editor/sidebar/MainContentTree.tsx

@@ -1,4 +1,4 @@
-import { useEffect, useState } from "react";
+import { useCallback, useEffect, useState } from "react";
 import { InsertOption } from "../../types";
 import ContentTree from "../ContentTree";
 import { useEditContext } from "../client/editContext";
@@ -21,6 +21,22 @@ export function MainContentTree({
   const selectedItem = editContext.contentEditorItem ?? page?.item;
   const [selectedItemIds, setSelectedItemIds] = useState<string[]>([]);
 
+  const isDraggable = useCallback(
+    (x: ItemTreeNodeData) => {
+      return (
+        mode === "insert" &&
+        insertOptions?.find(
+          (insertOption: InsertOption) =>
+            insertOption.typeId == x.templateId ||
+            insertOption.compatibleTypeIds?.find(
+              (compatibleTemplate) => compatibleTemplate == x.templateId,
+            ) !== undefined,
+        ) !== undefined
+      );
+    },
+    [mode, insertOptions],
+  );
+
   useEffect(() => {
     if (selectedItem) setSelectedItemIds([selectedItem.id]);
   }, [selectedItem]);
@@ -33,7 +49,6 @@ export function MainContentTree({
     };
     loadInsertOptions();
   }, [editContext.selection, page]);
-
   return (
     <div className="flex h-full flex-col">
       <div className="border-b border-gray-200 p-2">
@@ -73,16 +88,7 @@ export function MainContentTree({
                   version: selectedItems[0].version,
                 });
             }}
-            isDraggable={(x) =>
-              mode === "insert" &&
-              insertOptions?.find(
-                (insertOption: InsertOption) =>
-                  insertOption.typeId == x.templateId ||
-                  insertOption.compatibleTypeIds?.find(
-                    (compatibleTemplate) => compatibleTemplate == x.templateId,
-                  ) !== undefined,
-              ) !== undefined
-            }
+            isDraggable={isDraggable}
             renderNode={(node, defaultRenderer) => (
               <div className="group flex w-full gap-4">
                 {defaultRenderer(node)}

package/src/revision.ts

@@ -1,2 +1,2 @@
-export const version = "1.0.3850";
-export const buildDate = "2025-04-28 01:46:27";
+export const version = "1.0.3851";
+export const buildDate = "2025-04-28 18:28:02";