@vishu1301/script-writing 0.4.7 → 0.4.8

package/dist/index.d.cts

@@ -52,4 +52,7 @@ type ScreenplayEditorViewProps = ReturnType<typeof useScreenplayEditor> & {
 };
 declare function ScreenplayEditorView({ blocks, refs, focusedBlockId, showSuggestions, showExtensionSuggestions, characterExtensions, locations, characters, handleBlockTextChange, handleSceneTypeChange, handleTimeOfDayChange, handleBlockTypeChange, handleSelectCharacterExtension, handleKeyDown, handleFocus, handleBlur, handleScriptImport, onSave, onSaveAsPdf, onSaveAsSbx, onSyncWithCloud, handleSceneNumberChange, }: ScreenplayEditorViewProps): react_jsx_runtime.JSX.Element;
 
-export { type Block, type BlockType, ScreenplayEditorView, type TimeOfDay, blockStyles, blockTypes, icons, timeOfDayOptions, useScreenplayEditor, uuid };
+declare const handleSaveAsPdf: (blocks: Block[], sceneNumbers: Record<string, string>) => void;
+declare const handleSaveAsSbx: (blocks: Block[], sceneNumbers: Record<string, string>, onSaveAsSbx?: (file: File) => void) => void;
+
+export { type Block, type BlockType, ScreenplayEditorView, type TimeOfDay, blockStyles, blockTypes, handleSaveAsPdf, handleSaveAsSbx, icons, timeOfDayOptions, useScreenplayEditor, uuid };

package/dist/index.d.ts

@@ -52,4 +52,7 @@ type ScreenplayEditorViewProps = ReturnType<typeof useScreenplayEditor> & {
 };
 declare function ScreenplayEditorView({ blocks, refs, focusedBlockId, showSuggestions, showExtensionSuggestions, characterExtensions, locations, characters, handleBlockTextChange, handleSceneTypeChange, handleTimeOfDayChange, handleBlockTypeChange, handleSelectCharacterExtension, handleKeyDown, handleFocus, handleBlur, handleScriptImport, onSave, onSaveAsPdf, onSaveAsSbx, onSyncWithCloud, handleSceneNumberChange, }: ScreenplayEditorViewProps): react_jsx_runtime.JSX.Element;
 
-export { type Block, type BlockType, ScreenplayEditorView, type TimeOfDay, blockStyles, blockTypes, icons, timeOfDayOptions, useScreenplayEditor, uuid };
+declare const handleSaveAsPdf: (blocks: Block[], sceneNumbers: Record<string, string>) => void;
+declare const handleSaveAsSbx: (blocks: Block[], sceneNumbers: Record<string, string>, onSaveAsSbx?: (file: File) => void) => void;
+
+export { type Block, type BlockType, ScreenplayEditorView, type TimeOfDay, blockStyles, blockTypes, handleSaveAsPdf, handleSaveAsSbx, icons, timeOfDayOptions, useScreenplayEditor, uuid };

package/dist/index.js

@@ -2,6 +2,7 @@ import { useState, useRef, useMemo, useCallback, useEffect } from 'react';
 import { ArrowRightLeft, MessageCircle, Brackets, UserRound, Sparkles, Clapperboard, ArrowRight, User, ChevronRight, Upload, Save, FileDown, RefreshCcw, Cog } from 'lucide-react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import * as pdfjs from 'pdfjs-dist';
+import jsPDF from 'jspdf';
 
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
@@ -1364,7 +1365,133 @@ function useScreenplayEditor() {
     handleBlur
   };
 }
