@vishu1301/script-writing 0.4.3 → 0.4.4

package/dist/index.cjs

@@ -711,9 +711,17 @@ function incrementChar(text) {
 function changeBlockType(blocks, id, newType) {
   const currentIndex = blocks.findIndex((b) => b.id === id);
   if (currentIndex === -1) return blocks;
+  const currentBlock = blocks[currentIndex];
   const newBlock = createNewBlock(newType);
+  if (newType === "PARENTHETICAL") {
+    const cleanText = currentBlock.text.replace(/[()]/g, "");
+    newBlock.text = `(${cleanText})`;
+  } else {
+    newBlock.text = currentBlock.text;
+  }
   if (newType === "SCENE_HEADING") {
     newBlock.sceneNumber = generateNextSceneNumber(blocks, currentIndex);
+    newBlock.text = newBlock.text.toUpperCase();
   }
   return blocks.map((b) => b.id === id ? __spreadProps(__spreadValues({}, newBlock), { id: b.id }) : b);
 }
@@ -975,11 +983,13 @@ function useScreenplayEditor() {
   react.useEffect(() => {
     blocks.forEach((block) => {
       const element = refs.current[block.id];
-      if (element && element.innerText !== block.text && document.activeElement !== element) {
-        element.innerText = block.text;
+      if (element) {
+        if (element.innerText !== block.text && document.activeElement !== element) {
+          element.innerText = block.text;
+        }
       }
     });
-  }, [blocks, isPageSplitEnabled, pageBreaks]);
+  }, [blocks]);
   react.useEffect(() => {
     const handleClickOutside = (e) => {
       const target = e.target;
@@ -1159,17 +1169,15 @@ function useScreenplayEditor() {
         const el = refs.current[focusedBlockId];
         if (el) {
           el.focus();
-          const newBlock = createNewBlock(newType);
-          el.innerText = newBlock.text;
-          if (newType === "PARENTHETICAL") {
-            setCaretPosition(el, 1);
-          } else {
-            setCaretPosition(el, newBlock.text.length);
+          const currentBlock = blocks.find((b) => b.id === focusedBlockId);
+          if (currentBlock) {
+            const pos = newType === "PARENTHETICAL" ? el.innerText.length - 1 : el.innerText.length;
+            setCaretPosition(el, Math.max(0, pos));
           }
         }
-      }, 0);
+      }, 10);
     },
-    [focusedBlockId]
+    [focusedBlockId, blocks]
   );
   const handleSelectCharacterExtension = react.useCallback(
     (extension) => {
@@ -1225,8 +1233,6 @@ function useScreenplayEditor() {
       const el = refs.current[id];
       if (el) {
         el.focus();
-        const newBlock = createNewBlock(newType);
-        el.innerText = newBlock.text;
         if (newType === "PARENTHETICAL") {
           setCaretPosition(el, 1);
         } else {