@tecof/theme-editor 0.0.25 → 0.0.27

package/dist/index.js

@@ -469,7 +469,9 @@ var TecofEditor = ({
     ] }) });
   }
   const plugins = [
-    ...core.fieldsPlugin ? [core.fieldsPlugin({ desktopSideBar: "left" })] : [],
+    { ...core.blocksPlugin(), label: "Bloklar" },
+    { ...core.outlinePlugin(), label: "Anahat" },
+    { ...core.fieldsPlugin({ desktopSideBar: "right" }), label: "Alanlar" },
     ...extraPlugins || []
   ];
   const mergedOverrides = {
@@ -488,7 +490,8 @@ var TecofEditor = ({
         data: initialData,
         onPublish: handlePuckPublish,
         onChange: handleChange,
-        overrides: mergedOverrides
+        overrides: mergedOverrides,
+        metadata: { editMode: true }
       }
     ),
     saving && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tecof-editor-save-indicator", children: saveStatus === "error" ? "Save failed" : "Saving..." })
@@ -545,8 +548,9 @@ var TecofPicture = React__default.memo(({
   const { apiClient } = useTecof();
   const cdnUrl = apiClient.cdnUrl;
   if (!data3) return null;
+  const buildPath = (fileName) => data3?.folder && data3.folder !== "/" ? `${data3.folder.replace(/^\//, "")}/${fileName}` : fileName;
   const isExternal = data3?.type === "external" || data3?.provider === "external";
-  const fileURL = isExternal ? data3?.url || "" : `${cdnUrl}/${data3?.name}`;
+  const fileURL = isExternal ? data3?.url || "" : `${cdnUrl}/${buildPath(data3?.name)}`;
   const isImageType2 = isExternal ? true : isImage(data3?.type);
   const isVideoType = isExternal ? false : isVideo(data3?.type);
   if (!fileURL) return null;
@@ -24019,6 +24023,25 @@ var normalizeHex = (hex) => {
   }
   return v2;
 };
+var toHex = (val) => {
+  if (!val) return "";
+  const trimmed = val.trim();
+  if (trimmed.startsWith("#")) return trimmed;
+  const rgbaMatch = trimmed.match(/^rgba?\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)(?:\s*,\s*([\d.]+))?\s*\)$/i);
+  if (rgbaMatch) {
+    const r2 = parseInt(rgbaMatch[1], 10);
+    const g = parseInt(rgbaMatch[2], 10);
+    const b = parseInt(rgbaMatch[3], 10);
+    const a2 = rgbaMatch[4] !== void 0 ? parseFloat(rgbaMatch[4]) : 1;
+    const hex = `#${[r2, g, b].map((c2) => c2.toString(16).padStart(2, "0")).join("")}`;
+    if (a2 < 1) {
+      const alphaHex = Math.round(a2 * 255).toString(16).padStart(2, "0");
+      return hex + alphaHex;
+    }
+    return hex;
+  }
+  return trimmed;
+};
 var ColorField = ({
   value,
   onChange,
@@ -24028,14 +24051,15 @@ var ColorField = ({
   placeholder = "#000000",
   showReset = true
 }) => {
-  const [hexInput, setHexInput] = React__default.useState(value || "");
+  const [hexInput, setHexInput] = React__default.useState(() => toHex(value || ""));
   const [opacity, setOpacity2] = React__default.useState(100);
   const [focused, setFocused] = React__default.useState(false);
   const inputRef = React__default.useRef(null);
   React__default.useEffect(() => {
-    setHexInput(value || "");
-    if (value && value.length === 9) {
-      const alphaHex = value.slice(7, 9);
+    const hex = toHex(value || "");
+    setHexInput(hex);
+    if (hex && hex.length === 9) {
+      const alphaHex = hex.slice(7, 9);
       const alphaPercent = Math.round(parseInt(alphaHex, 16) / 255 * 100);
       setOpacity2(alphaPercent);
     } else {