@vishu1301/script-writing 1.1.7 → 1.1.9

package/dist/index.d.cts

@@ -107,7 +107,7 @@ declare function ScriptBreakdownSceneView({ blocks, characters, isLoading, scene
     } | null;
     handleMouseUp: () => void;
     addTag: (c: ElementCategory) => void;
-    removeTag: (e: React__default.MouseEvent, id: string) => void;
+    removeTag: (e: React__default.MouseEvent, id?: string) => void;
     clearSelection: () => void;
     menuPlacement: "top" | "bottom";
     menuRef: React__default.RefObject<HTMLDivElement | null>;

package/dist/index.d.ts

@@ -107,7 +107,7 @@ declare function ScriptBreakdownSceneView({ blocks, characters, isLoading, scene
     } | null;
     handleMouseUp: () => void;
     addTag: (c: ElementCategory) => void;
-    removeTag: (e: React__default.MouseEvent, id: string) => void;
+    removeTag: (e: React__default.MouseEvent, id?: string) => void;
     clearSelection: () => void;
     menuPlacement: "top" | "bottom";
     menuRef: React__default.RefObject<HTMLDivElement | null>;

package/dist/index.js

@@ -408,7 +408,7 @@ function ScreenplayEditorView({
           }) }),
           /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 shrink-0 relative px-1", children: [
             /* @__PURE__ */ jsx("div", { className: "w-[1px] h-6 bg-zinc-200/80 mx-2 hidden sm:block rounded-full" }),
