creating files

OscarMayReal · OscarMayReal · commit 8600a40d5aac · 2024-11-16T18:18:04.000Z
diff --git a/src/index.html b/src/index.html
@@ -5,6 +5,17 @@
     <script src="https://code.jquery.com/ui/1.14.1/jquery-ui.min.js"></script>
 </head>
 <body onkeydown="handlekey(event)">
+    <div id="welcomedialog">
+        <div class="intropanelbase">
+            <div class="intropanelleft">
+                <img src="logo.png" style="height: 65px; width: 65px"></img>
+                <div class="intropanel-title">LocalNote</div>
+                <div class="intropanel-button" onclick="openfile()">Open Notebook</div>
+                <div class="intropanel-button" onclick="createfile()">Create Notebook</div>
+                <div class="intropanel-button" onclick="opendemo()">Open Demo Notebook</div>
+            </div>
+        </div>
+    </div>
     <header>
         <svg xmlns="http://www.w3.org/2000/svg" style="color: #555; -webkit-app-region: no-drag;" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-panel-left" onclick="$('#editor-sidebar').toggle()"><rect width="18" height="18" x="3" y="3" rx="2"/><path d="M9 3v18"/></svg>
         <img src="logo.png" style="height: 30px; width: 30px; margin-right: 15px; margin-left: 15px;"></img>
@@ -142,7 +153,7 @@
                             pagenames = argsconcat
                         }
                         try {
-                            pnemoji = argsconcat.split("&").slice(1)
+                            pnemoji = argsconcat.split("&").slice(1)[0]
                             if (pnemoji.length == 0) {
                                 pnemoji = "📄"
                             }
@@ -360,7 +371,6 @@
         var openfile = function() {
             fd = showOpenFilePicker()
             .then(ar => {
-                // for (const f of ar.getFile()) {
                 console.log(ar[0].getFile())
                 fileitem = ar[0]
                 ar[0].getFile()
@@ -378,6 +388,54 @@
             })
         }
 
+        var createfile = function() {
+            fd = window.showSaveFilePicker({
+                suggestedName: 'Untitled Notebook.txt',
+                types: [{
+                    description: 'LocalNote NoteBook',
+                    accept: {
+                    'application/x-lnb': ['.LNB'],
+                    },
+                }],
+            });
+            fd.then(ar => {
+                ar.createWritable()
+                    .then(async (fws) => {
+                        await fws.truncate(0);
+
+                        await fws.write(JSON.stringify(currentdoc));
+
+                        await fws.close();
+
+                        console.log(ar.getFile())
+                        fileitem = ar
+                        ar.getFile()
+                            .then(fl => {
+                                fl.text().then(res => {
+                                    console.log(res)
+                                    currentdoc = {
+                                        "manifestver": 1.0,
+                                        "pages": [
+                                            {
+                                                "name": "Page 1",
+                                                "emoji": "📄",
+                                                "content": `
+                                                    <div class="nblock"><div class="blockhandle"></div><h1 placeholder="Press / to insert content" contenteditable="" class="editbox" onfocus="blockfocus()" onblur="blockblur()"></h1></div>
+                                                `,
+                                            },
+                                        ]
+                                    }
+                                    $("#docname").html(fl.name)
+                                    currentdocfileitem = fl
+                                    refreshsidebar()
+                                    loadpage(0)
+                                    $("#welcomedialog").remove()
+                                })
+                        })
+                    })
+            })
+        }
+
         var opendemo = function() {
             refreshsidebar()
             loadpage(0)
@@ -387,15 +445,4 @@
         const urlParams = new URLSearchParams(document.location.search);
 
     </script>
-    <div id="welcomedialog">
-        <div class="intropanelbase">
-            <div class="intropanelleft">
-                <img src="logo.png" style="height: 65px; width: 65px"></img>
-                <div class="intropanel-title">LocalNote</div>
-                <div class="intropanel-button" onclick="openfile()">Open Notebook</div>
-                <div class="intropanel-button" onclick="opendemo()">Create Notebook</div>
-                <div class="intropanel-button" onclick="opendemo()">Open Demo Notebook</div>
-            </div>
-        </div>
-    </div>
 </body>