+var handleSaveAsPdf = (blocks, sceneNumbers) => {
+  if (document.activeElement instanceof HTMLElement) {
+    document.activeElement.blur();
+  }
+  const doc = new jsPDF({
+    orientation: "portrait",
+    unit: "mm",
+    format: "letter"
+  });
+  const FONT_SIZE = 12;
+  const LINE_HEIGHT = 4.233;
+  const PAGE_WIDTH = doc.internal.pageSize.getWidth();
+  const PAGE_HEIGHT = doc.internal.pageSize.getHeight();
+  const MARGIN_LEFT = 38.1;
+  const MARGIN_RIGHT = 25.4;
+  const MARGIN_TOP = 25.4;
+  const MARGIN_BOTTOM = 25.4;
+  const blockDimensions = {
+    SCENE_HEADING: { indent: 0, width: 152.4, upper: true, bold: true },
+    ACTION: { indent: 0, width: 152.4, upper: false, bold: false },
+    CHARACTER: { indent: 50.8, width: 101.6, upper: true, bold: false },
+    PARENTHETICAL: { indent: 38.1, width: 50.8, upper: false, bold: false },
+    DIALOGUE: { indent: 25.4, width: 88.9, upper: false, bold: false },
+    TRANSITION: {
+      indent: 0,
+      width: 152.4,
+      upper: true,
+      bold: false,
+      align: "right"
+    },
+    GENERAL: { indent: 0, width: 152.4, upper: false, bold: false }
+  };
+  let y = MARGIN_TOP;
+  let pageNumber = 1;
+  const drawPageNumber = (num) => {
+    if (num > 1) {
+      doc.setFont("Courier", "normal");
+      doc.setFontSize(12);
+      doc.text(`${num}.`, PAGE_WIDTH - MARGIN_RIGHT, 12.7, {
+        align: "right"
+      });
+    }
+  };
+  blocks.forEach((block, index) => {
+    const config = blockDimensions[block.type] || blockDimensions.GENERAL;
+    let text = block.text || "";
+    if (config.upper) text = text.toUpperCase();
+    if (block.type === "SCENE_HEADING") {
+      text = `${block.sceneType || "INT."} ${text} - ${block.timeOfDay || "DAY"}`.toUpperCase();
+    }
+    doc.setFont("Courier", config.bold ? "bold" : "normal");
+    doc.setFontSize(FONT_SIZE);
+    const lines = doc.splitTextToSize(text, config.width);
+    const blockHeight = lines.length * LINE_HEIGHT;
+    let safetyBuffer = 0;
+    if (block.type === "CHARACTER") safetyBuffer = LINE_HEIGHT * 3;
+    if (y + blockHeight + safetyBuffer > PAGE_HEIGHT - MARGIN_BOTTOM) {
+      doc.addPage();
+      pageNumber++;
+      drawPageNumber(pageNumber);
+      y = MARGIN_TOP;
+      doc.setFont("Courier", config.bold ? "bold" : "normal");
+      doc.setFontSize(FONT_SIZE);
+    }
+    if (y > MARGIN_TOP) {
+      if (block.type === "SCENE_HEADING" || block.type === "ACTION" || block.type === "CHARACTER") {
+        y += LINE_HEIGHT;
+      }
+    }
+    const xPos = MARGIN_LEFT + config.indent;
+    if (config.align === "right") {
+      doc.text(lines, PAGE_WIDTH - MARGIN_RIGHT, y, { align: "right" });
+    } else {
+      doc.text(lines, xPos, y);
+    }
+    if (block.type === "SCENE_HEADING" && (sceneNumbers == null ? void 0 : sceneNumbers[block.id])) {
+      const sNum = String(sceneNumbers[block.id]);
+      doc.setFont("Courier", "normal");
+      doc.setFontSize(FONT_SIZE);
+      doc.text(sNum, MARGIN_LEFT - 12, y);
+      doc.text(sNum, PAGE_WIDTH - MARGIN_RIGHT + 5, y);
+      doc.setFont("Courier", config.bold ? "bold" : "normal");
+    }
+    y += blockHeight;
+  });
+  doc.save("screenplay_export.pdf");
+};
+var handleSaveAsSbx = (blocks, sceneNumbers, onSaveAsSbx) => {
+  const typeToDivClass = {
+    SCENE_HEADING: "divtype0",
+    ACTION: "divtype2",
+    CHARACTER: "divtype3",
+    PARENTHETICAL: "divtype4",
+    DIALOGUE: "divtype5",
+    TRANSITION: "divtype6",
+    GENERAL: "divtype2"
+  };
+  const sbxData = blocks.map((block) => {
+    const divClass = typeToDivClass[block.type] || "divtype2";
+    let text = block.text || "";
+    let extraAttributes = "";
+    if (block.type === "SCENE_HEADING") {
+      text = `${block.sceneType || "INT."} ${text} - ${block.timeOfDay || "DAY"}`.toUpperCase();
+      const sceneNum = sceneNumbers == null ? void 0 : sceneNumbers[block.id];
+      if (sceneNum) {
+        extraAttributes = ` data-scene="${sceneNum}"`;
+      }
+    } else if (block.type === "CHARACTER" || block.type === "TRANSITION") {
+      text = text.toUpperCase();
+    }
+    return `<div class="${divClass}" id="par${block.id}"${extraAttributes}>${text}</div>`;
+  }).join("");
+  const blob = new Blob([sbxData], { type: "text/plain" });
+  const url = URL.createObjectURL(blob);
+  const a = document.createElement("a");
+  a.href = url;
+  a.download = "screenplay.sbx";
+  document.body.appendChild(a);
+  a.click();
+  document.body.removeChild(a);
+  URL.revokeObjectURL(url);
+  if (onSaveAsSbx) {
+    const file = new File([blob], "screenplay.sbx", { type: "text/plain" });
+    onSaveAsSbx(file);
+  }
+};
 
-export { ScreenplayEditorView, blockStyles, blockTypes, icons, timeOfDayOptions, useScreenplayEditor, uuid };
+export { ScreenplayEditorView, blockStyles, blockTypes, handleSaveAsPdf, handleSaveAsSbx, icons, timeOfDayOptions, useScreenplayEditor, uuid };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map