commits files

Author: ezequielramos

src/App.tsx

@@ -58,6 +58,7 @@ function App() {
       name: name,
       parentId,
       type: FileType.DIRECTORY,
+      dirHandle: dirHandle,
     };
 
     for await (const entry of dirHandle.values()) {
@@ -114,13 +115,72 @@ function App() {
   async function compileLatex() {
     try {
       setCompiling(true);
-      if (!selectedFile?.content) {
+
+      const file = rootDir.files.find(file => file.name === 'main.tex');
+
+      if (!file) {
         return;
       }
+
+      let content = file.content;
+
+      if (!content && file.fileHandle) {
+        const thisFile = await file.fileHandle.getFile();
+        content = await thisFile.text();
+      }
+
+      if (!content) {
+        return;
+      }
+
       var pdfTex = new PDFTeX();
       pdfTex.initializeFSMethods();
       await pdfTex.set_TOTAL_MEMORY(80 * 1024 * 1024);
-      const binary_pdf = await pdfTex.compileRaw(selectedFile.content);
+
+      pdfTex.on_stdout = (msg) => console.info(msg);
+      pdfTex.on_stderr = (msg) => console.error(msg);
+
+      const libs = rootDir.dirs.find(file => file.name === 'libs');
+
+      if (libs?.dirHandle) {
+        for await (const entry of libs.dirHandle.values()) {
+          const fileHandle = await libs.dirHandle.getFileHandle(entry.name);
+          const libFile = await fileHandle.getFile();
+          const libContent = await libFile.text();
+
+          console.log('creating lib file:', entry.name);
+          await pdfTex.FS_createDataFile('/', entry.name, libContent, true, true);
+        }
+      }
+
+      const latexFiles = [
+        'tex',
+        'aux',
+        'lof',
+        'toc',
+      ];
+
+      for (const item of rootDir.files) {
+
+        if (item.name === 'main.tex') {
+          continue;
+        }
+
+        const isLatexFile = latexFiles.some(latexFile => item.name.endsWith(`.${latexFile}`));
+
+        if (!isLatexFile || !item.fileHandle) {
+          continue;
+        }
+
+        const libFile = await item.fileHandle.getFile();
+        const libContent = await libFile.text();
+
+        await pdfTex.FS_createDataFile('/', item.name.startsWith('main.') ? item.name.replace('main.', 'input.') : item.name, libContent.normalize("NFD").replace(/[\u0300-\u036f]/g, ""), true, true);
+
+      }
+
+
+      const binary_pdf = await pdfTex.compileRaw(content);
 
       if (!binary_pdf) {
         return;
@@ -176,7 +236,7 @@ function App() {
       }, {
         label: 'Compile LaTeX',
         onClick: compileLatex,
-        disabled: !selectedFile || !selectedFile.name.endsWith('.tex'),
+        disabled: !rootDir.files.find(file => file.name === 'main.tex'),
         compileButton: true,
       }]}
       isCompiling={isCompiling}
@@ -188,7 +248,10 @@ function App() {
         <FileTree
           rootDir={rootDir}
           selectedFile={selectedFile}
-          onSelect={setSelectedFile}
+          onSelect={(file) => {
+            setSelectedFile(file);
+            setSelectedTab('code');
+          }}
         />
       </Sidebar>
       <div style={{

src/editor/code.tsx

@@ -52,7 +52,7 @@ export default function Code({ selectedFile }: { selectedFile: File | undefined;
                 language = "javascript";
             } else if (language === "ts" || language === "tsx") {
                 language = "typescript";
-            } else if (language === "tex") {
+            } else if (language === "tex" || language === "aux" || language === "sty" || language === "lof" || language === "toc" || language === "def") {
                 language = "latex";
             }
 
@@ -69,10 +69,15 @@ export default function Code({ selectedFile }: { selectedFile: File | undefined;
         })();
     }, [selectedFile]);
 
-    function onChange(newValue?: string) {
+    async function onChange(newValue?: string) {
         if (newValue && selectedFile?.content) {
             selectedFile.content = newValue;
         }
+        if (newValue && selectedFile?.fileHandle) {
+            const writable = await selectedFile.fileHandle.createWritable();
+            await writable.write(newValue);
+            await writable.close();
+        }
     }
 
     return (

src/pdftex/pdftex.ts

@@ -31,6 +31,7 @@ export class PDFTeX {
   public FS_createDataFile!: (...args: any[]) => Promise<any>;
   public FS_readFile!: (...args: any[]) => Promise<any>;
   public set_TOTAL_MEMORY!: (bytes: number) => Promise<any>;
+  public FS_createLazyFile!: (...args: any[]) => Promise<any>;
 
 
   public on_stdout: (msg: string) => void = console.log;

src/utils/file-manager.ts

@@ -20,6 +20,7 @@ export interface File extends CommonProps {
 export interface Directory extends CommonProps {
     files: File[];
     dirs: Directory[];
+    dirHandle?: FileSystemDirectoryHandle;
 }