fix link to svelte website and remove non-existing docs links (fixes #6)

kjk · Jun 25, 2024 · afce38c · afce38c
1 parent 7d05f8e
commit afce38c
Show file tree

Hide file tree

Showing 12 changed files with 77 additions and 79 deletions.
diff --git a/frontend/src/gisteditor/About.svelte b/frontend/src/gisteditor/About.svelte
@@ -27,7 +27,7 @@
       </li>
     </ul>
   </div>
-  <div class="flex justify-end mt-2">
+  <!-- <div class="flex justify-end mt-2">
     <a
       class="btn abtn"
       href="https://tools.arslexis.io/docs/gist-editor"
@@ -36,7 +36,7 @@
     >
       Learn more
     </a>
-  </div>
+  </div> -->
 </div>
 
 <style>

diff --git a/frontend/src/gisteditor/GistEditorNav.svelte b/frontend/src/gisteditor/GistEditorNav.svelte
@@ -24,27 +24,20 @@
     <span class="text-purple-800">Gist</span>
     <span class="text-yellow-800 ml-2">Editor</span>
   </div>
-  <div class="ml-8">
-    <a
-      class="px-3 py-1 hover:bg-gray-100"
-      href="https://tools.arslexis.io/docs/gist-editor"
-      on:click|preventDefault={() => (showingAbout = !showingAbout)}
-      target="_blank"
-      rel="noreferrer"
-    >
-      About
-    </a>
-  </div>
-  <div>
-    <a
-      class="px-3 py-1 hover:bg-gray-100"
-      href="https://tools.arslexis.io/docs/gist-editor"
-      target="_blank"
-      rel="noreferrer"
-    >
-      Documentation
-    </a>
-  </div>
+  <button
+    class="ml-8 px-3 py-1 hover:bg-gray-100"
+    on:click|preventDefault={() => (showingAbout = !showingAbout)}
+  >
+    About
+  </button>
+  <!-- <a
+    class="px-3 py-1 hover:bg-gray-100"
+    href="https://tools.arslexis.io/docs/gist-editor"
+    target="_blank"
+    rel="noreferrer"
+  >
+    Documentation
+  </a> -->
   <!--
 <div>
   <a

diff --git a/frontend/src/gisteditor/HelpButton.svelte b/frontend/src/gisteditor/HelpButton.svelte
@@ -12,31 +12,32 @@
   }
 </script>
 
