@vishu1301/script-writing 0.5.1 → 0.5.2

package/dist/index.d.cts

@@ -21,7 +21,11 @@ declare const blockStyles: Record<BlockType, {
     inputStyle: React.CSSProperties;
 }>;
 
-declare function useScreenplayEditor(): {
+interface UseScreenplayEditorOptions {
+    initialUrl?: string;
+    fetchOptions?: RequestInit;
+}
+declare function useScreenplayEditor(options?: UseScreenplayEditorOptions): {
     blocks: Block[];
     refs: React.RefObject<Record<string, HTMLDivElement | null>>;
     focusedBlockId: string;
@@ -41,6 +45,7 @@ declare function useScreenplayEditor(): {
     handleSceneNumberChange: (id: string, newNumber: string) => void;
     handleFocus: (id: string) => void;
     handleBlur: (id: string) => void;
+    loadFromUrl: (url: string, fetchOptions?: RequestInit) => Promise<void>;
 };
 
 type ScreenplayEditorViewProps = ReturnType<typeof useScreenplayEditor> & {

package/dist/index.d.ts

@@ -21,7 +21,11 @@ declare const blockStyles: Record<BlockType, {
     inputStyle: React.CSSProperties;
 }>;
 
-declare function useScreenplayEditor(): {
+interface UseScreenplayEditorOptions {
+    initialUrl?: string;
+    fetchOptions?: RequestInit;
+}
+declare function useScreenplayEditor(options?: UseScreenplayEditorOptions): {
     blocks: Block[];
     refs: React.RefObject<Record<string, HTMLDivElement | null>>;
     focusedBlockId: string;
@@ -41,6 +45,7 @@ declare function useScreenplayEditor(): {
     handleSceneNumberChange: (id: string, newNumber: string) => void;
     handleFocus: (id: string) => void;
     handleBlur: (id: string) => void;
+    loadFromUrl: (url: string, fetchOptions?: RequestInit) => Promise<void>;
 };
 
 type ScreenplayEditorViewProps = ReturnType<typeof useScreenplayEditor> & {

package/dist/index.js

@@ -312,7 +312,7 @@ function ScreenplayEditorView({
       const link = document.createElement("link");
       link.id = fontId;
       link.rel = "stylesheet";
-      link.href = "https://fonts.googleapis.com/css2?family=Courier+Prime&display=swap";
+      link.href = "https://fonts.googleapis.com/css2?family=Courier+Prime:ital,wght@0,400;0,700;1,400;1,700&display=swap";
       document.head.appendChild(link);
     }
   }, []);
@@ -360,7 +360,7 @@ function ScreenplayEditorView({
       {
         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-[297mm] shrink-0",
         style: {
-          fontFamily: "'Courier Prime', 'Courier New', Courier, monospace",
+          fontFamily: "var(--font-courier-prime, 'Courier Prime', 'Courier New', Courier, monospace)",
           paddingLeft: "1.5in",
           paddingRight: "1in",
           paddingTop: "1in",
@@ -924,7 +924,7 @@ function setCaretPosition(element, offset) {
   sel.removeAllRanges();
   sel.addRange(range);
 }
-function useScreenplayEditor() {
+function useScreenplayEditor(options) {
   const [blocks, setBlocks] = useState(initialBlocks);
   const refs = useRef({});
   const [focusedBlockId, setFocusedBlockId] = useState(
@@ -934,6 +934,7 @@ function useScreenplayEditor() {
   const [showSuggestions, setShowSuggestions] = useState(false);
   const [showExtensionSuggestions, setShowExtensionSuggestions] = useState(false);
   const blurTimeout = useRef(null);
+  const loadedUrlRef = useRef(null);
   const characterExtensions = useMemo(
     () => ["(V.O.)", "(O.S.)", "(O.C.)", "(SUBTITLE)", "(CONT'D)"],
     []
@@ -1363,6 +1364,92 @@ function useScreenplayEditor() {
       setShowExtensionSuggestions(false);
     }, 200);
   }, []);
+  const loadFromUrl = useCallback(
+    async (url, fetchOptions = {}) => {
+      var _a;
+      try {
+        const response = await fetch(url, fetchOptions);
+        if (!response.ok) {
+          throw new Error(
+            `[useScreenplayEditor] Failed to fetch script. HTTP Status: ${response.status}`
+          );
+        }
+        let text = await response.text();
+        let preParsedBlocks = void 0;
+        let scriptContent = text;
+        if (text.includes('class="divtype') || url.toLowerCase().includes(".sbx")) {
+          if (text.includes("<div")) {
+            const textarea = document.createElement("textarea");
+            textarea.innerHTML = text;
+            text = textarea.value;
+          }
+          const parser = new DOMParser();
+          const doc = parser.parseFromString(text, "text/html");
+          const divs = Array.from(doc.querySelectorAll("div"));
+          const parsed = [];
+          const typeMap = {
+            divtype0: "SCENE_HEADING",
+            divtype2: "ACTION",
+            divtype3: "CHARACTER",
+            divtype4: "PARENTHETICAL",
+            divtype5: "DIALOGUE",
+            divtype6: "TRANSITION"
+          };
+          divs.forEach((div) => {
+            var _a2;
+            let divText = ((_a2 = div.textContent) == null ? void 0 : _a2.trim()) || "";
+            if (!divText) return;
+            let type = "ACTION";
+            for (const className of Array.from(div.classList)) {
+              if (typeMap[className]) {
+                type = typeMap[className];
+                break;
+              }
+            }
+            const block = { type, text: divText };
+            if (type === "SCENE_HEADING") {
+              const sceneNum = div.getAttribute("data-scene");
+              if (sceneNum) block.sceneNumber = sceneNum;
+              let parsedText = divText;
+              const typeMatch = parsedText.match(/^(INT\/EXT|INT|EXT)\.?\s+/i);
+              if (typeMatch) {
+                let sType = typeMatch[1].toUpperCase();
+                if (!sType.endsWith(".")) sType += ".";
+                block.sceneType = sType;
+                parsedText = parsedText.substring(typeMatch[0].length).trim();
+              }
+              const timeMatch = parsedText.match(/\s+-\s+([^-]+)$/);
+              if (timeMatch) {
+                block.timeOfDay = timeMatch[1].trim().toUpperCase();
+                parsedText = parsedText.substring(0, timeMatch.index).trim();
+              }
+              block.text = parsedText;
+            }
+            parsed.push(block);
+          });
+          if (parsed.length > 0) {
+            preParsedBlocks = parsed;
+            scriptContent = "";
+          }
+        }
+        const filename = ((_a = url.split("/").pop()) == null ? void 0 : _a.replace(/\.sbx$/i, "")) || "Imported from URL";
+        handleScriptImport(filename, scriptContent, preParsedBlocks);
+      } catch (error) {
+        console.error(
+          "[useScreenplayEditor] Error loading script from URL:",
+          error
+        );
+        throw error;
+      }
+    },
+    [handleScriptImport]
+  );
+  useEffect(() => {
+    if ((options == null ? void 0 : options.initialUrl) && options.initialUrl !== loadedUrlRef.current) {
+      loadedUrlRef.current = options.initialUrl;
+      loadFromUrl(options.initialUrl, options.fetchOptions);
+    }
+  }, [options == null ? void 0 : options.initialUrl, options == null ? void 0 : options.fetchOptions, loadFromUrl]);
   return {
     blocks,
     refs,
@@ -1382,7 +1469,8 @@ function useScreenplayEditor() {
     handleScriptImport,
     handleSceneNumberChange,
     handleFocus,
-    handleBlur
+    handleBlur,
+    loadFromUrl
   };
 }
 var handleSaveAsPdf = (blocks, sceneNumbers) => {