@vishu1301/script-writing 0.4.9 → 0.5.1

package/dist/index.js

@@ -1,4 +1,4 @@
-import { useState, useRef, useMemo, useCallback, useEffect } from 'react';
+import { useState, useEffect, useRef, useMemo, useCallback } 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';
@@ -306,6 +306,16 @@ function ScreenplayEditorView({
   handleSceneNumberChange
 }) {
   const [isRulesOpen, setIsRulesOpen] = useState(false);
+  useEffect(() => {
+    const fontId = "google-font-courier-prime";
+    if (!document.getElementById(fontId)) {
+      const link = document.createElement("link");
+      link.id = fontId;
+      link.rel = "stylesheet";
+      link.href = "https://fonts.googleapis.com/css2?family=Courier+Prime&display=swap";
+      document.head.appendChild(link);
+    }
+  }, []);
   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;
@@ -350,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: "var(--font-courier-prime, 'Courier Prime', 'Courier New', Courier, monospace)",
+          fontFamily: "'Courier Prime', 'Courier New', Courier, monospace",
           paddingLeft: "1.5in",
           paddingRight: "1in",
           paddingTop: "1in",