-{#if showingMenu}
-  <div class="help nohover">?</div>
-  <Overlay bind:open={showingMenu}>
-    <div class="dropdown-content shadow-md adjust">
-      <div>
-        <a
-          on:click={hideMenu}
-          href="https://tools.arslexis.io/docs/gist-editor"
-          target="_blank"
-          rel="noreferrer"
-        >
-          About
-        </a>
-      </div>
-      <div>
-        <a
-          on:click={hideMenu}
-          href="https://tools.arslexis.io/docs/gist-editor"
-          target="_blank"
-          rel="noreferrer"
-        >
-          Documentation
-        </a>
-      </div>
-      <!--
+{#if false}
+  {#if showingMenu}
+    <div class="help nohover">?</div>
+    <Overlay bind:open={showingMenu}>
+      <div class="dropdown-content shadow-md adjust">
+        <div>
+          <a
+            on:click={hideMenu}
+            href="https://tools.arslexis.io/docs/gist-editor"
+            target="_blank"
+            rel="noreferrer"
+          >
+            About
+          </a>
+        </div>
+        <div>
+          <a
+            on:click={hideMenu}
+            href="https://tools.arslexis.io/docs/gist-editor"
+            target="_blank"
+            rel="noreferrer"
+          >
+            Documentation
+          </a>
+        </div>
+        <!--
       <div>
         <a
           on:click={hideMenu}
@@ -46,16 +47,17 @@
         </a>
       </div>
       -->
-    </div>
-  </Overlay>
-{:else}
-  <button
-    class="help"
-    use:tooltip={{ text: "Help, feedback", position: "top" }}
-    on:click|preventDefault={showMenu}
-  >
-    ?
-  </button>
+      </div>
+    </Overlay>
+  {:else}
+    <button
+      class="help"
+      use:tooltip={{ text: "Help, feedback", position: "top" }}
+      on:click|preventDefault={showMenu}
+    >
+      ?
+    </button>
+  {/if}
 {/if}
 
 <style>

diff --git a/frontend/src/gisteditor/NoGist.svelte b/frontend/src/gisteditor/NoGist.svelte
@@ -16,7 +16,7 @@
         <span class="text-yellow-800 ml-2">Editor</span>
       </a>
     </div>
-    <div class="ml-4">
+    <!-- <div class="ml-4">
       <a
         class="abtn"
         href="https://tools.arslexis.io/docs/gist-editor"
@@ -35,7 +35,7 @@
       >
         Documentation
       </a>
-    </div>
+    </div> -->
     <!--
     <div class="ml-4">
       <a class="abtn" href="https://reddit.com/r/CodeEvalApp/" target="_blank">

diff --git a/frontend/src/gisteditor/edit.js b/frontend/src/gisteditor/edit.js
@@ -1,9 +1,12 @@
-import Editor from "./EditorCodeMirror.svelte";
 import "./gisteditor.css";
+
+import { downloadGist, getLocalGist, storeLocalGist } from "./store.js";
 import { getLangExtFromLangName, getSampleContentForLang } from "./langs.js";
-import { storeLocalGist, getLocalGist, downloadGist } from "./store.js";
+
+import Editor from "./EditorCodeMirror.svelte";
 import { goToNoGist } from "./router.js";
 import { len } from "../util.js";
+import { mount } from "svelte";
 
 /**
  * @param {string} id
@@ -81,8 +84,7 @@ function startApp(gist) {
     props: props,
   };
   // TODO: why error? seems to work
-  // @ts-ignore
-  new Editor(args);
+  mount(Editor, args);
 }
 
 async function createNewGist(lang) {

diff --git a/frontend/src/gisteditor/nogist.html b/frontend/src/gisteditor/nogist.html
@@ -13,16 +13,18 @@
   <div id="app"></div>
 
   <script type="module">
+    import { mount } from "svelte";
     import NoGist from './NoGist.svelte'
     import './gisteditor.css'
     const q = new URLSearchParams(window.location.search);
     const gistid = q.get("id");
-    const app = new NoGist({
+    const args = {
       target: document.getElementById('app'),
       props: {
         gistid: gistid,
       }
-    })
+    };
+    const app = mount(NoGist, args)
   </script>
 </body>
 

diff --git a/frontend/src/image-resize-optimize/index.html b/frontend/src/image-resize-optimize/index.html
@@ -13,13 +13,14 @@
   <div id="app"></div>
 
   <script type="module">
+    import { mount } from "svelte";
     import ImageOptim from './ImageOptim.svelte'
     import '../base.css'
 
     const args = {
       target: document.getElementById('app'),
     };
-    const app = new ImageOptim(args)
+    mount(ImageOptim, args);
   </script>
 </body>
 

diff --git a/frontend/src/notepad2/DialogAbout.svelte b/frontend/src/notepad2/DialogAbout.svelte
@@ -23,12 +23,12 @@
     </div>
     <div class="mt-1">Trying to be as close to the original as possible.</div>
     <div class="mt-1">You can:</div>
-    <a
+    <!-- <a
       class="ml-2 underline focus-within:outline"
       rel="noreferrer"
       target="_blank"
       href="https://tools.arslexis.io/docs/notepad2">read documentation</a
-    >
+    > -->
     <a
       class="ml-2 underline focus-within:outline"
       rel="noreferrer"
@@ -63,7 +63,7 @@
         class="underline focus-within:outline"
         target="_blank"
         rel="noreferrer"
-        href="https://codemirror.net/">Svelte</a
+        href="https://svelte.dev/">Svelte</a
       > framework
     </div>
     <div class="ml-2">

diff --git a/frontend/src/notepad2/DialogBrowse.svelte b/frontend/src/notepad2/DialogBrowse.svelte
@@ -484,13 +484,13 @@
       use:focus
       on:click={close}>Close</button
     > -->
-    <a
+    <!-- <a
       target="_blank"
       rel="noreferrer"
       class="text-blue-700 underline mr-2"
       href="https://tools.arslexis.io/docs/notepad2-browse-files"
     >
       help</a
-    >
+    > -->
   </div>
 </WinDialogBaseNoOverlay>
diff --git a/frontend/src/notepad2/menu-notepad2.js b/frontend/src/notepad2/menu-notepad2.js
@@ -1220,7 +1220,7 @@ export const IDM_HELP_SOURCE_CODE = "IDM_HELP_SOURCE_CODE";
 export const IDM_HELP_DISCUSS = "IDM_HELP_DISCUSS";
 
 const menuHelp = [
-  ["Project &Home / Docs", IDM_HELP_PROJECT_HOME],
+  // ["Project &Home / Docs", IDM_HELP_PROJECT_HOME],
   // ["Latest &Release", IDM_HELP_LATEST_RELEASE],
   // ["Latest &Build", IDM_HELP_LATEST_BUILD],
   ["Feedback and Discussion", IDM_HELP_DISCUSS],

diff --git a/frontend/src/qrscanner/index.html b/frontend/src/qrscanner/index.html
@@ -14,13 +14,13 @@
   <div id="app"></div>
 
   <script type="module">
+    import { mount } from "svelte";
     import "../base.css";
     import App from "./qrscanner.svelte";
     const args = {
       target: document.getElementById("app"),
     };
-    const app = new App(args);
-    console.log("app:", app);
+    mount(App, args);
   </script>
 </body>
 

diff --git a/frontend/src/reader/index.html b/frontend/src/reader/index.html
@@ -13,15 +13,13 @@
   <div id="app"></div>
 
   <script type="module">
+    import { mount } from "svelte";
     import "../base.css";
-
     import Unzip from "./ComicBookReader.svelte";
-
     const args = {
       target: document.getElementById("app"),
     };
-    const app = new Unzip(args);
-    console.log(app);
+    mount(Unzip, args);
 
   </script>
 </body>