@vishu1301/script-writing 0.5.4 → 1.0.1

package/dist/index.js

@@ -306,8 +306,10 @@ function ScreenplayEditorView({
   handleSceneNumberChange
 }) {
   const [isRulesOpen, setIsRulesOpen] = useState(false);
+  const screenplayFont = "'Courier Prime', Courier, monospace";
   useEffect(() => {
     const fontId = "google-font-courier-prime";
+    const styleId = "screenplay-editor-force-font";
     if (!document.getElementById(fontId)) {
       const link = document.createElement("link");
       link.id = fontId;
@@ -315,7 +317,19 @@ function ScreenplayEditorView({
       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);
     }
-  }, []);
+    if (!document.getElementById(styleId)) {
+      const style = document.createElement("style");
+      style.id = styleId;
+      style.textContent = `
+        .font-screenplay-container, 
+        .font-screenplay-container *,
+        .font-screenplay-container [contenteditable] {
+          font-family: ${screenplayFont} !important;
+        }
+      `;
+      document.head.appendChild(style);
+    }
+  }, [screenplayFont]);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx("div", { className: "sticky top-6 z-50 bg-white backdrop-blur-xl border border-white/10 rounded-full shadow-2xl flex gap-1 max-w-fit p-1.5 mb-12 select-none overflow-x-auto custom-scrollbar", children: blockTypes.map((type) => {
       var _a;
@@ -358,14 +372,14 @@ function ScreenplayEditorView({
     /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-12 w-full items-center pb-24", children: /* @__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-[297mm] shrink-0 font-screenplay!",
+        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 font-screenplay-container",
         style: {
-          // fontFamily:
-          //   "var(--font-courier-prime, 'Courier Prime', 'Courier New', Courier, monospace) !important",
+          fontFamily: screenplayFont,
           paddingLeft: "1.5in",
           paddingRight: "1in",
           paddingTop: "1in",
-          paddingBottom: "1in"
+          paddingBottom: "1in",
+          lineHeight: "1.2"
         },
         children: blocks.map((block) => {
           var _a, _b;