Added funding a some new stuff

Author: ilse-langnar

.github/FUNDING.yml

@@ -0,0 +1,13 @@
+# These are supported funding model platforms
+
+github: [ilse-langnar] # Replace with up to 4 GitHub Sponsors-enabled usernames e.g., [user1, user2]
+patreon: # Replace with a single Patreon username
+open_collective: # Replace with a single Open Collective username
+ko_fi: # Replace with a single Ko-fi username
+tidelift: # Replace with a single Tidelift platform-name/package-name e.g., npm/babel
+community_bridge: # Replace with a single Community Bridge project-name e.g., cloud-foundry
+liberapay: # Replace with a single Liberapay username
+issuehunt: # Replace with a single IssueHunt username
+otechie: # Replace with a single Otechie username
+lfx_crowdfunding: # Replace with a single LFX Crowdfunding project-name e.g., cloud-foundry
+custom: # Replace with up to 4 custom sponsorship URLs e.g., ['link1', 'link2']

javascript/web/diff

@@ -32,6 +32,7 @@
     "markdown-it-regexp": "^0.4.0",
     "mousetrap": "^1.6.5",
     "panzoom": "^9.4.3",
+    "parse-server": "^5.4.0",
     "raw-loader": "^4.0.2",
     "register-service-worker": "^1.7.1",
     "resizable": "^1.2.1",

javascript/web/package.json

@@ -19,6 +19,7 @@
         .app( v-show="ilse.has_loaded" :key="ilse.keys.app" )
             .loop( v-for="( tab, tab_index ) in ilse.tabs.list" :key="tab_index" )
                 .htmll( v-if="tab.is_active" v-html="tab.html" style="overflow: auto; " )
+                // .htmll( :style=" tab.is_active ? 'display: inherit; ' : 'display: none;' " v-html="tab.html" style="overflow: auto; " )
 
 </template>
 <script>
@@ -48,11 +49,23 @@ export default {
         }
     },
 
+    watch: {
+
+        "ilse.config.dark"( new_values ) {
+            prnitf( "new_values -> ", new_values )
+        },
+
+    },
+
     computed: {
 
         get_data_theme() {
             if( !ilse || !ilse.config ) return "dark"
-            return ilse.config.dark ? 'dark' : 'light'
+            printf("ilse.config['dark-mode'] -> ",ilse.config['dark-mode'] )
+            let o = ilse.config.dark
+            return ilse.config.dark
+            // if( !ilse || !ilse.config ) return "dark"
+            // return ilse.config.dark ? 'dark' : 'light'
         },
 
     },
@@ -566,7 +579,7 @@ code {
     padding: var( --padding );
 }
 
-hr {
+hr .hr {
     width: 100%;
     border: 1px solid #000;
 }
@@ -1052,6 +1065,7 @@ code {
   padding: 0.25em 0.5em 0.25em;
 }
 
+/*
 hr {
     border: none;
     display: block;
@@ -1062,6 +1076,7 @@ hr {
     margin: 10px auto;
     border-radius: 50%;
 }
+*/
 
 img {
   height: auto;

javascript/web/src/App.vue

@@ -15,7 +15,7 @@ export default class Cache {
     set( key, value ) {
         this.cache[key] = value
         // Clean
-        setTimeout( () => { delete this.cache[key] }, ilse.config.cache_clean_time || 1000 * 60 )
+        setTimeout( () => { delete this.cache[key] }, 1000 * 60 )
     }
 
     get( key ) {

javascript/web/src/assets/line.svg

@@ -400,7 +400,13 @@ class Commands {
                 icon: "moon-stars.svg",
                 fn: function() {
                     ilse.config.dark = !ilse.config.dark
-                    ilse.config.save()
+                    printf( "ilse.config.dark -> ", ilse.config.dark )
+
+                    // printf( "before -> ilse.config('dark') -> ", ilse.config('dark') )
+                    // ilse.config('dark', !ilse.config('dark') )
+                    // printf( "after -> ilse.config('dark') -> ", ilse.config('dark') )
+
+                    ilse.save()
                 },
                 description: "Will turn on if it's off, and off if it's on",
                 name: "Toggle Dark Mode",
@@ -509,9 +515,18 @@ class Commands {
                 id: "new-note",
                 icon: "point.svg",
                 fn: async function() {
-                    let input   = await ilse.dialog.input( "New note", "Content:" )
-                    let index   = ilse.notes.list.length
-                        ilse.notes.add( input )
+
+                    // let input   = await ilse.dialog.input( "New note", "Content:" )
+                    // let index   = ilse.notes.list.length
+                        // ilse.notes.add( input )
+
+                    ilse.modal(
+                        ilse.render('search',
+                            { search: '', list: [], pointer: -1, prepend_search: "", append_search: "" }
+                        ),
+                        { width: '70%', height: '70%' }
+                    )
+
                 },
                 undo: args => {
                     // TODO: Remove last note added
@@ -533,8 +548,8 @@ class Commands {
                         ),
                         yes => {
                             ilse.modes.push( "ilse" )
-                            ilse.config.modes = [ "ilse" ]
-                            ilse.config.save()
+                            // ilse.config('modes', JSON.stringify(['ilse']) )
+                            ilse.save()
                         }
                     )
 
@@ -625,8 +640,9 @@ class Commands {
                 id: "toggle-zen-mode",
                 icon: "yin-yang.svg",
                 fn: async function() {
-                    ilse.is_zen = ilse.config.is_zen = !ilse.config.is_zen
-                    ilse.config.save()
+                    ilse.config.is_zen = !ilse.config.is_zen
+                    // ilse.is_zen = ilse.config('is-zen', !ilse.config('is-zen') )
+                    ilse.save()
                 },
                 description: "Will toggle zen mode",
                 name: "Toggle Zen Mode",

javascript/web/src/assets/space.svg

@@ -30,6 +30,7 @@ export default class Config {
     }
 
     setup() {
+        printf( "22222222222222222222222222222222222222222222" )
         this.listen()
     }
 

javascript/web/src/classes/Cache.js

@@ -7,9 +7,9 @@ import printf                           from "@/functions/printf.js"
     import Messager                     from "@/classes/Messager.js"
 
 // HTML
-    import info                         from "@/html/dialog_info.html"
-    import input                        from "@/html/dialog_input.html"
-    import confirm                      from "@/html/dialog_confirm.html"
+    import info                         from "@/html/dialog-info.html"
+    import input                        from "@/html/dialog-input.html"
+    import confirm                      from "@/html/dialog-confirm.html"
 
 export default class Dialog {