-            showPdfImport && /* @__PURE__ */ jsx(PdfImporter, { disabled: isLocked, onScriptImported: handleScriptImport, children: /* @__PURE__ */ jsx("div", { title: "Import Script", children: /* @__PURE__ */ jsx(Upload, { className: "w-[18px] h-[18px]" }) }) }),
+            showPdfImport && !isLocked && /* @__PURE__ */ jsx(PdfImporter, { disabled: isLocked, onScriptImported: handleScriptImport, children: /* @__PURE__ */ jsx("div", { title: "Import Script", children: /* @__PURE__ */ jsx(Upload, { className: "w-[18px] h-[18px]" }) }) }),
             onToggleLock && /* @__PURE__ */ jsx(
               "button",
               {
@@ -1746,14 +1746,14 @@ var PopcornIcon = ({ isSummarizing }) => /* @__PURE__ */ jsxs(
         "path",
         {
           d: "M18 8a2 2 0 0 0 0-4 2 2 0 0 0-4 0 2 2 0 0 0-4 0 2 2 0 0 0-4 0 2 2 0 0 0 0 4",
-          className: "stroke-yellow-400",
+          stroke: "#facc15",
           strokeWidth: "2"
         }
       ),
-      /* @__PURE__ */ jsxs("g", { className: "stroke-red-500", strokeWidth: "2", children: [
+      /* @__PURE__ */ jsxs("g", { stroke: "#ef4444", strokeWidth: "2", children: [
         /* @__PURE__ */ jsx("path", { d: "M20 8c.5 0 .9.4.8 1l-2.6 12c-.1.5-.7 1-1.2 1H7c-.6 0-1.1-.4-1.2-1L3.2 9c-.1-.6.3-1 .8-1Z" }),
-        /* @__PURE__ */ jsx("path", { d: "M10 22 9 8", className: "stroke-red-500", strokeWidth: "1" }),
-        /* @__PURE__ */ jsx("path", { d: "m14 22 1-14", className: "stroke-red-500", strokeWidth: "1" })
+        /* @__PURE__ */ jsx("path", { d: "M10 22 9 8", strokeWidth: "1" }),
+        /* @__PURE__ */ jsx("path", { d: "m14 22 1-14", strokeWidth: "1" })
       ] })
     ]
   }
@@ -1769,15 +1769,31 @@ var SummarizeButton = ({
       disabled: isSummarizing,
       className: `group relative w-full py-4 px-8 rounded-[3rem] transition-all duration-500 ease-[cubic-bezier(0.22,1,0.36,1)] border ${isSummarizing ? "bg-zinc-100 border-zinc-300 opacity-100 cursor-wait shadow-inner" : "bg-gradient-to-b from-white via-zinc-50 to-zinc-100 border-white/70 shadow-[0_10px_30px_-10px_rgba(0,0,0,0.12),inset_0_1px_0_rgba(255,255,255,0.8)] hover:shadow-[0_20px_50px_-15px_rgba(139,92,246,0.3)] hover:-translate-y-[2px] active:scale-[0.98]"}`,
       children: [
-        /* @__PURE__ */ jsx("span", { className: "absolute inset-0 opacity-0 group-hover:opacity-100 transition duration-700", children: /* @__PURE__ */ jsx("span", { className: "absolute inset-0 bg-[conic-gradient(from_0deg_at_50%_50%,#c084fc,transparent_60%,#fb7185,transparent_90%)] blur-3xl opacity-20 animate-[spin_10s_linear_infinite]" }) }),
+        /* @__PURE__ */ jsx("span", { className: "absolute inset-0 opacity-0 group-hover:opacity-100 transition duration-700", children: /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: "absolute inset-0 blur-3xl opacity-20",
+            style: {
+              backgroundImage: "conic-gradient(from 0deg at 50% 50%, #c084fc, transparent 60%, #fb7185, transparent 90%)",
+              animation: "custom-spin 10s linear infinite"
+            }
+          }
+        ) }),
         /* @__PURE__ */ jsx(
           "span",
           {
-            className: `absolute inset-0 transition-opacity duration-700 bg-[radial-gradient(circle_at_50%_50%,rgba(139,92,246,0.1),transparent_70%)] ${isSummarizing ? "opacity-100" : "opacity-0"}`
+            className: `absolute inset-0 transition-opacity duration-700 ${isSummarizing ? "opacity-100" : "opacity-0"}`,
+            style: {
+              backgroundImage: "radial-gradient(circle at 50% 50%, rgba(139, 92, 246, 0.1), transparent 70%)"
+            }
           }
         ),
         /* @__PURE__ */ jsxs("div", { className: "relative flex items-center justify-center gap-4", children: [
           /* @__PURE__ */ jsx("style", { children: `
+          @keyframes custom-spin {
+            from { transform: rotate(0deg); }
+            to { transform: rotate(360deg); }
+          }
           @keyframes kernel-pop {
             0% { transform: translate(0, 0) scale(0) rotate(0deg); opacity: 0; }
             10% { opacity: 1; transform: translate(var(--tx1), var(--ty1)) scale(1.3) rotate(45deg); }
@@ -2017,7 +2033,7 @@ function ScriptBreakdownSceneView({
       /* @__PURE__ */ jsx(
         "div",
         {
-          className: "relative bg-[#fdfdfc] shadow-2xl shadow-zinc-300/60 border border-zinc-100 rounded-sm md:rounded-md pl-[1.5in] py-[1in] pr-[1in] flex flex-col w-[210mm] min-h-auto shrink-0",
+          className: "relative bg-[#fdfdfc] shadow-md shadow-zinc-300/60 border border-zinc-100 rounded-sm md:rounded-md pl-[1.5in] py-[1in] pr-[1in] flex flex-col w-[210mm] min-h-auto shrink-0",
           style: {
             fontFamily: COURIER_STACK,
             paddingLeft: "1.5in",
@@ -2099,8 +2115,8 @@ function ScriptBreakdownSceneView({
                               const tagToRemove = tags.find(
                                 (t) => t.block_id === block.id && t.start_index === selectionMenu.startIndex && t.end_index === selectionMenu.endIndex
                               );
-                              if (tagToRemove && tagToRemove.id) {
-                                removeTag(e, tagToRemove == null ? void 0 : tagToRemove.id);
+                              if (tagToRemove) {
+                                removeTag(e, tagToRemove.id);
                                 clearSelection();
                               }
                             },
@@ -2124,7 +2140,7 @@ function ScriptBreakdownSceneView({
           ))
         }
       ),
-      /* @__PURE__ */ jsxs("div", { className: "relative bg-[#fdfdfc] shadow-2xl shadow-zinc-300/60 border border-zinc-100 rounded-sm md:rounded-md flex flex-col w-[210mm] shrink-0 p-8 md:p-12 lg:p-16", children: [
+      /* @__PURE__ */ jsxs("div", { className: "relative bg-[#fdfdfc] shadow-md shadow-zinc-300/60 border border-zinc-100 rounded-sm md:rounded-md flex flex-col w-[210mm] shrink-0 p-8 md:p-12 lg:p-16", children: [
         /* @__PURE__ */ jsxs("h3", { className: "text-xs font-extrabold text-slate-800 uppercase tracking-[0.25em] mb-6 flex items-center gap-3 font-sans", children: [
           /* @__PURE__ */ jsx("span", { className: "flex items-center justify-center w-8 h-8 rounded-full bg-slate-100/80 shadow-inner border border-slate-200/50", children: /* @__PURE__ */ jsx(AlignLeft, { className: "w-3.5 h-3.5 text-slate-500" }) }),
           "Scene Brief"
@@ -2341,17 +2357,26 @@ function useScriptBreakdownScene(scene_url, fetchOptions, onAISummarize, onTagAd
     if (res.ok) {
       const data = await res.json();
       setIsSummarizing(false);
-      const normalData = JSON.parse(data.data);
-      const parsedData = Array.isArray(normalData) ? normalData[0] : [];
-      const summary = Array.isArray(normalData) ? normalData[1] : "";
-      const parsedSummaryData = summary[0];
-      setSceneBrief(parsedSummaryData.summarise);
+      let parsedData = [];
+      let parsedSummaryData = {};
+      try {
+        const normalData = JSON.parse(data.data);
+        if (Array.isArray(normalData)) {
+          parsedData = Array.isArray(normalData[0]) ? normalData[0] : [];
+          const summary = Array.isArray(normalData[1]) ? normalData[1] : [];
+          parsedSummaryData = summary[0] || {};
+        }
+      } catch (error2) {
+        console.error("Error parsing AI summary data:", error2);
+      }
+      setSceneBrief(parsedSummaryData.summarise || "");
       const newTags = [];
       parsedData.forEach((aiTag) => {
         if (!aiTag.block_id || !aiTag.category_id || typeof aiTag.start_index !== "number" || typeof aiTag.end_index !== "number") {
           return;
         }
         newTags.push({
+          id: aiTag.id || uuid(),
           block_id: String(aiTag.block_id).startsWith("par") ? String(aiTag.block_id).substring(3) : String(aiTag.block_id),
           category_id: aiTag.category_id,
           name: aiTag.name,
@@ -2395,40 +2420,6 @@ function useScriptBreakdownScene(scene_url, fetchOptions, onAISummarize, onTagAd
     setSceneBrief("");
     autoTaggedSceneRef.current = null;
   }, [scene_url]);
-  useEffect(() => {
-    if (blocks.length > 0 && characters.length > 0 && autoTaggedSceneRef.current !== scene) {
-      const autoTags = [];
-      const escapeRegExp = (string) => string.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
-      const sortedChars = [...characters].sort((a, b) => b.length - a.length);
-      blocks.forEach((block) => {
-        sortedChars.forEach((char) => {
-          const escapedChar = escapeRegExp(char);
-          const regex = new RegExp(`\\b${escapedChar}\\b`, "gi");
-          let match;
-          while ((match = regex.exec(block.text)) !== null) {
-            const isOverlapping = autoTags.some(
-              (t) => t.block_id === block.id && match.index + char.length > t.start_index && match.index < t.end_index
-            );
-            if (!isOverlapping) {
-              autoTags.push({
-                id: uuid(),
-                block_id: block.id,
-                category_id: "CAST",
-                name: block.text.substring(
-                  match.index,
-                  match.index + char.length
-                ),
-                start_index: match.index,
-                end_index: match.index + char.length
-              });
-            }
-          }
-        });
-      });
-      setTags(autoTags);
-      autoTaggedSceneRef.current = scene;
-    }
-  }, [blocks, characters, scene]);
   const clearSelection = useCallback(() => {
     var _a;
     setSelectionMenu(null);