fixed compilation errors

components/dashboard/project/CollaboratorsSettings.tsx

@@ -34,7 +34,7 @@
         const owner = collaborators.find((c) => c.role === ProjectRole.OWNER);
         const otherMembers = collaborators.filter((c) => c.role !== ProjectRole.OWNER);
 
         const result: { type: "MEMBER" | "INVITE" | "EMPTY"; data: any; key: string }[] = [];
 
         if (owner) result.push({ type: "MEMBER", data: owner, key: `member-${owner.user.id}` });
         otherMembers.forEach((m) => result.push({ type: "MEMBER", data: m, key: `member-${m.user.id}` }));
@@ -87,7 +87,7 @@
                     <div className={styles.proGateBanner}>
                         <Lock size={14} />
                         <span>{t("proRequired")}</span>
                         <a href="/?settings=Profile" className={styles.proGateLink}>{t("upgrade")}</a>
                     </div>
                 )}
 
@@ -150,7 +150,7 @@
         if (res.ok) {
             if (res.status !== 204) {
                 // If user left the project by himself, redirect him to home
-                const json = (await res.json()) as ApiResponse;
+                const json = (await res.json()) as ApiResponse<{ redirectUrl: string }>;
                 if (json.data && json.data.redirectUrl) {
                     closeDashboard();
                     redirect(json.data.redirectUrl);

components/projects/CreateProjectPage.tsx

@@ -59,8 +59,8 @@ const CreateProjectPage = ({ setIsCreating }: Props) => {
                             body.poster = await cropImageBase64(selectedFile, 686, 1016);
                         }
                         const res = await createProject(user.id, body);
-                        const json = (await res.json()) as ApiResponse;
-                        if (res.ok) {
+                        const json = (await res.json()) as ApiResponse<{ id: string }>;
+                        if (res.ok && json.data) {
                             projectId = json.data.id;
                         }
                     } catch {
@@ -101,8 +101,8 @@ const CreateProjectPage = ({ setIsCreating }: Props) => {
             }
 
             const res = await createProject(user.id, body);
-            const json = (await res.json()) as ApiResponse;
-            if (!res.ok) {
+            const json = (await res.json()) as ApiResponse<{ id: string }>;
+            if (!res.ok || !json.data) {
                 setFormInfo({ content: json.message!, isError: true });
                 return;
             }

src/lib/adapters/fountain/fountain_parser.ts

@@ -236,8 +236,16 @@ const tokenize = function (script: string) {
     return tokens;
 };
 
-const inline: Record<string, string | ((s: string) => string | undefined)> = {
-    //note: '<span class="note">$1</span>',
+interface InlineLexer {
+    (s: string): string | undefined;
+}
+
+interface Inline {
+    [key: string]: string | InlineLexer | undefined;
+    lexer: InlineLexer;
+}
+
+const inline: Inline = {
     line_break: "<br />",
 
     bold_italic_underline: '<span class="bold italic underline">$2</span>',
@@ -247,45 +255,45 @@ const inline: Record<string, string | ((s: string) => string | undefined)> = {
     bold: '<span class="bold">$2</span>',
     italic: '<span class="italic">$2</span>',
     underline: '<span class="underline">$2</span>',
-};
-
-inline.lexer = function (s: string) {
-    if (!s) {
-        return;
-    }
-
-    const styles = [
-        "underline",
-        "italic",
-        "bold",
-        "bold_italic",
-        "italic_underline",
-        "bold_underline",
-        "bold_italic_underline",
-    ];
-    let i = styles.length;
-    let style: string;
-    let match: RegExp;
-
-    s = s
-        .replace(regex.note_inline, inline.note as string)
-        .replace(/\\\*/g, "[star]")
-        .replace(/\\_/g, "[underline]")
-        .replace(/\n/g, inline.line_break as string);
 
-    while (i--) {
-        style = styles[i];
-        match = (regex as Record<string, RegExp>)[style];
+    lexer: (s: string) => {
+        if (!s) {
+            return;
+        }
 
-        if (match.test(s)) {
-            s = s.replace(match, inline[style] as string);
+        const styles = [
+            "underline",
+            "italic",
+            "bold",
+            "bold_italic",
+            "italic_underline",
+            "bold_underline",
+            "bold_italic_underline",
+        ];
+        let i = styles.length;
+        let style: string;
+        let match: RegExp;
+
+        s = s
+            .replace(regex.note_inline, (inline.note as string) || "")
+            .replace(/\\\*/g, "[star]")
+            .replace(/\\_/g, "[underline]")
+            .replace(/\n/g, (inline.line_break as string) || "");
+
+        while (i--) {
+            style = styles[i];
+            match = (regex as Record<string, RegExp>)[style];
+
+            if (match.test(s)) {
+                s = s.replace(match, (inline[style] as string) || "");
+            }
         }
-    }
 
-    return s
-        .replace(/\[star\]/g, "*")
-        .replace(/\[underline\]/g, "_")
-        .trim();
+        return s
+            .replace(/\[star\]/g, "*")
+            .replace(/\[underline\]/g, "_")
+            .trim();
+    },
 };
 
 const parse = function (script: string, toks?: boolean | FountainCallback, callback?: FountainCallback): FountainOutput {

src/lib/import/import-project.ts

@@ -138,9 +138,9 @@ async function createRemoteProject(userId: string, title: string, description?:
     };
 
     const res = await createProject(userId, body);
-    const json = (await res.json()) as ApiResponse;
+    const json = (await res.json()) as ApiResponse<{ id: string }>;
 
-    if (!res.ok) {
+    if (!res.ok || !json.data) {
         throw new Error(json.message || "Failed to create project");
     }
 

src/lib/spellcheck/spellcheck.worker.ts

@@ -33,7 +33,8 @@ self.onmessage = async (e: MessageEvent<SpellWorkerRequest>) => {
                     post({ type: "ERROR", error: "Hunspell not initialized" });
                     break;
                 }
-                const misspelled = msg.words.filter((w) => !hunspell.spell(w));
+                const h = hunspell;
+                const misspelled = msg.words.filter((w) => !h.spell(w));
                 post({ type: "CHECK_RESULT", id: msg.id, misspelled });
                 break;
             }

src/lib/titlepage/nodes/text-node.ts

@@ -30,7 +30,8 @@ export const TitlePageTextNode = Node.create({
                     return "left";
                 },
                 renderHTML: (attributes: Record<string, unknown>) => {
-                    const cls = ALIGN_CLASSES[attributes.textAlign] || ALIGN_CLASSES.left;
+                    const alignment = (attributes.textAlign as string) || "left";
+                    const cls = ALIGN_CLASSES[alignment] || ALIGN_CLASSES.left;
                     return { class: cls };
                 },
             },

src/lib/utils/requests.ts

@@ -58,8 +58,8 @@ export function getCollabHttpUrl(path: string): string {
 export const getCloudToken = async (projectId: string): Promise<{ token: string | null; status: number }> => {
     const res = await request(`/api/projects/${projectId}/cloud-token`, "GET");
     if (res.ok) {
-        const { data: token } = (await res.json()) as ApiResponse;
-        return { token, status: res.status };
+        const { data: token } = (await res.json()) as ApiResponse<string>;
+        return { token: token ?? null, status: res.status };
     }
     return { token: null, status: res.status };
 };