@vishu1301/script-writing 1.1.6 → 1.1.8

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>;
@@ -120,7 +120,7 @@ declare function ScriptBreakdownSceneView({ blocks, characters, isLoading, scene
     isSummarizing?: boolean;
 }): react_jsx_runtime.JSX.Element;
 
-declare function useScriptBreakdownScene(scene_url: string, fetchOptions?: RequestInit, onAISummarize?: (scene: any) => void, onTagAdded?: (tag: Tag) => void, onTagRemoved?: (tagId: string) => void): {
+declare function useScriptBreakdownScene(scene_url: string, fetchOptions?: RequestInit, onAISummarize?: (scene: any) => void, onTagAdded?: (tag: Tag) => void, onTagRemoved?: (tagId: string) => void, preLoadedTags?: Tag[]): {
     scene: any;
     blocks: Block[];
     characters: string[];

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>;
@@ -120,7 +120,7 @@ declare function ScriptBreakdownSceneView({ blocks, characters, isLoading, scene
     isSummarizing?: boolean;
 }): react_jsx_runtime.JSX.Element;
 
-declare function useScriptBreakdownScene(scene_url: string, fetchOptions?: RequestInit, onAISummarize?: (scene: any) => void, onTagAdded?: (tag: Tag) => void, onTagRemoved?: (tagId: string) => void): {
+declare function useScriptBreakdownScene(scene_url: string, fetchOptions?: RequestInit, onAISummarize?: (scene: any) => void, onTagAdded?: (tag: Tag) => void, onTagRemoved?: (tagId: string) => void, preLoadedTags?: Tag[]): {
     scene: any;
     blocks: Block[];
     characters: string[];

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"
@@ -2263,8 +2279,8 @@ function ScriptBreakdownSceneView({
     ] })
   ] }) });
 }
-function useScriptBreakdownScene(scene_url, fetchOptions, onAISummarize, onTagAdded, onTagRemoved) {
-  const [tags, setTags] = useState([]);
+function useScriptBreakdownScene(scene_url, fetchOptions, onAISummarize, onTagAdded, onTagRemoved, preLoadedTags) {
+  const [tags, setTags] = useState(preLoadedTags || []);
   const [selectionMenu, setSelectionMenu] = useState(null);
   const autoTaggedSceneRef = useRef(null);
   const [scene, setScene] = useState(null);
@@ -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,