@vishu1301/script-writing 0.4.7 → 0.4.9

package/dist/index.cjs

@@ -4,6 +4,9 @@ var react = require('react');
 var lucideReact = require('lucide-react');
 var jsxRuntime = require('react/jsx-runtime');
 var pdfjs = require('pdfjs-dist');
+var jsPDF = require('jspdf');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
@@ -24,6 +27,7 @@ function _interopNamespace(e) {
 }
 
 var pdfjs__namespace = /*#__PURE__*/_interopNamespace(pdfjs);
+var jsPDF__default = /*#__PURE__*/_interopDefault(jsPDF);
 
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
@@ -369,9 +373,13 @@ function ScreenplayEditorView({
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-12 w-full items-center pb-24", children: /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       {
-        className: "relative bg-[#fdfdfc] shadow-2xl shadow-zinc-300/60 ring-1 ring-zinc-200/50 rounded-sm md:rounded-md pl-[1.5in] py-[1in] pr-[1in] flex flex-col w-[210mm] min-h-[297mm] shrink-0",
+        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: "var(--font-courier-prime, 'Courier New', Courier, monospace)"
+          fontFamily: "var(--font-courier-prime, 'Courier Prime', 'Courier New', Courier, monospace)",
+          paddingLeft: "1.5in",
+          paddingRight: "1in",
+          paddingTop: "1in",
+          paddingBottom: "1in"
         },
         children: blocks.map((block) => {
           var _a, _b;
@@ -409,6 +417,9 @@ function ScreenplayEditorView({
                       "aria-label": "Scene Type",
                       value: (_a = block.sceneType) != null ? _a : "INT.",
                       onChange: (e) => handleSceneTypeChange(block.id, e.target.value),
+                      style: {
+                        appearance: "none"
+                      },
                       children: [
                         /* @__PURE__ */ jsxRuntime.jsx("option", { children: "INT." }),
                         /* @__PURE__ */ jsxRuntime.jsx("option", { children: "EXT." }),
@@ -446,6 +457,9 @@ function ScreenplayEditorView({
                       className: "rounded-md text-zinc-800 font-bold px-1.5 py-1 appearance-none bg-transparent hover:bg-zinc-200/50 outline-none cursor-pointer transition-colors",
                       "aria-label": "Time of Day",
                       value: (_b = block.timeOfDay) != null ? _b : "DAY",
+                      style: {
+                        appearance: "none"
+                      },
                       onChange: (e) => handleTimeOfDayChange(block.id, e.target.value),
                       children: timeOfDayOptions.map((t) => /* @__PURE__ */ jsxRuntime.jsx("option", { children: t }, t))
                     }
@@ -1386,10 +1400,138 @@ function useScreenplayEditor() {
     handleBlur
   };
 }
+var handleSaveAsPdf = (blocks, sceneNumbers) => {
+  if (document.activeElement instanceof HTMLElement) {
+    document.activeElement.blur();
+  }
+  const doc = new jsPDF__default.default({
+    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);
+  }
+};
 
 exports.ScreenplayEditorView = ScreenplayEditorView;
 exports.blockStyles = blockStyles;
 exports.blockTypes = blockTypes;
+exports.handleSaveAsPdf = handleSaveAsPdf;
+exports.handleSaveAsSbx = handleSaveAsSbx;
 exports.icons = icons;
 exports.timeOfDayOptions = timeOfDayOptions;
 exports.useScreenplayEditor = useScreenplayEditor;