bump version

.env

@@ -1,5 +0,0 @@
-VITE_DEV_SERVER_URL=http://localhost:5173
-SUPABASE_KEY='sb_secret_xYDyNcB7Q46ZYhDISeXRHQ_95l-N33m'
-SUPABASE_URL='https://jmuadfpmmejfvkwosaqh.supabase.co'
-CSC_LINK='https://drive.google.com/uc?id=1fSmWPudBqoqRkxasBW6PNmMOCHbBAMdZ'
-CSC_KEY_PASSWORD='1+1=1167jK'

.github/workflows/build.yml

@@ -1,47 +0,0 @@
-name: Build Electron App
-
-on:
-    push:
-        tags:
-            - 'v*'
-
-jobs:
-    build:
-        strategy:
-            fail-fast: false
-            matrix:
-                include:
-                    - os: windows-latest
-                      script: build:win
-                    - os: macos-latest
-                      script: build:mac
-                    - os: ubuntu-latest
-                      script: build:linux
-
-        runs-on: ${{ matrix.os }}
-
-        steps:
-            - name: Checkout repository
-              uses: actions/checkout@v4
-
-            - name: Setup Node
-              uses: actions/setup-node@v4
-              with:
-                  node-version: 22
-                  cache: npm
-
-            - name: Install dependencies
-              run: npm ci
-
-            - name: Run platform build
-              run: npm run ${{ matrix.script }}
-              env:
-                  CSC_LINK: ${{ secrets.CSC_LINK }}
-                  CSC_KEY_PASSWORD: ${{ secrets.CSC_KEY_PASSWORD }}
-
-            - name: Upload artifacts
-              uses: actions/upload-artifact@v4
-              with:
-                  name: ${{ matrix.os }}-build
-                  path: |
-                      dist/**

.gitignore

@@ -14,6 +14,7 @@ dist
 dist-ssr
 coverage
 *.local
+out
 
 # Editor directories and files
 .vscode/*

.vscode/extensions.json

@@ -1,3 +0,0 @@
-{
-    "recommendations": ["dbaeumer.vscode-eslint"]
-}

README.md

@@ -2,10 +2,6 @@
 
 An Electron application with Vue
 
-## Recommended IDE Setup
-
-- [VSCode](https://code.visualstudio.com/) + [ESLint](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint) + [Prettier](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar)
-
 ## Project Setup
 
 ### Install
@@ -32,3 +28,20 @@ $ npm run build:mac
 # For Linux
 $ npm run build:linux
 ```
+
+### Releasing Versions
+
+Before releasing a new version, make sure that all code is committed and pushed to the remote repository. Then, update the version number in `package.json`.
+
+Create a new release tag and push it to the remote repository.
+
+```bash
+$ git tag -a <version> -m "Release <version>"
+$ git push --tags
+```
+
+Run the release script to build and package the application and upload it to the SeaweedFS bucket.
+
+```bash
+$ npm run release:<platform>
+```

android/.gitignore

@@ -0,0 +1,101 @@
+# Using Android gitignore template: https://github.com/github/gitignore/blob/HEAD/Android.gitignore
+
+# Built application files
+*.apk
+*.aar
+*.ap_
+*.aab
+
+# Files for the ART/Dalvik VM
+*.dex
+
+# Java class files
+*.class
+
+# Generated files
+bin/
+gen/
+out/
+#  Uncomment the following line in case you need and you don't have the release build type files in your app
+# release/
+
+# Gradle files
+.gradle/
+build/
+
+# Local configuration file (sdk path, etc)
+local.properties
+
+# Proguard folder generated by Eclipse
+proguard/
+
+# Log Files
+*.log
+
+# Android Studio Navigation editor temp files
+.navigation/
+
+# Android Studio captures folder
+captures/
+
+# IntelliJ
+*.iml
+.idea/workspace.xml
+.idea/tasks.xml
+.idea/gradle.xml
+.idea/assetWizardSettings.xml
+.idea/dictionaries
+.idea/libraries
+# Android Studio 3 in .gitignore file.
+.idea/caches
+.idea/modules.xml
+# Comment next line if keeping position of elements in Navigation Editor is relevant for you
+.idea/navEditor.xml
+
+# Keystore files
+# Uncomment the following lines if you do not want to check your keystore files in.
+#*.jks
+#*.keystore
+
+# External native build folder generated in Android Studio 2.2 and later
+.externalNativeBuild
+.cxx/
+
+# Google Services (e.g. APIs or Firebase)
+# google-services.json
+
+# Freeline
+freeline.py
+freeline/
+freeline_project_description.json
+
+# fastlane
+fastlane/report.xml
+fastlane/Preview.html
+fastlane/screenshots
+fastlane/test_output
+fastlane/readme.md
+
+# Version control
+vcs.xml
+
+# lint
+lint/intermediates/
+lint/generated/
+lint/outputs/
+lint/tmp/
+# lint/reports/
+
+# Android Profiling
+*.hprof
+
+# Cordova plugins for Capacitor
+capacitor-cordova-android-plugins
+
+# Copied web assets
+app/src/main/assets/public
+
+# Generated Config files
+app/src/main/assets/capacitor.config.json
+app/src/main/assets/capacitor.plugins.json
+app/src/main/res/xml/config.xml

android/app/.gitignore

@@ -0,0 +1,2 @@
+/build/*
+!/build/.npmkeep

android/app/build.gradle

@@ -0,0 +1,54 @@
+apply plugin: 'com.android.application'
+
+android {
+    namespace = "com.takerofnotes.app"
+    compileSdk = rootProject.ext.compileSdkVersion
+    defaultConfig {
+        applicationId "com.takerofnotes.app"
+        minSdkVersion rootProject.ext.minSdkVersion
+        targetSdkVersion rootProject.ext.targetSdkVersion
+        versionCode 1
+        versionName "1.0"
+        testInstrumentationRunner "androidx.test.runner.AndroidJUnitRunner"
+        aaptOptions {
+             // Files and dirs to omit from the packaged assets dir, modified to accommodate modern web apps.
+             // Default: https://android.googlesource.com/platform/frameworks/base/+/282e181b58cf72b6ca770dc7ca5f91f135444502/tools/aapt/AaptAssets.cpp#61
+            ignoreAssetsPattern = '!.svn:!.git:!.ds_store:!*.scc:.*:!CVS:!thumbs.db:!picasa.ini:!*~'
+        }
+    }
+    buildTypes {
+        release {
+            minifyEnabled false
+            proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro'
+        }
+    }
+}
+
+repositories {
+    flatDir{
+        dirs '../capacitor-cordova-android-plugins/src/main/libs', 'libs'
+    }
+}
+
+dependencies {
+    implementation fileTree(include: ['*.jar'], dir: 'libs')
+    implementation "androidx.appcompat:appcompat:$androidxAppCompatVersion"
+    implementation "androidx.coordinatorlayout:coordinatorlayout:$androidxCoordinatorLayoutVersion"
+    implementation "androidx.core:core-splashscreen:$coreSplashScreenVersion"
+    implementation project(':capacitor-android')
+    testImplementation "junit:junit:$junitVersion"
+    androidTestImplementation "androidx.test.ext:junit:$androidxJunitVersion"
+    androidTestImplementation "androidx.test.espresso:espresso-core:$androidxEspressoCoreVersion"
+    implementation project(':capacitor-cordova-android-plugins')
+}
+
+apply from: 'capacitor.build.gradle'
+
+try {
+    def servicesJSON = file('google-services.json')
+    if (servicesJSON.text) {
+        apply plugin: 'com.google.gms.google-services'
+    }
+} catch(Exception e) {
+    logger.info("google-services.json not found, google-services plugin not applied. Push Notifications won't work")
+}

android/app/capacitor.build.gradle

@@ -0,0 +1,19 @@
+// DO NOT EDIT THIS FILE! IT IS GENERATED EACH TIME "capacitor update" IS RUN
+
+android {
+  compileOptions {
+      sourceCompatibility JavaVersion.VERSION_21
+      targetCompatibility JavaVersion.VERSION_21
+  }
+}
+
+apply from: "../capacitor-cordova-android-plugins/cordova.variables.gradle"
+dependencies {
+    implementation project(':capacitor-preferences')
+
+}
+
+
+if (hasProperty('postBuildExtras')) {
+  postBuildExtras()
+}

android/app/proguard-rules.pro

@@ -0,0 +1,21 @@
+# Add project specific ProGuard rules here.
+# You can control the set of applied configuration files using the
+# proguardFiles setting in build.gradle.
+#
+# For more details, see
+#   http://developer.android.com/guide/developing/tools/proguard.html
+
+# If your project uses WebView with JS, uncomment the following
+# and specify the fully qualified class name to the JavaScript interface
+# class:
+#-keepclassmembers class fqcn.of.javascript.interface.for.webview {
+#   public *;
+#}
+
+# Uncomment this to preserve the line number information for
+# debugging stack traces.
+#-keepattributes SourceFile,LineNumberTable
+
+# If you keep the line number information, uncomment this to
+# hide the original source file name.
+#-renamesourcefileattribute SourceFile

android/app/src/androidTest/java/com/getcapacitor/myapp/ExampleInstrumentedTest.java

@@ -0,0 +1,26 @@
+package com.getcapacitor.myapp;
+
+import static org.junit.Assert.*;
+
+import android.content.Context;
+import androidx.test.ext.junit.runners.AndroidJUnit4;
+import androidx.test.platform.app.InstrumentationRegistry;
+import org.junit.Test;
+import org.junit.runner.RunWith;
+
+/**
+ * Instrumented test, which will execute on an Android device.
+ *
+ * @see <a href="http://d.android.com/tools/testing">Testing documentation</a>
+ */
+@RunWith(AndroidJUnit4.class)
+public class ExampleInstrumentedTest {
+
+    @Test
+    public void useAppContext() throws Exception {
+        // Context of the app under test.
+        Context appContext = InstrumentationRegistry.getInstrumentation().getTargetContext();
+
+        assertEquals("com.getcapacitor.app", appContext.getPackageName());
+    }
+}

android/app/src/main/AndroidManifest.xml

@@ -0,0 +1,41 @@
+<?xml version="1.0" encoding="utf-8"?>
+<manifest xmlns:android="http://schemas.android.com/apk/res/android">
+
+    <application
+        android:allowBackup="true"
+        android:icon="@mipmap/ic_launcher"
+        android:label="@string/app_name"
+        android:roundIcon="@mipmap/ic_launcher_round"
+        android:supportsRtl="true"
+        android:theme="@style/AppTheme">
+
+        <activity
+            android:configChanges="orientation|keyboardHidden|keyboard|screenSize|locale|smallestScreenSize|screenLayout|uiMode|navigation|density"
+            android:name=".MainActivity"
+            android:label="@string/title_activity_main"
+            android:theme="@style/AppTheme.NoActionBarLaunch"
+            android:launchMode="singleTask"
+            android:exported="true">
+
+            <intent-filter>
+                <action android:name="android.intent.action.MAIN" />
+                <category android:name="android.intent.category.LAUNCHER" />
+            </intent-filter>
+
+        </activity>
+
+        <provider
+            android:name="androidx.core.content.FileProvider"
+            android:authorities="${applicationId}.fileprovider"
+            android:exported="false"
+            android:grantUriPermissions="true">
+            <meta-data
+                android:name="android.support.FILE_PROVIDER_PATHS"
+                android:resource="@xml/file_paths"></meta-data>
+        </provider>
+    </application>
+
+    <!-- Permissions -->
+
+    <uses-permission android:name="android.permission.INTERNET" />
+</manifest>

android/app/src/main/java/com/takerofnotes/app/MainActivity.java

@@ -0,0 +1,5 @@
+package com.takerofnotes.app;
+
+import com.getcapacitor.BridgeActivity;
+
+public class MainActivity extends BridgeActivity {}

android/app/src/main/res/drawable-v24/ic_launcher_foreground.xml

@@ -0,0 +1,34 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:aapt="http://schemas.android.com/aapt"
+    android:width="108dp"
+    android:height="108dp"
+    android:viewportHeight="108"
+    android:viewportWidth="108">
+    <path
+        android:fillType="evenOdd"
+        android:pathData="M32,64C32,64 38.39,52.99 44.13,50.95C51.37,48.37 70.14,49.57 70.14,49.57L108.26,87.69L108,109.01L75.97,107.97L32,64Z"
+        android:strokeColor="#00000000"
+        android:strokeWidth="1">
+        <aapt:attr name="android:fillColor">
+            <gradient
+                android:endX="78.5885"
+                android:endY="90.9159"
+                android:startX="48.7653"
+                android:startY="61.0927"
+                android:type="linear">
+                <item
+                    android:color="#44000000"
+                    android:offset="0.0" />
+                <item
+                    android:color="#00000000"
+                    android:offset="1.0" />
+            </gradient>
+        </aapt:attr>
+    </path>
+    <path
+        android:fillColor="#FFFFFF"
+        android:fillType="nonZero"
+        android:pathData="M66.94,46.02L66.94,46.02C72.44,50.07 76,56.61 76,64L32,64C32,56.61 35.56,50.11 40.98,46.06L36.18,41.19C35.45,40.45 35.45,39.3 36.18,38.56C36.91,37.81 38.05,37.81 38.78,38.56L44.25,44.05C47.18,42.57 50.48,41.71 54,41.71C57.48,41.71 60.78,42.57 63.68,44.05L69.11,38.56C69.84,37.81 70.98,37.81 71.71,38.56C72.44,39.3 72.44,40.45 71.71,41.19L66.94,46.02ZM62.94,56.92C64.08,56.92 65,56.01 65,54.88C65,53.76 64.08,52.85 62.94,52.85C61.8,52.85 60.88,53.76 60.88,54.88C60.88,56.01 61.8,56.92 62.94,56.92ZM45.06,56.92C46.2,56.92 47.13,56.01 47.13,54.88C47.13,53.76 46.2,52.85 45.06,52.85C43.92,52.85 43,53.76 43,54.88C43,56.01 43.92,56.92 45.06,56.92Z"
+        android:strokeColor="#00000000"
+        android:strokeWidth="1" />
+</vector>

android/app/src/main/res/drawable/ic_launcher_background.xml

@@ -0,0 +1,170 @@
+<?xml version="1.0" encoding="utf-8"?>
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="108dp"
+    android:height="108dp"
+    android:viewportHeight="108"
+    android:viewportWidth="108">
+    <path
+        android:fillColor="#26A69A"
+        android:pathData="M0,0h108v108h-108z" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M9,0L9,108"
+        android:strokeColor="#33FFFFFF"
+        android:strokeWidth="0.8" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M19,0L19,108"
+        android:strokeColor="#33FFFFFF"
+        android:strokeWidth="0.8" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M29,0L29,108"
+        android:strokeColor="#33FFFFFF"
+        android:strokeWidth="0.8" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M39,0L39,108"
+        android:strokeColor="#33FFFFFF"
+        android:strokeWidth="0.8" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M49,0L49,108"
+        android:strokeColor="#33FFFFFF"
+        android:strokeWidth="0.8" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M59,0L59,108"
+        android:strokeColor="#33FFFFFF"
+        android:strokeWidth="0.8" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M69,0L69,108"
+        android:strokeColor="#33FFFFFF"
+        android:strokeWidth="0.8" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M79,0L79,108"
+        android:strokeColor="#33FFFFFF"
+        android:strokeWidth="0.8" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M89,0L89,108"
+        android:strokeColor="#33FFFFFF"
+        android:strokeWidth="0.8" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M99,0L99,108"
+        android:strokeColor="#33FFFFFF"
+        android:strokeWidth="0.8" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,9L108,9"
+        android:strokeColor="#33FFFFFF"
+        android:strokeWidth="0.8" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,19L108,19"
+        android:strokeColor="#33FFFFFF"
+        android:strokeWidth="0.8" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,29L108,29"
+        android:strokeColor="#33FFFFFF"
+        android:strokeWidth="0.8" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,39L108,39"
+        android:strokeColor="#33FFFFFF"
+        android:strokeWidth="0.8" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,49L108,49"
+        android:strokeColor="#33FFFFFF"
+        android:strokeWidth="0.8" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,59L108,59"
+        android:strokeColor="#33FFFFFF"
+        android:strokeWidth="0.8" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,69L108,69"
+        android:strokeColor="#33FFFFFF"
+        android:strokeWidth="0.8" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,79L108,79"
+        android:strokeColor="#33FFFFFF"
+        android:strokeWidth="0.8" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,89L108,89"
+        android:strokeColor="#33FFFFFF"
+        android:strokeWidth="0.8" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,99L108,99"
+        android:strokeColor="#33FFFFFF"
+        android:strokeWidth="0.8" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M19,29L89,29"
+        android:strokeColor="#33FFFFFF"
+        android:strokeWidth="0.8" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M19,39L89,39"
+        android:strokeColor="#33FFFFFF"
+        android:strokeWidth="0.8" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M19,49L89,49"
+        android:strokeColor="#33FFFFFF"
+        android:strokeWidth="0.8" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M19,59L89,59"
+        android:strokeColor="#33FFFFFF"
+        android:strokeWidth="0.8" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M19,69L89,69"
+        android:strokeColor="#33FFFFFF"
+        android:strokeWidth="0.8" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M19,79L89,79"
+        android:strokeColor="#33FFFFFF"
+        android:strokeWidth="0.8" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M29,19L29,89"
+        android:strokeColor="#33FFFFFF"
+        android:strokeWidth="0.8" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M39,19L39,89"
+        android:strokeColor="#33FFFFFF"
+        android:strokeWidth="0.8" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M49,19L49,89"
+        android:strokeColor="#33FFFFFF"
+        android:strokeWidth="0.8" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M59,19L59,89"
+        android:strokeColor="#33FFFFFF"
+        android:strokeWidth="0.8" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M69,19L69,89"
+        android:strokeColor="#33FFFFFF"
+        android:strokeWidth="0.8" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M79,19L79,89"
+        android:strokeColor="#33FFFFFF"
+        android:strokeWidth="0.8" />
+</vector>

android/app/src/main/res/layout/activity_main.xml

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<androidx.coordinatorlayout.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    xmlns:tools="http://schemas.android.com/tools"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    tools:context=".MainActivity">
+
+    <WebView
+        android:layout_width="match_parent"
+        android:layout_height="match_parent" />
+</androidx.coordinatorlayout.widget.CoordinatorLayout>

android/app/src/main/res/mipmap-anydpi-v26/ic_launcher.xml

@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android">
+    <background android:drawable="@color/ic_launcher_background"/>
+    <foreground android:drawable="@mipmap/ic_launcher_foreground"/>
+</adaptive-icon>

android/app/src/main/res/mipmap-anydpi-v26/ic_launcher_round.xml

@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android">
+    <background android:drawable="@color/ic_launcher_background"/>
+    <foreground android:drawable="@mipmap/ic_launcher_foreground"/>
+</adaptive-icon>

android/app/src/main/res/values/ic_launcher_background.xml

@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <color name="ic_launcher_background">#FFFFFF</color>
+</resources>

android/app/src/main/res/values/strings.xml

@@ -0,0 +1,7 @@
+<?xml version='1.0' encoding='utf-8'?>
+<resources>
+    <string name="app_name">Taker of Notes</string>
+    <string name="title_activity_main">Taker of Notes</string>
+    <string name="package_name">com.takerofnotes.app</string>
+    <string name="custom_url_scheme">com.takerofnotes.app</string>
+</resources>

android/app/src/main/res/values/styles.xml

@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+
+    <!-- Base application theme. -->
+    <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
+        <!-- Customize your theme here. -->
+        <item name="colorPrimary">@color/colorPrimary</item>
+        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
+        <item name="colorAccent">@color/colorAccent</item>
+    </style>
+
+    <style name="AppTheme.NoActionBar" parent="Theme.AppCompat.DayNight.NoActionBar">
+        <item name="windowActionBar">false</item>
+        <item name="windowNoTitle">true</item>
+        <item name="android:background">@null</item>
+    </style>
+
+
+    <style name="AppTheme.NoActionBarLaunch" parent="Theme.SplashScreen">
+        <item name="android:background">@drawable/splash</item>
+    </style>
+</resources>

android/app/src/main/res/xml/file_paths.xml

@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<paths xmlns:android="http://schemas.android.com/apk/res/android">
+    <external-path name="my_images" path="." />
+    <cache-path name="my_cache_images" path="." />
+</paths>

android/app/src/test/java/com/getcapacitor/myapp/ExampleUnitTest.java

@@ -0,0 +1,18 @@
+package com.getcapacitor.myapp;
+
+import static org.junit.Assert.*;
+
+import org.junit.Test;
+
+/**
+ * Example local unit test, which will execute on the development machine (host).
+ *
+ * @see <a href="http://d.android.com/tools/testing">Testing documentation</a>
+ */
+public class ExampleUnitTest {
+
+    @Test
+    public void addition_isCorrect() throws Exception {
+        assertEquals(4, 2 + 2);
+    }
+}

android/build.gradle

@@ -0,0 +1,29 @@
+// Top-level build file where you can add configuration options common to all sub-projects/modules.
+
+buildscript {
+    
+    repositories {
+        google()
+        mavenCentral()
+    }
+    dependencies {
+        classpath 'com.android.tools.build:gradle:8.13.0'
+        classpath 'com.google.gms:google-services:4.4.4'
+
+        // NOTE: Do not place your application dependencies here; they belong
+        // in the individual module build.gradle files
+    }
+}
+
+apply from: "variables.gradle"
+
+allprojects {
+    repositories {
+        google()
+        mavenCentral()
+    }
+}
+
+task clean(type: Delete) {
+    delete rootProject.buildDir
+}

android/capacitor.settings.gradle

@@ -0,0 +1,6 @@
+// DO NOT EDIT THIS FILE! IT IS GENERATED EACH TIME "capacitor update" IS RUN
+include ':capacitor-android'
+project(':capacitor-android').projectDir = new File('../node_modules/@capacitor/android/capacitor')
+
+include ':capacitor-preferences'
+project(':capacitor-preferences').projectDir = new File('../node_modules/@capacitor/preferences/android')

android/gradle.properties

@@ -0,0 +1,22 @@
+# Project-wide Gradle settings.
+
+# IDE (e.g. Android Studio) users:
+# Gradle settings configured through the IDE *will override*
+# any settings specified in this file.
+
+# For more details on how to configure your build environment visit
+# http://www.gradle.org/docs/current/userguide/build_environment.html
+
+# Specifies the JVM arguments used for the daemon process.
+# The setting is particularly useful for tweaking memory settings.
+org.gradle.jvmargs=-Xmx1536m
+
+# When configured, Gradle will run in incubating parallel mode.
+# This option should only be used with decoupled projects. More details, visit
+# http://www.gradle.org/docs/current/userguide/multi_project_builds.html#sec:decoupled_projects
+# org.gradle.parallel=true
+
+# AndroidX package structure to make it clearer which packages are bundled with the
+# Android operating system, and which are packaged with your app's APK
+# https://developer.android.com/topic/libraries/support-library/androidx-rn
+android.useAndroidX=true

android/gradle/wrapper/gradle-wrapper.properties

@@ -0,0 +1,7 @@
+distributionBase=GRADLE_USER_HOME
+distributionPath=wrapper/dists
+distributionUrl=https\://services.gradle.org/distributions/gradle-8.14.3-all.zip
+networkTimeout=10000
+validateDistributionUrl=true
+zipStoreBase=GRADLE_USER_HOME
+zipStorePath=wrapper/dists

android/gradlew

@@ -0,0 +1,251 @@
+#!/bin/sh
+
+#
+# Copyright © 2015-2021 the original authors.
+#
+# Licensed under the Apache License, Version 2.0 (the "License");
+# you may not use this file except in compliance with the License.
+# You may obtain a copy of the License at
+#
+#      https://www.apache.org/licenses/LICENSE-2.0
+#
+# Unless required by applicable law or agreed to in writing, software
+# distributed under the License is distributed on an "AS IS" BASIS,
+# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+# See the License for the specific language governing permissions and
+# limitations under the License.
+#
+# SPDX-License-Identifier: Apache-2.0
+#
+
+##############################################################################
+#
+#   Gradle start up script for POSIX generated by Gradle.
+#
+#   Important for running:
+#
+#   (1) You need a POSIX-compliant shell to run this script. If your /bin/sh is
+#       noncompliant, but you have some other compliant shell such as ksh or
+#       bash, then to run this script, type that shell name before the whole
+#       command line, like:
+#
+#           ksh Gradle
+#
+#       Busybox and similar reduced shells will NOT work, because this script
+#       requires all of these POSIX shell features:
+#         * functions;
+#         * expansions «$var», «${var}», «${var:-default}», «${var+SET}»,
+#           «${var#prefix}», «${var%suffix}», and «$( cmd )»;
+#         * compound commands having a testable exit status, especially «case»;
+#         * various built-in commands including «command», «set», and «ulimit».
+#
+#   Important for patching:
+#
+#   (2) This script targets any POSIX shell, so it avoids extensions provided
+#       by Bash, Ksh, etc; in particular arrays are avoided.
+#
+#       The "traditional" practice of packing multiple parameters into a
+#       space-separated string is a well documented source of bugs and security
+#       problems, so this is (mostly) avoided, by progressively accumulating
+#       options in "$@", and eventually passing that to Java.
+#
+#       Where the inherited environment variables (DEFAULT_JVM_OPTS, JAVA_OPTS,
+#       and GRADLE_OPTS) rely on word-splitting, this is performed explicitly;
+#       see the in-line comments for details.
+#
+#       There are tweaks for specific operating systems such as AIX, CygWin,
+#       Darwin, MinGW, and NonStop.
+#
+#   (3) This script is generated from the Groovy template
+#       https://github.com/gradle/gradle/blob/HEAD/platforms/jvm/plugins-application/src/main/resources/org/gradle/api/internal/plugins/unixStartScript.txt
+#       within the Gradle project.
+#
+#       You can find Gradle at https://github.com/gradle/gradle/.
+#
+##############################################################################
+
+# Attempt to set APP_HOME
+
+# Resolve links: $0 may be a link
+app_path=$0
+
+# Need this for daisy-chained symlinks.
+while
+    APP_HOME=${app_path%"${app_path##*/}"}  # leaves a trailing /; empty if no leading path
+    [ -h "$app_path" ]
+do
+    ls=$( ls -ld "$app_path" )
+    link=${ls#*' -> '}
+    case $link in             #(
+      /*)   app_path=$link ;; #(
+      *)    app_path=$APP_HOME$link ;;
+    esac
+done
+
+# This is normally unused
+# shellcheck disable=SC2034
+APP_BASE_NAME=${0##*/}
+# Discard cd standard output in case $CDPATH is set (https://github.com/gradle/gradle/issues/25036)
+APP_HOME=$( cd -P "${APP_HOME:-./}" > /dev/null && printf '%s\n' "$PWD" ) || exit
+
+# Use the maximum available, or set MAX_FD != -1 to use that value.
+MAX_FD=maximum
+
+warn () {
+    echo "$*"
+} >&2
+
+die () {
+    echo
+    echo "$*"
+    echo
+    exit 1
+} >&2
+
+# OS specific support (must be 'true' or 'false').
+cygwin=false
+msys=false
+darwin=false
+nonstop=false
+case "$( uname )" in                #(
+  CYGWIN* )         cygwin=true  ;; #(
+  Darwin* )         darwin=true  ;; #(
+  MSYS* | MINGW* )  msys=true    ;; #(
+  NONSTOP* )        nonstop=true ;;
+esac
+
+CLASSPATH="\\\"\\\""
+
+
+# Determine the Java command to use to start the JVM.
+if [ -n "$JAVA_HOME" ] ; then
+    if [ -x "$JAVA_HOME/jre/sh/java" ] ; then
+        # IBM's JDK on AIX uses strange locations for the executables
+        JAVACMD=$JAVA_HOME/jre/sh/java
+    else
+        JAVACMD=$JAVA_HOME/bin/java
+    fi
+    if [ ! -x "$JAVACMD" ] ; then
+        die "ERROR: JAVA_HOME is set to an invalid directory: $JAVA_HOME
+
+Please set the JAVA_HOME variable in your environment to match the
+location of your Java installation."
+    fi
+else
+    JAVACMD=java
+    if ! command -v java >/dev/null 2>&1
+    then
+        die "ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH.
+
+Please set the JAVA_HOME variable in your environment to match the
+location of your Java installation."
+    fi
+fi
+
+# Increase the maximum file descriptors if we can.
+if ! "$cygwin" && ! "$darwin" && ! "$nonstop" ; then
+    case $MAX_FD in #(
+      max*)
+        # In POSIX sh, ulimit -H is undefined. That's why the result is checked to see if it worked.
+        # shellcheck disable=SC2039,SC3045
+        MAX_FD=$( ulimit -H -n ) ||
+            warn "Could not query maximum file descriptor limit"
+    esac
+    case $MAX_FD in  #(
+      '' | soft) :;; #(
+      *)
+        # In POSIX sh, ulimit -n is undefined. That's why the result is checked to see if it worked.
+        # shellcheck disable=SC2039,SC3045
+        ulimit -n "$MAX_FD" ||
+            warn "Could not set maximum file descriptor limit to $MAX_FD"
+    esac
+fi
+
+# Collect all arguments for the java command, stacking in reverse order:
+#   * args from the command line
+#   * the main class name
+#   * -classpath
+#   * -D...appname settings
+#   * --module-path (only if needed)
+#   * DEFAULT_JVM_OPTS, JAVA_OPTS, and GRADLE_OPTS environment variables.
+
+# For Cygwin or MSYS, switch paths to Windows format before running java
+if "$cygwin" || "$msys" ; then
+    APP_HOME=$( cygpath --path --mixed "$APP_HOME" )
+    CLASSPATH=$( cygpath --path --mixed "$CLASSPATH" )
+
+    JAVACMD=$( cygpath --unix "$JAVACMD" )
+
+    # Now convert the arguments - kludge to limit ourselves to /bin/sh
+    for arg do
+        if
+            case $arg in                                #(
+              -*)   false ;;                            # don't mess with options #(
+              /?*)  t=${arg#/} t=/${t%%/*}              # looks like a POSIX filepath
+                    [ -e "$t" ] ;;                      #(
+              *)    false ;;
+            esac
+        then
+            arg=$( cygpath --path --ignore --mixed "$arg" )
+        fi
+        # Roll the args list around exactly as many times as the number of
+        # args, so each arg winds up back in the position where it started, but
+        # possibly modified.
+        #
+        # NB: a `for` loop captures its iteration list before it begins, so
+        # changing the positional parameters here affects neither the number of
+        # iterations, nor the values presented in `arg`.
+        shift                   # remove old arg
+        set -- "$@" "$arg"      # push replacement arg
+    done
+fi
+
+
+# Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.
+DEFAULT_JVM_OPTS='"-Xmx64m" "-Xms64m"'
+
+# Collect all arguments for the java command:
+#   * DEFAULT_JVM_OPTS, JAVA_OPTS, and optsEnvironmentVar are not allowed to contain shell fragments,
+#     and any embedded shellness will be escaped.
+#   * For example: A user cannot expect ${Hostname} to be expanded, as it is an environment variable and will be
+#     treated as '${Hostname}' itself on the command line.
+
+set -- \
+        "-Dorg.gradle.appname=$APP_BASE_NAME" \
+        -classpath "$CLASSPATH" \
+        -jar "$APP_HOME/gradle/wrapper/gradle-wrapper.jar" \
+        "$@"
+
+# Stop when "xargs" is not available.
+if ! command -v xargs >/dev/null 2>&1
+then
+    die "xargs is not available"
+fi
+
+# Use "xargs" to parse quoted args.
+#
+# With -n1 it outputs one arg per line, with the quotes and backslashes removed.
+#
+# In Bash we could simply go:
+#
+#   readarray ARGS < <( xargs -n1 <<<"$var" ) &&
+#   set -- "${ARGS[@]}" "$@"
+#
+# but POSIX shell has neither arrays nor command substitution, so instead we
+# post-process each arg (as a line of input to sed) to backslash-escape any
+# character that might be a shell metacharacter, then use eval to reverse
+# that process (while maintaining the separation between arguments), and wrap
+# the whole thing up as a single "set" statement.
+#
+# This will of course break if any of these variables contains a newline or
+# an unmatched quote.
+#
+
+eval "set -- $(
+        printf '%s\n' "$DEFAULT_JVM_OPTS $JAVA_OPTS $GRADLE_OPTS" |
+        xargs -n1 |
+        sed ' s~[^-[:alnum:]+,./:=@_]~\\&~g; ' |
+        tr '\n' ' '
+    )" '"$@"'
+
+exec "$JAVACMD" "$@"

android/gradlew.bat

@@ -0,0 +1,94 @@
+@rem
+@rem Copyright 2015 the original author or authors.
+@rem
+@rem Licensed under the Apache License, Version 2.0 (the "License");
+@rem you may not use this file except in compliance with the License.
+@rem You may obtain a copy of the License at
+@rem
+@rem      https://www.apache.org/licenses/LICENSE-2.0
+@rem
+@rem Unless required by applicable law or agreed to in writing, software
+@rem distributed under the License is distributed on an "AS IS" BASIS,
+@rem WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+@rem See the License for the specific language governing permissions and
+@rem limitations under the License.
+@rem
+@rem SPDX-License-Identifier: Apache-2.0
+@rem
+
+@if "%DEBUG%"=="" @echo off
+@rem ##########################################################################
+@rem
+@rem  Gradle startup script for Windows
+@rem
+@rem ##########################################################################
+
+@rem Set local scope for the variables with windows NT shell
+if "%OS%"=="Windows_NT" setlocal
+
+set DIRNAME=%~dp0
+if "%DIRNAME%"=="" set DIRNAME=.
+@rem This is normally unused
+set APP_BASE_NAME=%~n0
+set APP_HOME=%DIRNAME%
+
+@rem Resolve any "." and ".." in APP_HOME to make it shorter.
+for %%i in ("%APP_HOME%") do set APP_HOME=%%~fi
+
+@rem Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.
+set DEFAULT_JVM_OPTS="-Xmx64m" "-Xms64m"
+
+@rem Find java.exe
+if defined JAVA_HOME goto findJavaFromJavaHome
+
+set JAVA_EXE=java.exe
+%JAVA_EXE% -version >NUL 2>&1
+if %ERRORLEVEL% equ 0 goto execute
+
+echo. 1>&2
+echo ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH. 1>&2
+echo. 1>&2
+echo Please set the JAVA_HOME variable in your environment to match the 1>&2
+echo location of your Java installation. 1>&2
+
+goto fail
+
+:findJavaFromJavaHome
+set JAVA_HOME=%JAVA_HOME:"=%
+set JAVA_EXE=%JAVA_HOME%/bin/java.exe
+
+if exist "%JAVA_EXE%" goto execute
+
+echo. 1>&2
+echo ERROR: JAVA_HOME is set to an invalid directory: %JAVA_HOME% 1>&2
+echo. 1>&2
+echo Please set the JAVA_HOME variable in your environment to match the 1>&2
+echo location of your Java installation. 1>&2
+
+goto fail
+
+:execute
+@rem Setup the command line
+
+set CLASSPATH=
+
+
+@rem Execute Gradle
+"%JAVA_EXE%" %DEFAULT_JVM_OPTS% %JAVA_OPTS% %GRADLE_OPTS% "-Dorg.gradle.appname=%APP_BASE_NAME%" -classpath "%CLASSPATH%" -jar "%APP_HOME%\gradle\wrapper\gradle-wrapper.jar" %*
+
+:end
+@rem End local scope for the variables with windows NT shell
+if %ERRORLEVEL% equ 0 goto mainEnd
+
+:fail
+rem Set variable GRADLE_EXIT_CONSOLE if you need the _script_ return code instead of
+rem the _cmd.exe /c_ return code!
+set EXIT_CODE=%ERRORLEVEL%
+if %EXIT_CODE% equ 0 set EXIT_CODE=1
+if not ""=="%GRADLE_EXIT_CONSOLE%" exit %EXIT_CODE%
+exit /b %EXIT_CODE%
+
+:mainEnd
+if "%OS%"=="Windows_NT" endlocal
+
+:omega

android/settings.gradle

@@ -0,0 +1,5 @@
+include ':app'
+include ':capacitor-cordova-android-plugins'
+project(':capacitor-cordova-android-plugins').projectDir = new File('./capacitor-cordova-android-plugins/')
+
+apply from: 'capacitor.settings.gradle'

android/variables.gradle

@@ -0,0 +1,16 @@
+ext {
+    minSdkVersion = 24
+    compileSdkVersion = 36
+    targetSdkVersion = 36
+    androidxActivityVersion = '1.11.0'
+    androidxAppCompatVersion = '1.7.1'
+    androidxCoordinatorLayoutVersion = '1.3.0'
+    androidxCoreVersion = '1.17.0'
+    androidxFragmentVersion = '1.8.9'
+    coreSplashScreenVersion = '1.2.0'
+    androidxWebkitVersion = '1.14.0'
+    junitVersion = '4.13.2'
+    androidxJunitVersion = '1.3.0'
+    androidxEspressoCoreVersion = '3.7.0'
+    cordovaAndroidVersion = '14.0.1'
+}

bin/generateEncryptionKey.js

@@ -1,3 +0,0 @@
-import crypto from 'crypto'
-
-console.log(crypto.randomBytes(32).toString('hex'))

bin/uploadArtifacts.js

@@ -0,0 +1,163 @@
+import fs from 'fs'
+import path from 'path'
+import { execSync } from 'child_process'
+import { S3Client, PutObjectCommand } from '@aws-sdk/client-s3'
+import dotenv from 'dotenv'
+
+dotenv.config({ quiet: true })
+
+const DIST_DIR = path.resolve('dist')
+const BUCKET = 'dist'
+
+const client = new S3Client({
+    region: 'us-east-1',
+    endpoint: 'https://s3.takerofnotes.com',
+    forcePathStyle: true,
+    credentials: {
+        accessKeyId: process.env.AWS_ACCESS_KEY_ID,
+        secretAccessKey: process.env.AWS_SECRET_ACCESS_KEY,
+    },
+})
+
+const getContentType = (file) => {
+    if (file.endsWith('.yml')) return 'text/yaml'
+    if (file.endsWith('.json')) return 'application/json'
+    if (file.endsWith('.AppImage')) return 'application/octet-stream'
+    if (file.endsWith('.deb')) return 'application/vnd.debian.binary-package'
+    if (file.endsWith('.exe'))
+        return 'application/vnd.microsoft.portable-executable'
+    if (file.endsWith('.dmg')) return 'application/x-apple-diskimage'
+    return 'application/octet-stream'
+}
+
+const getCurrentTag = () => {
+    try {
+        const tag = execSync('git describe --tags --exact-match 2>/dev/null', {
+            encoding: 'utf8',
+            stdio: ['pipe', 'pipe', 'pipe'],
+        }).trim()
+        return tag
+    } catch {
+        return null
+    }
+}
+
+const isGitTagDirty = () => {
+    try {
+        const status = execSync('git status --porcelain', {
+            encoding: 'utf8',
+            stdio: ['pipe', 'pipe', 'pipe'],
+        }).trim()
+        return status.length > 0
+    } catch {
+        return true
+    }
+}
+
+const uploadFile = async (filePath, platform, version) => {
+    const fileStream = fs.createReadStream(filePath)
+    const fileName = path.basename(filePath)
+    const key = `${platform}/${version}/${fileName}`
+
+    console.log(`Uploading ${fileName} → ${key}`)
+
+    await client.send(
+        new PutObjectCommand({
+            Bucket: BUCKET,
+            Key: key,
+            Body: fileStream,
+            ContentType: getContentType(fileName),
+        }),
+    )
+}
+
+const uploadFileToRoot = async (filePath, platform) => {
+    const fileStream = fs.createReadStream(filePath)
+    const fileName = path.basename(filePath)
+    const key = `${platform}/${fileName}`
+
+    console.log(`Uploading ${fileName} → ${key} (latest)`)
+
+    await client.send(
+        new PutObjectCommand({
+            Bucket: BUCKET,
+            Key: key,
+            Body: fileStream,
+            ContentType: getContentType(fileName),
+        }),
+    )
+}
+
+const main = async () => {
+    const platform = process.argv[2]
+    const version = process.argv[3]
+
+    if (!platform || !version) {
+        console.error('Usage: node uploadArtifacts.js <platform> <version>')
+        console.error('Example: node uploadArtifacts.js win 1.0.0')
+        process.exit(1)
+    }
+
+    const currentTag = getCurrentTag()
+    if (!currentTag) {
+        console.log(
+            'No git tag found. Skipping upload (artifacts are only uploaded on tagged commits).',
+        )
+        return
+    }
+
+    if (currentTag !== version && !currentTag.startsWith(version)) {
+        console.log(
+            `Git tag (${currentTag}) does not match version (${version}). Skipping upload.`,
+        )
+        return
+    }
+
+    if (isGitTagDirty()) {
+        console.log('Git working directory is dirty. Skipping upload.')
+        return
+    }
+
+    console.log(
+        `Uploading artifacts for ${platform} v${version} (tag: ${currentTag})`,
+    )
+
+    if (!fs.existsSync(DIST_DIR)) {
+        throw new Error('dist directory not found. Run build first.')
+    }
+
+    const files = fs.readdirSync(DIST_DIR)
+
+    const uploadTargets = files.filter((file) => {
+        return (
+            file.endsWith('.yml') ||
+            file.endsWith('.AppImage') ||
+            file.endsWith('.deb') ||
+            file.endsWith('.exe') ||
+            file.endsWith('.dmg')
+        )
+    })
+
+    if (uploadTargets.length === 0) {
+        console.log('No artifacts found to upload.')
+        return
+    }
+
+    for (const file of uploadTargets) {
+        const fullPath = path.join(DIST_DIR, file)
+
+        // Keep latest.yml up to date for platform
+        if (file.startsWith('latest') && file.endsWith('.yml')) {
+            await uploadFileToRoot(fullPath, platform)
+        } else {
+            await uploadFile(fullPath, platform, version)
+        }
+    }
+
+    console.log('Upload complete.')
+}
+
+main().catch((err) => {
+    console.error(err)
+    process.exit(1)
+})

capacitor.config.json

@@ -0,0 +1,5 @@
+{
+    "appId": "com.takerofnotes.app",
+    "appName": "Taker of Notes",
+    "webDir": "dist/renderer"
+}

dev-app-update.yml

@@ -1,3 +0,0 @@
-provider: generic
-url: https://example.com/auto-updates
-updaterCacheDirName: app.takerofnotes.com-updater

electron-builder.yml

@@ -30,7 +30,6 @@ dmg:
 linux:
     target:
         - AppImage
-        - snap
         - deb
     maintainer: electronjs.org
     category: Utility
@@ -39,4 +38,4 @@ appImage:
 npmRebuild: false
 publish:
     provider: generic
-    url: https://example.com/auto-updates
+    url: https://s3.takerofnotes.com/dist

electron.vite.config.mjs

@@ -10,6 +10,7 @@ export default defineConfig({
         resolve: {
             alias: {
                 '@': resolve('src/renderer/src'),
+                '@core': resolve('src/core'),
             },
         },
     },

out/main/index.js

@@ -1,201 +0,0 @@
-import "dotenv/config";
-import { electronApp, optimizer, is } from "@electron-toolkit/utils";
-import { app, ipcMain, BrowserWindow, shell } from "electron";
-import filesystemPlugin from "@takerofnotes/plugin-filesystem";
-import supabasePlugin from "@takerofnotes/plugin-supabase";
-import fs from "fs/promises";
-import path, { join } from "path";
-import __cjs_mod__ from "node:module";
-const __filename = import.meta.filename;
-const __dirname = import.meta.dirname;
-const require2 = __cjs_mod__.createRequire(import.meta.url);
-class PluginRegistry {
-  constructor() {
-    this.plugins = /* @__PURE__ */ new Map();
-  }
-  register(plugin) {
-    if (!plugin.id) {
-      throw new Error("Plugin must have an id");
-    }
-    this.plugins.set(plugin.id, plugin);
-  }
-  get(id) {
-    return this.plugins.get(id);
-  }
-  list() {
-    return Array.from(this.plugins.values()).map((plugin) => ({
-      id: plugin.id,
-      name: plugin.name,
-      description: plugin.description,
-      configSchema: plugin.configSchema
-    }));
-  }
-}
-const USER_DATA_STRING = "__DEFAULT_USER_DATA__";
-class Config {
-  constructor(defaultPlugin) {
-    this.defaultPlugin = defaultPlugin;
-    this.configPath = path.join(app.getPath("userData"), "config.json");
-  }
-  // Helper to replace placeholders with dynamic values
-  _resolveDefaults(config) {
-    if (Array.isArray(config)) {
-      return config.map((item) => this._resolveDefaults(item));
-    } else if (config && typeof config === "object") {
-      const resolved = {};
-      for (const [key, value] of Object.entries(config)) {
-        resolved[key] = this._resolveDefaults(value);
-      }
-      return resolved;
-    } else if (typeof config === "string" && config.includes(USER_DATA_STRING)) {
-      return config.replace(USER_DATA_STRING, app.getPath("userData"));
-    } else {
-      return config;
-    }
-  }
-  async load() {
-    let parsed;
-    try {
-      const raw = await fs.readFile(this.configPath, "utf8");
-      parsed = JSON.parse(raw);
-    } catch (err) {
-      parsed = null;
-    }
-    if (!parsed || !parsed.activeAdapter) {
-      const defaultConfig = {};
-      for (const field of this.defaultPlugin.configSchema) {
-        defaultConfig[field.key] = field.default ?? null;
-      }
-      parsed = {
-        ...parsed ? parsed : {},
-        activeAdapter: this.defaultPlugin.id
-      };
-      parsed.adapters[this.defaultPlugin.id] = defaultConfig;
-      await this.write(parsed);
-    } else {
-      parsed.adapterConfig = this._resolveDefaults(parsed.adapterConfig);
-    }
-    return parsed;
-  }
-  async write(configObject) {
-    const dir = path.dirname(this.configPath);
-    await fs.mkdir(dir, { recursive: true });
-    const resolvedConfig = {
-      ...configObject,
-      adapterConfig: this._resolveDefaults(configObject.adapterConfig)
-    };
-    await fs.writeFile(
-      this.configPath,
-      JSON.stringify(resolvedConfig, null, 2),
-      "utf8"
-    );
-  }
-}
-const preloadPath = join(__dirname, "../preload/index.mjs");
-const rendererPath = join(__dirname, "../renderer/index.html");
-function createWindow() {
-  const mainWindow = new BrowserWindow({
-    width: 354,
-    height: 549,
-    show: false,
-    autoHideMenuBar: true,
-    webPreferences: {
-      preload: preloadPath,
-      sandbox: false
-    }
-  });
-  mainWindow.on("ready-to-show", () => {
-    mainWindow.show();
-  });
-  mainWindow.webContents.setWindowOpenHandler((details) => {
-    shell.openExternal(details.url);
-    return { action: "deny" };
-  });
-  if (is.dev && process.env["ELECTRON_RENDERER_URL"]) {
-    mainWindow.loadURL(process.env["ELECTRON_RENDERER_URL"]);
-  } else {
-    mainWindow.loadFile(rendererPath);
-  }
-}
-function createNoteWindow(noteId) {
-  const noteWindow = new BrowserWindow({
-    width: 354,
-    height: 549,
-    autoHideMenuBar: true,
-    webPreferences: {
-      preload: preloadPath,
-      contextIsolation: true,
-      nodeIntegration: false,
-      sandbox: false
-    }
-  });
-  if (is.dev && process.env["ELECTRON_RENDERER_URL"]) {
-    noteWindow.loadURL(
-      `${process.env["ELECTRON_RENDERER_URL"]}/#/note/${noteId}`
-    );
-  } else {
-    noteWindow.loadFile(rendererPath, {
-      hash: `/note/${noteId}`
-    });
-  }
-}
-app.whenReady().then(async () => {
-  ipcMain.on("open-note-window", (_, noteId) => {
-    createNoteWindow(noteId);
-  });
-  const registry = new PluginRegistry();
-  registry.register(filesystemPlugin);
-  registry.register(supabasePlugin);
-  const config = new Config(filesystemPlugin);
-  const initialConfig = await config.load();
-  const setActivePlugin = async (pluginId) => {
-    const currentConfig = await config.load();
-    await config.write({ ...currentConfig, activeAdapter: pluginId });
-    const plugin = registry.get(pluginId);
-    const adapterConfig = currentConfig.adapters[pluginId] || {};
-    const adapter = plugin.createAdapter(adapterConfig);
-    await adapter.init();
-    ipcMain.removeHandler("adapter:call");
-    ipcMain.handle("adapter:call", async (_, method, args) => {
-      if (!adapter[method]) {
-        throw new Error(`Invalid adapter method: ${method}`);
-      }
-      return await adapter[method](...args);
-    });
-    return true;
-  };
-  await setActivePlugin(initialConfig.activeAdapter);
-  ipcMain.handle("getConfig", async () => {
-    return await config.load();
-  });
-  ipcMain.handle("setConfig", async (_, newConfig) => {
-    await config.write(newConfig);
-  });
-  ipcMain.handle("listPlugins", async () => {
-    return registry.list();
-  });
-  ipcMain.handle("setActivePlugin", async (_, pluginId) => {
-    return await setActivePlugin(pluginId);
-  });
-  const broadcastNoteChange = (event, data) => {
-    BrowserWindow.getAllWindows().forEach((win) => {
-      win.webContents.send(event, data);
-    });
-  };
-  ipcMain.on("note-changed", (_, event, data) => {
-    broadcastNoteChange(event, data);
-  });
-  electronApp.setAppUserModelId("com.electron");
-  app.on("browser-window-created", (_, window) => {
-    optimizer.watchWindowShortcuts(window);
-  });
-  createWindow();
-  app.on("activate", function() {
-    if (BrowserWindow.getAllWindows().length === 0) createWindow();
-  });
-});
-app.on("window-all-closed", () => {
-  if (process.platform !== "darwin") {
-    app.quit();
-  }
-});

out/preload/index.mjs

@@ -1,36 +0,0 @@
-import { contextBridge, ipcRenderer } from "electron";
-const api = {
-  getConfig: () => ipcRenderer.invoke("getConfig"),
-  setConfig: (config) => ipcRenderer.invoke("setConfig", config),
-  listPlugins: () => ipcRenderer.invoke("listPlugins"),
-  setActivePlugin: (pluginId) => ipcRenderer.invoke("setActivePlugin", pluginId),
-  openNoteWindow: (noteId) => {
-    ipcRenderer.send("open-note-window", noteId);
-  },
-  onNoteCreated: (callback) => {
-    ipcRenderer.on("note-created", (_, data) => callback(data));
-  },
-  onNoteUpdated: (callback) => {
-    ipcRenderer.on("note-updated", (_, data) => callback(data));
-  },
-  onNoteDeleted: (callback) => {
-    ipcRenderer.on("note-deleted", (_, data) => callback(data));
-  },
-  notifyNoteChanged: (event, data) => {
-    ipcRenderer.send("note-changed", event, data);
-  }
-};
-const adapter = {
-  call: (method, ...args) => ipcRenderer.invoke("adapter:call", method, args)
-};
-if (process.contextIsolated) {
-  try {
-    contextBridge.exposeInMainWorld("api", api);
-    contextBridge.exposeInMainWorld("adapter", adapter);
-  } catch (error) {
-    console.error(error);
-  }
-} else {
-  window.api = api;
-  window.adapter = adapter;
-}

out/renderer/assets/__vite-browser-external-2Ng8QIWW.js

@@ -1,4 +0,0 @@
-const __viteBrowserExternal = {};
-export {
-  __viteBrowserExternal as default
-};

out/renderer/assets/index-CVyE7-c9.css

@@ -1,826 +0,0 @@
-@charset "UTF-8";
-:root {
-  --black: #181818;
-  --white: #D5D5D5;
-  --grey-100: #747474;
-  --green: #87FF5B;
-  --blue: #5B92FF;
-}
-
-:root .theme-dark {
-  --theme-bg: #181818;
-  --theme-fg: #D5D5D5;
-  --theme-accent: #87FF5B;
-  --theme-link: #5B92FF;
-}
-:root .theme-light {
-  --theme-bg: #D5D5D5;
-  --theme-fg: #181818;
-  --theme-accent: #87FF5B;
-  --theme-link: #5B92FF;
-}
-
-:root {
-  --ease-in-quad: cubic-bezier(0.55, 0.085, 0.68, 0.53);
-  --ease-in-cubic: cubic-bezier(0.55, 0.055, 0.675, 0.19);
-  --ease-in-quart: cubic-bezier(0.895, 0.03, 0.685, 0.22);
-  --ease-in-quint: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-  --ease-in-expo: cubic-bezier(0.95, 0.05, 0.795, 0.035);
-  --ease-in-circ: cubic-bezier(0.6, 0.04, 0.98, 0.335);
-  --ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94);
-  --ease-out-cubic: cubic-bezier(0.215, 0.61, 0.355, 1);
-  --ease-out-quart: cubic-bezier(0.165, 0.84, 0.44, 1);
-  --ease-out-quint: cubic-bezier(0.23, 1, 0.32, 1);
-  --ease-out-expo: cubic-bezier(0.19, 1, 0.22, 1);
-  --ease-out-circ: cubic-bezier(0.075, 0.82, 0.165, 1);
-  --ease-in-out-quad: cubic-bezier(0.455, 0.03, 0.515, 0.955);
-  --ease-in-out-cubic: cubic-bezier(0.645, 0.045, 0.355, 1);
-  --ease-in-out-quart: cubic-bezier(0.77, 0, 0.175, 1);
-  --ease-in-out-quint: cubic-bezier(0.86, 0, 0.07, 1);
-  --ease-in-out-expo: cubic-bezier(1, 0, 0, 1);
-  --ease-in-out-circ: cubic-bezier(0.785, 0.135, 0.15, 0.86);
-  --ease-custom: cubic-bezier(0.315, 0.365, 0.23, 0.985);
-}
-
-/***
-    The new CSS reset - version 1.9 (last updated 19.6.2023)
-    GitHub page: https://github.com/elad2412/the-new-css-reset
-***/
-/*
-    Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property
-    - The "symbol *" part is to solve Firefox SVG sprite bug
-    - The "html" element is excluded, otherwise a bug in Chrome breaks the CSS hyphens property (https://github.com/elad2412/the-new-css-reset/issues/36)
- */
-*:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) {
-  all: unset;
-  display: revert;
-}
-
-/* Preferred box-sizing value */
-*,
-*::before,
-*::after {
-  box-sizing: border-box;
-}
-
-/* Reapply the pointer cursor for anchor tags */
-a,
-button {
-  cursor: revert;
-}
-
-/* For images to not be able to exceed their container */
-img {
-  max-inline-size: 100%;
-  max-block-size: 100%;
-}
-
-/* removes spacing between cells in tables */
-table {
-  border-collapse: collapse;
-}
-
-/* Safari - solving issue when using user-select:none on the <body> text input doesn't working */
-input,
-textarea {
-  -webkit-user-select: auto;
-}
-
-/* revert the 'white-space' property for textarea elements on Safari */
-textarea {
-  white-space: revert;
-}
-
-/* minimum style to allow to style meter element */
-meter {
-  -webkit-appearance: revert;
-  appearance: revert;
-}
-
-/* preformatted text - use only for this feature */
-:where(pre) {
-  all: revert;
-}
-
-/* reset default text opacity of input placeholder */
-::placeholder {
-  color: unset;
-}
-
-/* remove default dot (•) sign */
-::marker {
-  content: initial;
-}
-
-/* fix the feature of 'hidden' attribute.
- display:revert; revert to element instead of attribute */
-:where([hidden]) {
-  display: none;
-}
-
-/* revert for bug in Chromium browsers
- - fix for the content editable attribute will work properly.
- - webkit-user-select: auto; added for Safari in case of using user-select:none on wrapper element*/
-:where([contenteditable]:not([contenteditable=false])) {
-  -moz-user-modify: read-write;
-  -webkit-user-modify: read-write;
-  overflow-wrap: break-word;
-  -webkit-line-break: after-white-space;
-  -webkit-user-select: auto;
-}
-
-/* apply back the draggable feature - exist only in Chromium and Safari */
-:where([draggable=true]) {
-  -webkit-user-drag: element;
-}
-
-/* Revert Modal native behavior */
-:where(dialog:modal) {
-  all: revert;
-}
-
-.menu {
-  z-index: 10;
-}
-
-.full-width {
-  width: 100vw;
-  position: relative;
-  left: 50%;
-  right: 50%;
-  margin-left: -50vw;
-  margin-right: -50vw;
-}
-
-.overflow-hidden {
-  overflow: hidden;
-}
-
-.relative {
-  position: relative;
-}
-
-html:not(.has-scroll-smooth) .hide-on-native-scroll {
-  display: none;
-}
-
-/*
-    Font Weights:
-        100 - Thin
-        200 - Extra Light (Ultra Light)
-        300 - Light
-        400 - Normal
-        500 - Medium
-        600 - Semi Bold (Demi Bold)
-        700 - Bold
-        800 - Extra Bold (Ultra Bold)
-        900 - Black (Heavy)
-*/
-/* Leibniz Fraktur */
-@font-face {
-  font-family: "Leibniz Fraktur";
-  font-style: normal;
-  font-weight: 400;
-  src: url("./neuefraktur-A4S1ACH2.woff2") format("woff2"), url("./neuefraktur-CwjUIZ0G.woff") format("woff");
-}
-/* Geist Mono */
-@font-face {
-  font-family: "Geist Mono";
-  font-style: normal;
-  font-weight: 700;
-  src: url("./geist-mono-bold-CTLtpKvJ.woff2") format("woff2"), url("./geist-mono-bold-Bz_UliG4.woff") format("woff");
-}
-@font-face {
-  font-family: "Geist Mono";
-  font-style: normal;
-  font-weight: 400;
-  src: url("./geist-mono-BzrJhchg.woff2") format("woff2"), url("./geist-mono-OFKGen7b.woff") format("woff");
-}
-:root {
-  --font-display: 'Leibniz Fraktur', serif;
-  --font-mono: 'Geist Mono', monospace;
-}
-
-:root {
-  --layout-column-count: 6;
-  --layout-column-gap: 10px;
-  --layout-margin: 20px;
-  --layout-width: calc(100vw - (2 * var(--layout-margin)));
-  --layout-column-width: calc(
-      (
-              var(--layout-width) -
-                  (
-                      (var(--layout-column-count) - 1) *
-                          var(--layout-column-gap)
-                  )
-          ) /
-          var(--layout-column-count)
-  );
-}
-
-.layout-block, .layout-grid {
-  padding-left: var(--layout-margin);
-  padding-right: var(--layout-margin);
-  width: 100%;
-}
-
-.layout-grid {
-  display: grid;
-  grid-template-columns: repeat(var(--layout-column-count), minmax(0, 1fr));
-  grid-gap: var(--layout-column-gap);
-}
-
-html,
-html * {
-  scrollbar-width: none !important;
-  -ms-overflow-style: none !important;
-}
-html::-webkit-scrollbar,
-html *::-webkit-scrollbar {
-  width: 0 !important;
-  height: 0 !important;
-}
-
-.fade-enter-active,
-.fade-leave-active {
-  transition: opacity 400ms;
-}
-
-.fade-enter-from,
-.fade-leave-to {
-  opacity: 0;
-}
-
-.quick-fade-enter-active,
-.quick-fade-leave-active {
-  transition: opacity 100ms;
-}
-
-.quick-fade-enter-from,
-.quick-fade-leave-to {
-  opacity: 0;
-}
-
-.slow-fade-enter-active,
-.slow-fade-leave-active {
-  transition: opacity 600ms;
-}
-
-.slow-fade-enter-from,
-.slow-fade-leave-to {
-  opacity: 0;
-}
-
-.slide-up-enter-active,
-.slide-up-leave-active {
-  transition: transform 400ms var(--ease-out-quad);
-}
-
-.slide-up-enter-from,
-.slide-up-leave-to {
-  transform: translateY(-100%);
-}
-
-.slide-left-enter-active,
-.slide-left-leave-active {
-  transition: transform 400ms var(--ease-out-quad);
-}
-
-.slide-left-enter-from,
-.slide-left-leave-to {
-  transform: translateX(-100%);
-}
-
-:root {
-  font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
-  background: var(--black);
-  font-synthesis: none;
-  text-rendering: optimizeLegibility;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-
-body {
-  margin: 0;
-  min-height: 100vh;
-}
-
-.h1,
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-  font-family: var(--font-display);
-  font-weight: 400;
-  letter-spacing: -0.02em;
-  line-height: 1.3;
-  font-size: 30px;
-}
-.h1.mono,
-h1.mono,
-h2.mono,
-h3.mono,
-h4.mono,
-h5.mono,
-h6.mono {
-  font-family: var(--font-mono);
-  font-weight: 400;
-  line-height: 1;
-  font-size: 22px;
-}
-
-.p,
-p,
-a,
-button,
-input,
-pre,
-span {
-  font-family: var(--font-mono);
-  font-weight: 400;
-  line-height: 1;
-  font-size: 12px;
-}
-
-.bold {
-  font-weight: 700;
-}
-
-#app {
-  min-height: 100vh;
-}
-
-button {
-  cursor: pointer;
-}
-
-::selection {
-  color: var(--theme-bg);
-  background: var(--theme-fg);
-}
-
-::-moz-selection {
-  color: var(--theme-bg);
-  background: var(--theme-fg);
-}.theme-switcher {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  gap: 10px;
-}
-.theme-switcher button {
-  background: var(--theme-bg);
-  display: block;
-  width: 14px;
-  height: 14px;
-  border-radius: 50%;
-  border: none;
-  cursor: pointer;
-}
-.theme-switcher button.active {
-  border: 1px solid var(--theme-fg);
-}
-.theme-switcher:hover {
-  color: var(--theme-fg) !important;
-}.nav {
-  display: flex;
-  align-items: center;
-  gap: 10px;
-  padding-top: 9px;
-  color: var(--grey-100);
-}.menu {
-  position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-  background: var(--theme-bg);
-  border-bottom: 1px solid var(--grey-100);
-}
-.menu .menu-wrap {
-  display: flex;
-  flex-direction: column;
-  padding-top: 3px;
-  padding-bottom: 10px;
-}
-.menu .menu-wrap .menu-item {
-  padding: 16px 0;
-  text-align: center;
-}
-.menu .menu-wrap .menu-item:not(:last-child) {
-  border-bottom: 1px dashed currentColor;
-}
-.menu .menu-wrap .menu-item:hover {
-  color: var(--theme-accent);
-}
-.menu.menu-enter-active, .menu.menu-leave-active {
-  transition: transform 300ms var(--ease-out-expo);
-}
-.menu.menu-enter-from, .menu.menu-leave-to {
-  transform: translateY(-100%);
-}.scroll-bar {
-  position: fixed;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  width: 8px;
-  will-change: transform;
-  border-left: 1px solid var(--grey-100);
-}
-.scroll-bar .inner {
-  height: 100%;
-  position: relative;
-}
-.scroll-bar .inner .handle {
-  width: 100%;
-  height: 388px;
-  background: var(--grey-100);
-  border-radius: 20px;
-  position: absolute;
-  right: 0;
-  will-change: transform;
-}.container {
-  min-height: calc(100 * var(--vh));
-  max-width: 100vw;
-  overflow-x: clip;
-  background: var(--theme-bg);
-  color: var(--theme-fg);
-  transition: opacity 400ms;
-}
-.container:not(.fonts-ready) {
-  opacity: 0;
-}.category-row {
-  display: grid;
-  grid-template-columns: 26px 1fr auto;
-  align-items: flex-start;
-  width: 100%;
-  position: relative;
-  padding: 8px 0 6px;
-  border-bottom: 1px dashed currentColor;
-  cursor: pointer;
-}
-.category-row .index {
-  margin-top: 19px;
-  font-family: var(--font-mono);
-  font-weight: 400;
-  line-height: 1;
-  font-size: 12px;
-}
-.category-row .title {
-  display: block;
-  width: 100%;
-  display: -webkit-box;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 2;
-}
-.category-row .category-input {
-  display: block;
-  width: 100%;
-  font-family: var(--font-display);
-  font-weight: 400;
-  letter-spacing: -0.02em;
-  line-height: 1.3;
-  font-size: 30px;
-}
-.category-row .category-input:focus {
-  outline: none;
-}
-.category-row .edit-button,
-.category-row .save-button {
-  color: var(--grey-100);
-  cursor: pointer;
-  padding-right: 0.5em;
-  padding-left: 0.5em;
-  margin-top: 1.5em;
-}
-.category-row .edit-button {
-  opacity: 0;
-  pointer-events: none;
-}
-.category-row.editable:hover .edit-button {
-  opacity: 1;
-  pointer-events: auto;
-}
-.category-row.router-link-exact-active, .category-row.editable {
-  cursor: default;
-}
-.category-row:hover:not(.router-link-exact-active):not(.editable) {
-  color: var(--theme-accent);
-}.note-row {
-  grid-template-columns: auto 1fr;
-  display: grid;
-  width: 100%;
-  gap: 20px;
-  cursor: pointer;
-}
-.note-row .title {
-  width: calc(100% - 43.2px);
-  position: relative;
-}
-.note-row .title::after {
-  content: "(open)";
-  position: absolute;
-  bottom: 0;
-  right: 0;
-  transform: translateX(100%);
-  font-weight: 700;
-  opacity: 0;
-}
-.note-row:hover {
-  color: var(--theme-accent);
-}
-.note-row:hover .title::after {
-  opacity: 1;
-}main.directory {
-  padding-top: 18px;
-  padding-bottom: 30px;
-}
-main.directory .label {
-  text-transform: uppercase;
-  margin: 17px 0 24px;
-  font-family: var(--font-mono);
-  font-weight: 400;
-  line-height: 1;
-  font-size: 12px;
-}
-main.directory .notes {
-  display: flex;
-  flex-direction: column;
-  gap: 14px;
-}.note-menu {
-  display: flex;
-  gap: 5px;
-  border: 1px solid var(--grey-100);
-  color: var(--grey-100);
-  border-radius: 0.2em;
-  background: var(--theme-bg);
-}
-.note-menu button {
-  cursor: pointer;
-  padding: 0.2em;
-  border-radius: 0.2em;
-}
-.note-menu button:hover {
-  background: var(--grey-100);
-  color: var(--theme-bg);
-}
-.note-menu button.active {
-  background: var(--theme-fg);
-  color: var(--theme-bg);
-}
-.note-editor h1 {
-  font-weight: 700 !important;
-  font-family: var(--font-mono);
-  font-weight: 400;
-  line-height: 1;
-  font-size: 12px;
-}
-.note-editor h1:first-child {
-  font-family: var(--font-mono);
-  font-size: 12px;
-  font-weight: 400 !important;
-}
-.note-editor h1:first-child:first-child::first-letter {
-  font-family: var(--font-display);
-  font-size: 42px;
-}
-.note-editor h1.is-editor-empty:first-child::before {
-  color: var(--grey-100);
-  content: attr(data-placeholder);
-  pointer-events: none;
-  font-family: var(--font-mono);
-  font-size: 12px;
-  font-weight: 400 !important;
-}
-.note-editor h1.is-editor-empty:first-child::before:first-child::first-letter {
-  font-family: var(--font-display);
-  font-size: 42px;
-}
-.note-editor p strong {
-  font-weight: 700;
-}
-.note-editor p em {
-  font-style: italic;
-}
-.note-editor hr {
-  border: 1px dashed currentColor;
-}
-.note-editor ul {
-  list-style-type: disc;
-}
-.note-editor ul li {
-  display: list-item;
-  margin-left: 1em;
-}
-.note-editor ul li *:not(:last-child) {
-  margin-bottom: 0.5em;
-}
-.note-editor ol {
-  list-style-type: decimal;
-}
-.note-editor ol li {
-  display: list-item;
-  margin-left: 1.5em;
-}
-.note-editor ol li::marker {
-  font-family: var(--font-mono);
-  font-weight: 400;
-  line-height: 1;
-  font-size: 12px;
-}
-.note-editor li:not(:last-child) {
-  margin-bottom: 0.5em;
-}
-.note-editor a {
-  color: var(--theme-link);
-  cursor: pointer;
-}
-.note-editor code {
-  border: 1px solid var(--grey-100);
-  color: var(--theme-accent);
-  padding: 0 0.2em;
-  border-radius: 0.2em;
-}
-.note-editor pre code {
-  display: block;
-  color: inherit;
-  padding: 1em;
-  /* Code styling */
-}
-.note-editor pre code .hljs-comment,
-.note-editor pre code .hljs-quote {
-  color: #616161;
-}
-.note-editor pre code .hljs-variable,
-.note-editor pre code .hljs-template-variable,
-.note-editor pre code .hljs-attribute,
-.note-editor pre code .hljs-tag,
-.note-editor pre code .hljs-name,
-.note-editor pre code .hljs-regexp,
-.note-editor pre code .hljs-link,
-.note-editor pre code .hljs-name,
-.note-editor pre code .hljs-selector-id,
-.note-editor pre code .hljs-selector-class {
-  color: #f98181;
-}
-.note-editor pre code .hljs-number,
-.note-editor pre code .hljs-meta,
-.note-editor pre code .hljs-built_in,
-.note-editor pre code .hljs-builtin-name,
-.note-editor pre code .hljs-literal,
-.note-editor pre code .hljs-type,
-.note-editor pre code .hljs-params {
-  color: #fbbc88;
-}
-.note-editor pre code .hljs-string,
-.note-editor pre code .hljs-symbol,
-.note-editor pre code .hljs-bullet {
-  color: #b9f18d;
-}
-.note-editor pre code .hljs-title,
-.note-editor pre code .hljs-section {
-  color: #faf594;
-}
-.note-editor pre code .hljs-keyword,
-.note-editor pre code .hljs-selector-tag {
-  color: #70cff8;
-}
-.note-editor pre code .hljs-emphasis {
-  font-style: italic;
-}
-.note-editor pre code .hljs-strong {
-  font-weight: 700;
-}
-.note-editor blockquote {
-  border-left: 4px solid var(--grey-100);
-  padding-left: 0.5em;
-}
-.note-editor s {
-  position: relative;
-}
-.note-editor s::after {
-  content: " ";
-  display: block;
-  position: absolute;
-  top: 50%;
-  left: 0;
-  right: 0;
-  height: 1px;
-  background: currentColor;
-}
-.note-editor mark {
-  background: var(--theme-accent);
-  color: var(--theme-bg);
-  padding: 0 0.2em;
-}
-.note-editor ul[data-type=taskList] {
-  list-style: none;
-  margin-left: 0;
-  padding: 0;
-}
-.note-editor ul[data-type=taskList] li {
-  align-items: center;
-  display: flex;
-  margin-left: 0;
-}
-.note-editor ul[data-type=taskList] li > label {
-  flex: 0 0 auto;
-  margin-right: 0.5rem;
-  user-select: none;
-  margin-bottom: 0;
-}
-.note-editor ul[data-type=taskList] li > label input {
-  margin: 0;
-}
-.note-editor ul[data-type=taskList] li > div {
-  flex: 1 1 auto;
-}
-.note-editor ul[data-type=taskList] input[type=checkbox] {
-  cursor: pointer;
-  display: block;
-  width: 1.5em;
-  height: 1.5em;
-  border: 1px solid var(--grey-100);
-  border-radius: 0.2em;
-}
-.note-editor ul[data-type=taskList] input[type=checkbox]::after {
-  content: "✓";
-  font-size: 1.5em;
-  opacity: 0;
-}
-.note-editor ul[data-type=taskList] input[type=checkbox]:checked::after {
-  opacity: 1;
-}
-.note-editor ul[data-type=taskList] ul[data-type=taskList] {
-  margin: 0;
-}
-.note-editor .editor-wrap > div {
-  display: flex;
-  flex-direction: column;
-  gap: 20px;
-}
-.note-editor .editor-wrap > div:focus {
-  outline: none;
-}main.note {
-  padding-top: 8px;
-  padding-bottom: 20px;
-}main.category .back {
-  display: block;
-  opacity: 0.25;
-  margin-top: 9px;
-}
-main.category .category-row {
-  margin-top: 4px;
-}
-main.category .notes {
-  display: flex;
-  flex-direction: column;
-  gap: 14px;
-  margin-top: 9px;
-}
-main.category .new-note {
-  display: block;
-  margin: 50px auto 0;
-}main.instructions .back-link {
-  opacity: 0.25;
-  display: block;
-  margin-top: 9px;
-  margin-bottom: 14px;
-}main.search .back {
-  display: block;
-  opacity: 0.25;
-  margin-top: 9px;
-}
-main.search .input-wrap {
-  margin-top: 19px;
-  position: relative;
-}
-main.search .input-wrap input {
-  display: block;
-  width: 100%;
-  position: relative;
-  padding: 5px 15px 6px;
-  background: var(--theme-bg);
-  --clip-start: 16px;
-  clip-path: polygon(var(--clip-start) 1px, calc(100% - var(--clip-start)) 1px, calc(100% - 1.5px) 50%, calc(100% - var(--clip-start)) calc(100% - 1px), var(--clip-start) calc(100% - 1px), 1.5px 50%);
-}
-main.search .input-wrap::before {
-  content: "";
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  background: var(--theme-fg);
-  --clip-start: 15px;
-  clip-path: polygon(var(--clip-start) 0, calc(100% - var(--clip-start)) 0, 100% 50%, calc(100% - var(--clip-start)) 100%, var(--clip-start) 100%, 0% 50%);
-}
-main.search .results {
-  margin-top: 20px;
-  display: flex;
-  flex-direction: column;
-  gap: 14px;
-}

out/renderer/index.html

@@ -1,18 +0,0 @@
-<!doctype html>
-<html>
-    <head>
-        <meta charset="UTF-8" />
-        <title>Electron</title>
-        <!-- https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP -->
-        <meta
-            http-equiv="Content-Security-Policy"
-            content="default-src 'self'; script-src 'self'; style-src 'self' 'unsafe-inline'; img-src 'self' data:"
-        />
-      <script type="module" crossorigin src="./assets/index-CoqDP7Z2.js"></script>
-      <link rel="stylesheet" crossorigin href="./assets/index-CVyE7-c9.css">
-    </head>
-
-    <body>
-        <div id="app"></div>
-    </body>
-</html>

package.json

@@ -1,6 +1,6 @@
 {
     "name": "takerofnotes-app",
-    "version": "0.1.0",
+    "version": "0.3.0",
     "description": "An Electron application with Vue",
     "main": "./out/main/index.js",
     "author": "example.com",
@@ -19,32 +19,46 @@
         "build": "electron-vite build",
         "build:web": "vite build",
         "postinstall": "electron-builder install-app-deps",
-        "build:unpack": "npm run build && electron-builder --dir",
         "build:win": "npm run build && electron-builder --win",
         "build:mac": "npm run build && electron-builder --mac",
-        "build:linux": "npm run build && electron-builder --linux"
+        "build:linux": "npm run build && electron-builder --linux",
+        "release:win": "node bin/uploadArtifacts.js win $npm_package_version",
+        "release:mac": "node bin/uploadArtifacts.js mac $npm_package_version",
+        "release:linux": "node bin/uploadArtifacts.js linux $npm_package_version"
     },
     "dependencies": {
+        "@capacitor/android": "^8.3.0",
+        "@capacitor/core": "^8.3.0",
+        "@capacitor/ios": "^8.3.0",
+        "@capacitor/preferences": "^8.0.1",
         "@electron-toolkit/preload": "^3.0.2",
         "@electron-toolkit/utils": "^4.0.0",
         "@fuzzco/font-loader": "^1.0.2",
-        "@takerofnotes/plugin-filesystem": "^0.2.0",
+        "@takerofnotes/plugin-browser": "^0.2.0",
-        "@takerofnotes/plugin-supabase": "^0.1.0",
+        "@takerofnotes/plugin-filesystem": "^0.3.0",
+        "@takerofnotes/plugin-postgre-sql": "^0.1.0",
+        "@takerofnotes/plugin-s3": "^0.2.0",
+        "@takerofnotes/plugin-supabase": "^0.2.0",
         "@tiptap/extension-code-block-lowlight": "^3.20.0",
         "@tiptap/extension-document": "^3.19.0",
         "@tiptap/extension-highlight": "^3.20.0",
         "@tiptap/extension-list": "^3.20.0",
+        "@tiptap/markdown": "^3.20.4",
         "@tiptap/starter-kit": "^3.19.0",
         "@tiptap/vue-3": "^3.19.0",
         "@vueuse/core": "^14.2.1",
+        "ajv": "^6.14.0",
+        "archiver": "^7.0.1",
         "dotenv": "^17.3.1",
         "electron-updater": "^6.3.9",
         "fecha": "^4.2.3",
         "flexsearch": "^0.8.212",
         "gsap": "^3.14.2",
+        "jszip": "^3.10.1",
         "libsodium-wrappers": "^0.8.2",
         "lodash": "^4.17.23",
         "lowlight": "^3.3.0",
+        "markdown-it": "^14.1.1",
         "sass": "^1.97.3",
         "sass-embedded": "^1.97.3",
         "tempus": "^1.0.0-dev.17",
@@ -52,6 +66,8 @@
         "vue-router": "^5.0.3"
     },
     "devDependencies": {
+        "@aws-sdk/client-s3": "^3.1025.0",
+        "@capacitor/cli": "^8.3.0",
         "@vitejs/plugin-vue": "^6.0.2",
         "electron": "^39.2.6",
         "electron-builder": "^26.0.12",

src/core/CapacitorStorage.js

@@ -0,0 +1,20 @@
+import { Preferences } from '@capacitor/preferences'
+
+const CONFIG_KEY = 'app_config'
+
+export function createCapacitorStorage() {
+    return {
+        async load() {
+            const { value } = await Preferences.get({ key: CONFIG_KEY })
+            return value ? JSON.parse(value) : null
+        },
+        async save(data) {
+            await Preferences.set({
+                key: CONFIG_KEY,
+                value: JSON.stringify(data),
+            })
+        },
+    }
+}
+
+export default createCapacitorStorage

src/core/ConfigManager.js

@@ -0,0 +1,137 @@
+import Ajv from 'ajv'
+
+const ajv = new Ajv({ allErrors: true, strict: false })
+
+const getDefaultConfig = () => {
+    return {
+        activeAdapter: 'browser',
+        theme: 'dark',
+        enableBlackletter: 'true',
+        openNotesInNewWindow: 'true',
+    }
+}
+
+const CONFIG_SCHEMA = {
+    type: 'object',
+    properties: {
+        activeAdapter: { type: 'string' },
+        theme: { type: 'string', enum: ['dark', 'light'] },
+        encryptionKey: { type: 'string' },
+        adapters: { type: 'object' },
+    },
+    required: ['activeAdapter'],
+    additionalProperties: true,
+}
+
+const validateConfig = ajv.compile(CONFIG_SCHEMA)
+
+const convertSchemaToJson = (schemaArray) => {
+    const properties = {}
+    const required = []
+
+    for (const field of schemaArray) {
+        properties[field.key] = { type: 'string' }
+
+        if (field.required) {
+            required.push(field.key)
+        }
+    }
+
+    return {
+        type: 'object',
+        properties,
+        required,
+        additionalProperties: false,
+    }
+}
+
+const validateAdapterConfigs = (adapters, pluginManager) => {
+    if (!adapters || !pluginManager) return { valid: true, errors: [] }
+
+    const errors = []
+
+    for (const [adapterId, adapterConfig] of Object.entries(adapters)) {
+        const plugin = pluginManager.getPlugin(adapterId)
+        if (!plugin?.configSchema) continue
+
+        const schema = convertSchemaToJson(plugin.configSchema)
+        const validate = ajv.compile(schema)
+        const valid = validate(adapterConfig)
+
+        if (!valid) {
+            const adapterErrors = validate.errors.map(
+                (e) => `${adapterId}${e.instancePath}: ${e.message}`,
+            )
+            errors.push(...adapterErrors)
+        }
+    }
+
+    return { valid: errors.length === 0, errors }
+}
+
+export const createConfigManager = (storage, pluginManager) => {
+    let config = null
+
+    return {
+        async loadConfig() {
+            if (config) return config
+
+            const stored = await storage.load()
+            config = stored || getDefaultConfig()
+
+            if (!stored) {
+                await storage.save(config)
+            }
+
+            return config
+        },
+
+        getConfig() {
+            return config
+        },
+
+        async setConfig(newConfig) {
+            const valid = validateConfig(newConfig)
+            if (!valid) {
+                const errors = validateConfig.errors
+                    .map((e) => `${e.instancePath || 'root'}: ${e.message}`)
+                    .join('; ')
+                throw new Error(`Config validation failed: ${errors}`)
+            }
+
+            const adapterValidation = validateAdapterConfigs(
+                newConfig.adapters,
+                pluginManager,
+            )
+            if (!adapterValidation.valid) {
+                throw new Error(
+                    `Adapter config validation failed: ${adapterValidation.errors.join('; ')}`,
+                )
+            }
+
+            config = newConfig
+            await storage.save(newConfig)
+        },
+
+        async refreshConfig() {
+            config = await storage.load()
+        },
+    }
+}
+
+export const createConfigManagerClient = () => {
+    return {
+        async loadConfig() {
+            return await window.api.configManagerCall('loadConfig')
+        },
+        async getConfig() {
+            return await window.api.configManagerCall('getConfig')
+        },
+        async setConfig(newConfig) {
+            return await window.api.configManagerCall('setConfig', newConfig)
+        },
+        async refreshConfig() {
+            return await window.api.configManagerCall('refreshConfig')
+        },
+    }
+}

src/core/IpcAdapter.js

@@ -0,0 +1,23 @@
+export default class IpcAdapter {
+    constructor() {}
+
+    async init() {
+        return await window.api.adapterCall('init')
+    }
+
+    async getAll() {
+        return await window.api.adapterCall('getAll')
+    }
+
+    async create(note) {
+        return await window.api.adapterCall('create', note)
+    }
+
+    async update(note) {
+        return await window.api.adapterCall('update', note)
+    }
+
+    async delete(id) {
+        return await window.api.adapterCall('delete', id)
+    }
+}

src/core/NodeStorage.js

@@ -0,0 +1,81 @@
+import fs from 'fs/promises'
+import path from 'path'
+import { app } from 'electron'
+
+const USER_DATA_STRING = '__DEFAULT_USER_DATA__'
+
+export function createNodeStorage(defaultPlugin = null) {
+    const configPath = path.join(app.getPath('userData'), 'config.json')
+
+    function resolveDefaults(obj) {
+        if (Array.isArray(obj)) {
+            return obj.map(resolveDefaults)
+        } else if (obj && typeof obj === 'object') {
+            const resolved = {}
+            for (const [key, value] of Object.entries(obj)) {
+                resolved[key] = resolveDefaults(value)
+            }
+            return resolved
+        } else if (typeof obj === 'string' && obj.includes(USER_DATA_STRING)) {
+            return obj.replace(USER_DATA_STRING, app.getPath('userData'))
+        }
+        return obj
+    }
+
+    return {
+        async load() {
+            let parsed
+            try {
+                const raw = await fs.readFile(configPath, 'utf8')
+                parsed = JSON.parse(raw)
+            } catch {
+                parsed = null
+            }
+
+            if (!parsed || !parsed.activeAdapter) {
+                const defaultConfig = {}
+                if (defaultPlugin) {
+                    for (const field of defaultPlugin.configSchema) {
+                        defaultConfig[field.key] = field.default ?? null
+                    }
+                }
+
+                const resolvedDefaults = resolveDefaults(defaultConfig)
+
+                parsed = {
+                    ...(parsed ? parsed : {}),
+                    activeAdapter: defaultPlugin?.id || 'filesystem',
+                    adapters: {},
+                    theme: 'dark',
+                }
+                if (defaultPlugin) {
+                    parsed.adapters[defaultPlugin.id] = resolvedDefaults
+                }
+
+                await this.save(parsed)
+            } else {
+                parsed.adapters = resolveDefaults(parsed.adapters)
+            }
+
+            return parsed
+        },
+
+        async save(configObject) {
+            const dir = path.dirname(configPath)
+            await fs.mkdir(dir, { recursive: true })
+
+            const resolved = {
+                ...configObject,
+                adapters: resolveDefaults(configObject.adapters),
+            }
+
+            await fs.writeFile(
+                configPath,
+                JSON.stringify(resolved, null, 2),
+                'utf8',
+            )
+        },
+    }
+}
+
+export default createNodeStorage

src/core/NotesAPI.js

@@ -1,7 +1,6 @@
 import sodium from 'libsodium-wrappers'
 import { v4 as uuidv4 } from 'uuid'
 import { Index } from 'flexsearch'
-import * as uint from '@/libs/uint'
 
 export default class NotesAPI {
     constructor(adapter, encryptionKey = null) {
@@ -11,8 +10,10 @@ export default class NotesAPI {
 
         this.adapter = adapter
         this.notesCache = new Map()
+        this.categories = new Set()
         this.encryptionKey = encryptionKey
         this._sodiumReady = false
+        this._decryptionFailures = []
 
         this.index = new Index({
             tokenize: 'forward',
@@ -26,12 +27,34 @@ export default class NotesAPI {
         }
     }
 
+    _hexToUint8Array(hex) {
+        return Uint8Array.from(hex.match(/.{1,2}/g), (byte) =>
+            parseInt(byte, 16),
+        )
+    }
+
+    _concatUint8Arrays(a, b) {
+        const result = new Uint8Array(a.length + b.length)
+        result.set(a, 0)
+        result.set(b, a.length)
+        return result
+    }
+
+    _uint8ArrayToBase64(bytes) {
+        return btoa(String.fromCharCode(...bytes))
+    }
+
+    _base64ToUint8Array(base64) {
+        const binary = atob(base64)
+        return Uint8Array.from(binary, (c) => c.charCodeAt(0))
+    }
+
     _encrypt(note) {
         if (!this.encryptionKey) {
             throw new Error('Encryption key not set')
         }
 
-        const key = uint.hexToUint8Array(this.encryptionKey)
+        const key = this._hexToUint8Array(this.encryptionKey)
         if (key.length !== 32) {
             throw new Error(
                 'Encryption key must be 64 hex characters (32 bytes)',
@@ -47,8 +70,8 @@ export default class NotesAPI {
             key,
         )
 
-        const combined = uint.concatUint8Arrays(nonce, ciphertext)
+        const combined = this._concatUint8Arrays(nonce, ciphertext)
-        return uint.uint8ArrayToBase64(combined)
+        return this._uint8ArrayToBase64(combined)
     }
 
     _decrypt(encryptedData) {
@@ -56,7 +79,7 @@ export default class NotesAPI {
             throw new Error('Encryption key not set')
         }
 
-        const key = uint.hexToUint8Array(this.encryptionKey)
+        const key = this._hexToUint8Array(this.encryptionKey)
         if (key.length !== 32) {
             throw new Error(
                 'Encryption key must be 64 hex characters (32 bytes)',
@@ -65,7 +88,7 @@ export default class NotesAPI {
 
         let combined
         try {
-            combined = uint.base64ToUint8Array(encryptedData)
+            combined = this._base64ToUint8Array(encryptedData)
         } catch (e) {
             throw new Error('Invalid encrypted data: not valid base64')
         }
@@ -110,23 +133,35 @@ export default class NotesAPI {
     async init() {
         await this._initSodium()
         await this.adapter.init()
+        this.notesCache.clear()
+        this.categories.clear()
+        this._decryptionFailures = []
 
         const encryptedNotes = await this.adapter.getAll()
 
         for (const encryptedNote of encryptedNotes) {
+            const noteId = encryptedNote.id || 'unknown'
             try {
                 const note = this._decrypt(encryptedNote.data || encryptedNote)
 
                 this.notesCache.set(note.id, note)
+                if (note.category) {
+                    this.categories.add(note.category)
+                }
                 const searchText =
                     note.plainText || this._extractPlainText(note.content)
                 this.index.add(note.id, note.title + '\n' + searchText)
             } catch (error) {
                 console.error('Failed to decrypt note:', error)
+                this._decryptionFailures.push(noteId)
             }
         }
     }
 
+    getDecryptionFailures() {
+        return [...this._decryptionFailures]
+    }
+
     _extractPlainText(content) {
         if (!content) return ''
         if (typeof content === 'string') return content
@@ -140,19 +175,8 @@ export default class NotesAPI {
         return extractText(content)
     }
 
-    /* -----------------------
-         Public API
-        ------------------------*/
     getCategories() {
-        const categories = new Set()
+        return Array.from(this.categories).sort()
-
-        for (const note of this.notesCache.values()) {
-            if (note.category) {
-                categories.add(note.category)
-            }
-        }
-
-        return Array.from(categories).sort()
     }
 
     getCategoryNotes(categoryName = null) {
@@ -164,6 +188,7 @@ export default class NotesAPI {
 
     getNote(id) {
         const note = this.notesCache.get(id)
+
         return note ? { ...note } : null
     }
 
@@ -187,6 +212,9 @@ export default class NotesAPI {
         }
 
         this.notesCache.set(id, note)
+        if (note.category) {
+            this.categories.add(note.category)
+        }
         this.index.add(id, note.title + '\n' + plainText)
 
         await this.adapter.create(encryptedNote)
@@ -195,10 +223,30 @@ export default class NotesAPI {
     }
 
     async deleteNote(id) {
+        const note = this.notesCache.get(id)
+        const category = note?.category
+
         await this.adapter.delete(id)
 
         this.notesCache.delete(id)
         this.index.remove(id)
+
+        // Delete category if needed
+        if (category) {
+            const notesWithCategory = Array.from(
+                this.notesCache.values(),
+            ).filter((n) => n.category === category)
+            if (notesWithCategory.length === 0) {
+                this.categories.delete(category)
+            }
+        }
+
+        // Update decryption failures
+        if (this._decryptionFailures.includes(id)) {
+            this._decryptionFailures = this._decryptionFailures.filter(
+                (id) => id !== id,
+            )
+        }
     }
 
     async updateNote(id, updates = {}) {
@@ -213,6 +261,8 @@ export default class NotesAPI {
             }
         }
 
+        const oldCategory = note.category
+
         const updatedNote = {
             ...note,
             ...updates,
@@ -226,6 +276,20 @@ export default class NotesAPI {
 
         this.notesCache.set(id, updatedNote)
 
+        if (updates.category !== undefined) {
+            if (oldCategory) {
+                const notesWithOldCategory = Array.from(
+                    this.notesCache.values(),
+                ).filter((n) => n.category === oldCategory && n.id !== id)
+                if (notesWithOldCategory.length === 0) {
+                    this.categories.delete(oldCategory)
+                }
+            }
+            if (updatedNote.category) {
+                this.categories.add(updatedNote.category)
+            }
+        }
+
         const searchText =
             updatedNote.plainText || this._extractPlainText(updatedNote.content)
 

src/core/PluginManager.js

@@ -0,0 +1,83 @@
+import IpcAdapter from './IpcAdapter'
+
+export const createPluginManager = (registry) => {
+    let activePluginId = null
+    let adapter = null
+
+    return {
+        listPlugins() {
+            return registry.list()
+        },
+
+        getPlugin(pluginId) {
+            return registry.get(pluginId)
+        },
+
+        getAdapter(pluginId, adapterConfig = {}) {
+            const plugin = registry.get(pluginId)
+
+            if (!plugin) {
+                throw new Error(`Plugin not found: ${pluginId}`)
+            }
+
+            return plugin.createAdapter(adapterConfig)
+        },
+
+        setActivePlugin(pluginId, adapterConfig = {}) {
+            activePluginId = pluginId
+            adapter = this.getAdapter(pluginId, adapterConfig)
+            return adapter
+        },
+
+        async testPlugin(pluginId, adapterConfig = {}) {
+            const plugin = registry.get(pluginId)
+
+            if (!plugin) {
+                throw new Error(`Plugin not found: ${pluginId}`)
+            }
+
+            const adapter = this.getAdapter(pluginId, adapterConfig)
+            await adapter.init()
+
+            return await adapter.testConnection()
+        },
+
+        getActiveAdapter() {
+            return adapter
+        },
+
+        getActivePluginId() {
+            return activePluginId
+        },
+    }
+}
+
+// Client for calling manager through IPC
+export const createPluginManagerClient = () => {
+    return {
+        listPlugins() {
+            return window.api.pluginManagerCall('listPlugins')
+        },
+
+        getAdapter(pluginId, config) {
+            return new IpcAdapter(pluginId, config)
+        },
+
+        setActivePlugin(pluginId, adapterConfig) {
+            return window.api.pluginManagerCall(
+                'setActivePlugin',
+                pluginId,
+                adapterConfig,
+            )
+        },
+
+        async testPlugin(id, config) {
+            const test = await window.api.pluginManagerCall(
+                'testPlugin',
+                id,
+                config,
+            )
+            return test
+        },
+    }
+}

src/core/WebStorage.js

@@ -0,0 +1,68 @@
+const DB_NAME = 'takerofnotes'
+const DB_VERSION = 1
+const STORE_NAME = 'config'
+const CONFIG_KEY = 'app_config'
+
+let db = null
+
+function openDB() {
+    return new Promise((resolve, reject) => {
+        if (db) {
+            resolve(db)
+            return
+        }
+
+        const request = indexedDB.open(DB_NAME, DB_VERSION)
+
+        request.onerror = () => reject(request.error)
+        request.onsuccess = () => {
+            db = request.result
+            resolve(db)
+        }
+
+        request.onupgradeneeded = (event) => {
+            const database = event.target.result
+            if (!database.objectStoreNames.contains(STORE_NAME)) {
+                database.createObjectStore(STORE_NAME, { keyPath: 'id' })
+            }
+        }
+    })
+}
+
+async function getFromDB() {
+    const database = await openDB()
+    return new Promise((resolve, reject) => {
+        const transaction = database.transaction(STORE_NAME, 'readonly')
+        const store = transaction.objectStore(STORE_NAME)
+        const request = store.get(CONFIG_KEY)
+
+        request.onerror = () => reject(request.error)
+        request.onsuccess = () => resolve(request.result?.data || null)
+    })
+}
+
+async function saveToDB(data) {
+    const database = await openDB()
+    return new Promise((resolve, reject) => {
+        const transaction = database.transaction(STORE_NAME, 'readwrite')
+        const store = transaction.objectStore(STORE_NAME)
+        const request = store.put({ id: CONFIG_KEY, data })
+
+        request.onerror = () => reject(request.error)
+        request.onsuccess = () => resolve()
+    })
+}
+
+export function createWebStorage() {
+    return {
+        async load() {
+            const stored = await getFromDB()
+            return stored || null
+        },
+        async save(data) {
+            await saveToDB(data)
+        },
+    }
+}
+
+export default createWebStorage

src/core/index.js

@@ -0,0 +1,108 @@
+import {
+    createPluginManager,
+    createPluginManagerClient,
+} from './PluginManager.js'
+import { createWebStorage } from './WebStorage.js'
+import PluginRegistry from './PluginRegistry.js'
+import {
+    createConfigManager,
+    createConfigManagerClient,
+} from './ConfigManager.js'
+import NotesAPI from './NotesAPI.js'
+
+const generateEncryptionKey = () => {
+    const array = new Uint8Array(32)
+    crypto.getRandomValues(array)
+    return Array.from(array)
+        .map((b) => b.toString(16).padStart(2, '0'))
+        .join('')
+}
+
+const initPluginManager = (runtime, plugins) => {
+    if (runtime === 'electron-renderer') return createPluginManagerClient()
+
+    const registry = new PluginRegistry()
+
+    for (const plugin of plugins) {
+        registry.register(plugin)
+    }
+
+    return createPluginManager(registry)
+}
+
+const initConfigManager = async (runtime, pluginManager) => {
+    if (runtime === 'electron-renderer') return createConfigManagerClient()
+
+    let storage
+    if (runtime === 'electron-main') {
+        const { createNodeStorage } = await import('./NodeStorage.js')
+        const filesystemPlugin = (
+            await import('@takerofnotes/plugin-filesystem')
+        ).default
+        storage = createNodeStorage(filesystemPlugin)
+    } else if (runtime === 'web') {
+        storage = createWebStorage()
+    } else if (runtime === 'capacitor') {
+        const { createCapacitorStorage } = await import('./CapacitorStorage.js')
+        storage = createCapacitorStorage()
+    }
+
+    return createConfigManager(storage, pluginManager)
+}
+
+let notesAPI = null
+let initPromise = null
+const initNotesAPI = async (configManager, pluginManager) => {
+    // Get fresh config to ensure adapters are populated from main process
+    const latestConfig = await configManager.loadConfig()
+
+    let encryptionKey = latestConfig?.encryptionKey
+
+    if (!encryptionKey) {
+        encryptionKey = generateEncryptionKey()
+        await configManager.setConfig({
+            ...latestConfig,
+            encryptionKey,
+        })
+    }
+
+    const pluginId = latestConfig?.activeAdapter || 'filesystem'
+    const adapterConfig = latestConfig?.adapters?.[pluginId] || {}
+
+    const adapter = pluginManager.getAdapter(pluginId, adapterConfig)
+
+    const api = new NotesAPI(adapter, encryptionKey)
+    await api.init()
+
+    notesAPI = api
+
+    return api
+}
+
+export const initializeCore = async (runtime, { plugins }) => {
+    const pluginManager = initPluginManager(runtime, plugins)
+    const configManager = await initConfigManager(runtime, pluginManager)
+    const config = await configManager.loadConfig()
+
+    // Set active plugin
+    const activeConfig = config.adapters?.[config.activeAdapter] || {}
+    pluginManager.setActivePlugin(config.activeAdapter, activeConfig)
+
+    // Create API instance
+    const getNotesAPI = async () => {
+        if (notesAPI) return notesAPI
+
+        if (!initPromise) {
+            initPromise = initNotesAPI(configManager, pluginManager)
+        }
+
+        return initPromise
+    }
+
+    return {
+        runtime,
+        pluginManager,
+        configManager,
+        getNotesAPI,
+    }
+}

src/main/core/Config.js

@@ -1,83 +0,0 @@
-import fs from 'fs/promises'
-import path from 'path'
-import { app } from 'electron'
-
-const USER_DATA_STRING = '__DEFAULT_USER_DATA__'
-
-export default class Config {
-    constructor(defaultPlugin) {
-        this.defaultPlugin = defaultPlugin
-        this.configPath = path.join(app.getPath('userData'), 'config.json')
-    }
-
-    // Helper to replace placeholders with dynamic values
-    _resolveDefaults(config) {
-        if (Array.isArray(config)) {
-            return config.map((item) => this._resolveDefaults(item))
-        } else if (config && typeof config === 'object') {
-            const resolved = {}
-            for (const [key, value] of Object.entries(config)) {
-                resolved[key] = this._resolveDefaults(value)
-            }
-            return resolved
-        } else if (
-            typeof config === 'string' &&
-            config.includes(USER_DATA_STRING)
-        ) {
-            return config.replace(USER_DATA_STRING, app.getPath('userData'))
-        } else {
-            return config
-        }
-    }
-
-    async load() {
-        let parsed
-
-        try {
-            const raw = await fs.readFile(this.configPath, 'utf8')
-            parsed = JSON.parse(raw)
-        } catch (err) {
-            parsed = null
-        }
-
-        if (!parsed || !parsed.activeAdapter) {
-            const defaultConfig = {}
-
-            for (const field of this.defaultPlugin.configSchema) {
-                defaultConfig[field.key] = field.default ?? null
-            }
-
-            parsed = {
-                ...(parsed ? parsed : {}),
-                activeAdapter: this.defaultPlugin.id,
-            }
-            parsed.adapters[this.defaultPlugin.id] = defaultConfig
-
-            await this.write(parsed)
-        } else {
-            // Ensure any "__DEFAULT_USER_DATA__" values are resolved on load
-            parsed.adapterConfig = this._resolveDefaults(parsed.adapterConfig)
-        }
-
-        return parsed
-    }
-
-    async write(configObject) {
-        const dir = path.dirname(this.configPath)
-
-        // Ensure directory exists
-        await fs.mkdir(dir, { recursive: true })
-
-        // Resolve defaults before writing
-        const resolvedConfig = {
-            ...configObject,
-            adapterConfig: this._resolveDefaults(configObject.adapterConfig),
-        }
-
-        await fs.writeFile(
-            this.configPath,
-            JSON.stringify(resolvedConfig, null, 2),
-            'utf8',
-        )
-    }
-}

src/main/index.js

@@ -1,20 +1,23 @@
 import 'dotenv/config'
 import { electronApp, optimizer, is } from '@electron-toolkit/utils'
-import { app, shell, BrowserWindow, ipcMain } from 'electron'
+import { app, shell, BrowserWindow, ipcMain, dialog } from 'electron'
 import filesystemPlugin from '@takerofnotes/plugin-filesystem'
 import supabasePlugin from '@takerofnotes/plugin-supabase'
-import PluginRegistry from './core/PluginRegistry.js'
+import s3Plugin from '@takerofnotes/plugin-s3'
-import Config from './core/Config.js'
+import postgresPlugin from '@takerofnotes/plugin-postgre-sql'
+import { initializeCore } from '../core/index.js'
 import { join } from 'path'
 
+const DEFAULT_WINDOW_SIZE = { width: 354, height: 549 }
+const DEFAULT_MOVE_WINDOW_SIZE = { width: 708, height: 549 }
+
 const preloadPath = join(__dirname, '../preload/index.mjs')
 const rendererPath = join(__dirname, '../renderer/index.html')
 
-// Main window
 function createWindow() {
     const mainWindow = new BrowserWindow({
-        width: 354,
+        width: DEFAULT_WINDOW_SIZE.width,
-        height: 549,
+        height: DEFAULT_WINDOW_SIZE.height,
         show: false,
         autoHideMenuBar: true,
         webPreferences: {
@@ -39,11 +42,10 @@ function createWindow() {
     }
 }
 
-// Open note in new window
 function createNoteWindow(noteId) {
     const noteWindow = new BrowserWindow({
-        width: 354,
+        width: DEFAULT_WINDOW_SIZE.width,
-        height: 549,
+        height: DEFAULT_WINDOW_SIZE.height,
         autoHideMenuBar: true,
         webPreferences: {
             preload: preloadPath,
@@ -65,36 +67,42 @@ function createNoteWindow(noteId) {
 }
 
 app.whenReady().then(async () => {
-    // Open note in new window
     ipcMain.on('open-note-window', (_, noteId) => {
         createNoteWindow(noteId)
     })
 
-    // Create plugin registry
+    const broadcastNoteChange = (event, data) => {
-    const registry = new PluginRegistry()
+        BrowserWindow.getAllWindows().forEach((win) => {
+            win.webContents.send(event, data)
+        })
+    }
 
-    // Register built-in plugins
+    const { pluginManager, configManager } = await initializeCore(
-    registry.register(filesystemPlugin)
+        'electron-main',
-    registry.register(supabasePlugin)
+        {
+            plugins: [
+                filesystemPlugin,
+                s3Plugin,
+                postgresPlugin,
+                supabasePlugin,
+            ],
+        },
+    )
 
-    // Pull plugin config
+    ipcMain.handle('pluginManager:call', async (_, method, ...args) => {
-    const config = new Config(filesystemPlugin)
+        const methodCall = await pluginManager[method](...args)
-    const initialConfig = await config.load()
 
-    const setActivePlugin = async (pluginId) => {
+        if (method === 'setActivePlugin') {
-        const currentConfig = await config.load()
+            broadcastNoteChange('plugin-changed')
-        await config.write({ ...currentConfig, activeAdapter: pluginId })
+        }
 
-        const plugin = registry.get(pluginId)
+        return methodCall
-        const adapterConfig = currentConfig.adapters[pluginId] || {}
+    })
-        const adapter = plugin.createAdapter(adapterConfig)
+    ipcMain.handle('configManager:call', async (_, method, ...args) => {
-
+        return await configManager[method](...args)
-        // Initialize adapter
+    })
-        await adapter.init()
+    ipcMain.handle('adapter:call', async (_, method, ...args) => {
-
+        const adapter = pluginManager.getActiveAdapter()
-        // Handle adapter methods via IPC
-        ipcMain.removeHandler('adapter:call')
-        ipcMain.handle('adapter:call', async (_, method, args) => {
         if (!adapter[method]) {
             throw new Error(`Invalid adapter method: ${method}`)
         }
@@ -102,40 +110,40 @@ app.whenReady().then(async () => {
         return await adapter[method](...args)
     })
 
-        return true
-    }
-
-    // Set active plugin
-    await setActivePlugin(initialConfig.activeAdapter)
-
-    // Get/set config
-    ipcMain.handle('getConfig', async () => {
-        return await config.load()
-    })
-    ipcMain.handle('setConfig', async (_, newConfig) => {
-        await config.write(newConfig)
-    })
-
-    // Get/set plugins
-    ipcMain.handle('listPlugins', async () => {
-        return registry.list()
-    })
-    ipcMain.handle('setActivePlugin', async (_, pluginId) => {
-        return await setActivePlugin(pluginId)
-    })
-
-    // Broadcast note changes to all windows
-    const broadcastNoteChange = (event, data) => {
-        BrowserWindow.getAllWindows().forEach((win) => {
-            win.webContents.send(event, data)
-        })
-    }
-
-    // Handle note change events from renderer
     ipcMain.on('note-changed', (_, event, data) => {
         broadcastNoteChange(event, data)
     })
 
+    ipcMain.handle('move-opened', (_) => {
+        const activeWindow = BrowserWindow.getFocusedWindow()
+        const windowSize = activeWindow.getSize()
+
+        if (windowSize[0] < DEFAULT_MOVE_WINDOW_SIZE.width) {
+            activeWindow.setSize(
+                DEFAULT_MOVE_WINDOW_SIZE.width,
+                DEFAULT_MOVE_WINDOW_SIZE.height,
+            )
+        }
+    })
+    ipcMain.handle('move-closed', (_) => {
+        const activeWindow = BrowserWindow.getFocusedWindow()
+        const windowSize = activeWindow.getSize()
+
+        if (windowSize[0] === 708) {
+            activeWindow.setSize(
+                DEFAULT_WINDOW_SIZE.width,
+                DEFAULT_WINDOW_SIZE.height,
+            )
+        }
+    })
+
+    ipcMain.handle('open-directory-dialog', async () => {
+        const result = await dialog.showOpenDialog({
+            properties: ['openDirectory'],
+        })
+        return result.canceled ? null : result.filePaths[0]
+    })
+
     electronApp.setAppUserModelId('com.electron')
 
     app.on('browser-window-created', (_, window) => {

src/preload/index.js

@@ -2,11 +2,24 @@ import { contextBridge, ipcRenderer } from 'electron'
 
 // Custom APIs for renderer
 const api = {
-    getConfig: () => ipcRenderer.invoke('getConfig'),
+    pluginManagerCall: (method, ...args) =>
-    setConfig: (config) => ipcRenderer.invoke('setConfig', config),
+        ipcRenderer.invoke(
-    listPlugins: () => ipcRenderer.invoke('listPlugins'),
+            'pluginManager:call',
-    setActivePlugin: (pluginId) =>
+            method,
-        ipcRenderer.invoke('setActivePlugin', pluginId),
+            ...(args.length ? args : []),
+        ),
+    configManagerCall: (method, ...args) =>
+        ipcRenderer.invoke(
+            'configManager:call',
+            method,
+            ...(args.length ? args : []),
+        ),
+    adapterCall: (method, ...args) =>
+        ipcRenderer.invoke(
+            'adapter:call',
+            method,
+            ...(args.length ? args : []),
+        ),
     openNoteWindow: (noteId) => {
         ipcRenderer.send('open-note-window', noteId)
     },
@@ -19,24 +32,29 @@ const api = {
     onNoteDeleted: (callback) => {
         ipcRenderer.on('note-deleted', (_, data) => callback(data))
     },
+    onPluginChanged: (callback) => {
+        ipcRenderer.on('plugin-changed', (_, data) => callback(data))
+    },
     notifyNoteChanged: (event, data) => {
         ipcRenderer.send('note-changed', event, data)
     },
-}
+    moveOpened: () => {
-
+        ipcRenderer.invoke('move-opened')
-// Implement adapter API - communicates with plugin adapter in main process
+    },
-const adapter = {
+    moveClosed: () => {
-    call: (method, ...args) => ipcRenderer.invoke('adapter:call', method, args),
+        ipcRenderer.invoke('move-closed')
+    },
+    openDirectoryDialog: () => {
+        return ipcRenderer.invoke('open-directory-dialog')
+    },
 }
 
 if (process.contextIsolated) {
     try {
         contextBridge.exposeInMainWorld('api', api)
-        contextBridge.exposeInMainWorld('adapter', adapter)
     } catch (error) {
         console.error(error)
     }
 } else {
     window.api = api
-    window.adapter = adapter
 }

src/renderer/index.html

@@ -2,12 +2,12 @@
 <html>
     <head>
         <meta charset="UTF-8" />
-        <title>Electron</title>
+        <title>𝔗𝔞𝔨𝔢𝔯 𝔬𝔣 𝔑𝔬𝔱𝔢𝔰</title>
         <!-- https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP -->
-        <meta
+        <!--<meta
             http-equiv="Content-Security-Policy"
             content="default-src 'self'; script-src 'self'; style-src 'self' 'unsafe-inline'; img-src 'self' data:"
-        />
+        />-->
     </head>
 
     <body>

src/renderer/src/App.vue

@@ -1,8 +1,15 @@
 <template>
     <div :class="classes" :style="styles">
-        <Nav />
+        <div class="layout">
-
+            <div class="page">
+                <Nav v-if="$route.name !== 'note'" ref="nav" />
+                <Suspense>
                     <router-view :key="$route.fullPath" />
+                </Suspense>
+            </div>
+
+            <MoveMenu />
+        </div>
 
         <Menu />
 
@@ -11,17 +18,19 @@
 </template>
 
 <script setup>
-import { ref, computed, onMounted } from 'vue'
+import { ref, computed, onMounted, watch } from 'vue'
 import loadFonts from '@fuzzco/font-loader'
-import { useWindowSize } from '@vueuse/core'
+import { useWindowSize, useElementBounding } from '@vueuse/core'
 import Menu from '@/components/Menu.vue'
 import Nav from '@/components/Nav.vue'
+import MoveMenu from '@/components/MoveMenu.vue'
 import ScrollBar from '@/components/ScrollBar.vue'
 import useConfig from '@/composables/useConfig'
 
-const { height } = useWindowSize()
+const nav = ref()
 
-// Theme state
+const { height } = useWindowSize()
+const { height: navHeight } = useElementBounding(nav)
 const { config } = useConfig()
 
 const classes = computed(() => [
@@ -53,6 +62,7 @@ onMounted(async () => {
 
 const styles = computed(() => ({
     '--vh': height.value ? height.value / 100 + 'px' : '100vh',
+    '--nav-height': navHeight.value + 'px',
 }))
 </script>
 
@@ -65,6 +75,16 @@ const styles = computed(() => ({
     color: var(--theme-fg);
     transition: opacity 400ms;
 
+    .layout {
+        display: grid;
+        grid-template-columns: 1fr auto;
+        min-height: calc(100 * var(--vh));
+
+        .page {
+            position: relative;
+        }
+    }
+
     &:not(.fonts-ready) {
         opacity: 0;
     }

src/renderer/src/components/Btn.vue

@@ -0,0 +1,31 @@
+<template>
+    <component :is="tag" class="btn">
+        <svg-btn-outline />
+
+        <slot />
+    </component>
+</template>
+
+<script setup>
+import SvgBtnOutline from '@/components/svg/BtnOutline.vue'
+
+const props = defineProps({
+    tag: {
+        type: String,
+        default: 'button',
+    },
+})
+</script>
+
+<style lang="scss">
+.btn {
+    text-transform: uppercase;
+    padding: 5px 16px 6px;
+    color: var(--grey-100);
+    position: relative;
+
+    &:hover {
+        color: var(--theme-accent);
+    }
+}
+</style>

src/renderer/src/components/CategoryRow.vue

@@ -39,6 +39,7 @@ const props = defineProps({
         type: Boolean,
         default: () => false,
     },
+    wrapper: String,
 })
 
 const emit = defineEmits(['edited'])
@@ -70,7 +71,7 @@ const onSave = async () => {
 }
 
 const wrapper = computed(() => {
-    return props.editable ? 'div' : RouterLink
+    return props.wrapper || (props.editable ? 'div' : RouterLink)
 })
 </script>
 

src/renderer/src/components/DecryptionWarning.vue

@@ -0,0 +1,103 @@
+<template>
+    <div v-if="failedIds.length && visible" class="decryption-warning">
+        <div class="warning">
+            <button class="warning-text" @click="detailsOpen = !detailsOpen">
+                <strong>{{ failedIds.length }}&nbsp;</strong>
+                <span>
+                    {{ failedIds.length === 1 ? 'note could' : 'notes could' }}
+                    not be decrypted
+                </span>
+            </button>
+
+            <button class="close-button" @click="visible = false">✕</button>
+        </div>
+
+        <div v-show="detailsOpen" class="details">
+            <span>Failed note IDs:</span>
+
+            <ul class="id-list">
+                <li v-for="id in failedIds" :key="id">{{ id }}</li>
+            </ul>
+
+            <p class="instructions">
+                These notes may have been encrypted with a different key. Either
+                change your encryption key in preferences, or delete these
+                notes.
+            </p>
+
+            <button class="delete-button" @click="onDeleteNotes">
+                Delete Notes (Permanent)
+            </button>
+        </div>
+    </div>
+</template>
+
+<script setup>
+import useNotes from '@/composables/useNotes'
+import { ref } from 'vue'
+
+const props = defineProps({
+    failedIds: {
+        type: Array,
+        required: true,
+    },
+})
+
+const visible = ref(true)
+const detailsOpen = ref(false)
+
+const { deleteNote } = useNotes()
+
+const onDeleteNotes = async () => {
+    await Promise.all(props.failedIds.map((id) => deleteNote(id)))
+    visible.value = false
+}
+</script>
+
+<style lang="scss" scoped>
+.decryption-warning {
+    position: fixed;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background: var(--theme-bg);
+    border-top: 1px solid var(--grey-100);
+    padding: 10px var(--layout-margin);
+
+    .warning {
+        display: flex;
+        justify-content: space-between;
+        gap: 10px;
+
+        .warning-text {
+            &:hover {
+                color: var(--theme-accent);
+            }
+        }
+    }
+    .details {
+        margin-top: 20px;
+
+        ul {
+            list-style-type: none;
+            margin-top: 10px;
+            color: var(--grey-100);
+        }
+        .instructions {
+            margin-top: 10px;
+        }
+        .delete-button {
+            display: block;
+            margin: 20px auto 0;
+            border: 1px solid var(--theme-fg);
+            padding: 0.2em 0.5em;
+            border-radius: 0.2em;
+
+            &:hover {
+                color: var(--theme-accent);
+                border-color: var(--theme-accent);
+            }
+        }
+    }
+}
+</style>

src/renderer/src/components/DeleteMenu.vue

@@ -0,0 +1,36 @@
+<template>
+    <div class="delete-menu">
+        <button
+            :class="['delete-button', { active: model }]"
+            @click="model = true"
+        >
+            Delete Items
+        </button>
+
+        <button v-if="model" class="close-button" @click="model = false">
+            X Close
+        </button>
+    </div>
+</template>
+
+<script setup>
+const model = defineModel()
+</script>
+
+<style lang="scss">
+.delete-menu {
+    flex: 1;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+
+    .delete-button {
+        color: var(--grey-100);
+
+        &:hover,
+        &.active {
+            color: var(--red);
+        }
+    }
+}
+</style>

src/renderer/src/components/Menu.vue

@@ -1,19 +1,26 @@
 <template>
     <transition name="menu">
-        <div v-if="menuOpen" class="menu" ref="container">
+        <div
-            <Nav />
+            v-if="menuOpen || lockOpen"
+            :class="['menu', { locked: lockOpen }]"
+            ref="container"
+        >
+            <Nav v-if="!lockOpen" />
 
             <div class="menu-wrap layout-block">
                 <new-note class="menu-item" @noteOpened="closeMenu" />
-                <router-link class="menu-item" to="/category"
+                <router-link class="menu-item" to="/category">
-                    >+ New Capitulum</router-link
+                    + New Capitulum
-                >
+                </router-link>
                 <theme-switcher class="menu-item" />
-                <router-link class="menu-item" to="/instructions"
+                <router-link class="menu-item" to="/instructions">
-                    >Instructio</router-link
+                    Instructio
-                >
+                </router-link>
-                <button class="menu-item">Import</button>
+                <!-- <button class="menu-item">Import</button> -->
-                <button class="menu-item">Export</button>
+                <button class="menu-item" @click="handleExport">Export</button>
+                <router-link class="menu-item" to="/preferences">
+                    Preferences
+                </router-link>
             </div>
         </div>
     </transition>
@@ -27,10 +34,16 @@ import { ref, watch } from 'vue'
 import Nav from './Nav.vue'
 import useMenu from '@/composables/useMenu'
 import { useRoute } from 'vue-router'
+import useExport from '@/composables/useExport'
+
+const props = defineProps({
+    lockOpen: { type: Boolean, default: () => false },
+})
 
 const container = ref()
 
 const { menuOpen, closeMenu } = useMenu()
+const { exportAllNotes } = useExport()
 
 // Close on click outside
 onClickOutside(container, () => {
@@ -46,7 +59,10 @@ watch(
     },
 )
 
-const openNewCategory = () => {}
+const handleExport = async () => {
+    closeMenu()
+    await exportAllNotes()
+}
 </script>
 
 <style lang="scss">
@@ -61,7 +77,7 @@ const openNewCategory = () => {}
     .menu-wrap {
         display: flex;
         flex-direction: column;
-        padding-top: 3px;
+        padding-top: var(--nav-height);
         padding-bottom: 10px;
 
         .menu-item {
@@ -77,6 +93,10 @@ const openNewCategory = () => {}
         }
     }
 
+    &.locked .menu-wrap {
+        padding-top: 0;
+    }
+
     &.menu-enter-active,
     &.menu-leave-active {
         transition: transform 300ms var(--ease-out-expo);

src/renderer/src/components/Modal.vue

@@ -0,0 +1,51 @@
+<template>
+    <div class="modal theme-dark">
+        <div class="modal-container" ref="container">
+            <slot />
+        </div>
+    </div>
+</template>
+
+<script setup>
+import { onClickOutside } from '@vueuse/core'
+import { ref } from 'vue'
+
+const emit = defineEmits(['close'])
+
+const container = ref(null)
+
+onClickOutside(container, () => {
+    emit('close')
+})
+</script>
+
+<style lang="scss">
+.modal {
+    position: fixed;
+    inset: 0;
+    background: rgba(0, 0, 0, 0.5);
+    display: flex;
+    justify-content: center;
+    align-items: center;
+
+    .modal-container {
+        background: var(--theme-bg);
+        color: var(--theme-fg);
+        border: 1px solid var(--grey-100);
+        border-radius: 16px;
+        padding: 27px 21px;
+        text-align: center;
+
+        .btn-row {
+            display: flex;
+            justify-content: center;
+            gap: 12px;
+            margin-top: 26px;
+
+            .btn {
+                min-width: 80px;
+            }
+        }
+    }
+}
+</style>

src/renderer/src/components/MoveMenu.vue

@@ -0,0 +1,81 @@
+<template>
+    <div v-if="open" class="move-menu layout-block">
+        <button class="cancel-button" @click="close">Cancel</button>
+
+        <button class="summarium-button" @click="onCategoryClick(null)">
+            SUMMARIUM
+        </button>
+
+        <template v-for="(category, i) in categories">
+            <category-row
+                v-if="category !== fromCategory"
+                :category="category"
+                :index="i"
+                wrapper="button"
+                :key="category"
+                @click="onCategoryClick(category)"
+            />
+        </template>
+    </div>
+</template>
+
+<script setup>
+import CategoryRow from '@/components/CategoryRow.vue'
+import { computed, watch } from 'vue'
+import { useRoute, useRouter } from 'vue-router'
+import useNotes from '@/composables/useNotes'
+import _omit from 'lodash/omit'
+
+const { categories, updateNote } = useNotes()
+const route = useRoute()
+const router = useRouter()
+
+const open = computed(() => route.query.move !== undefined)
+const noteId = computed(() => route.query.move)
+const fromCategory = computed(() => route.params.id)
+
+const close = async () => {
+    await router.push({
+        query: _omit(route.query, ['move']),
+    })
+
+    await window.api.moveClosed()
+}
+const onCategoryClick = async (category) => {
+    if (!noteId.value) return
+
+    await updateNote(noteId.value, { category: category })
+
+    await close()
+}
+watch(open, async () => {
+    if (!open.value) await close()
+})
+</script>
+
+<style lang="scss">
+.move-menu {
+    width: 50vw;
+    height: 100vh;
+    position: sticky;
+    top: 0;
+    overflow-y: auto;
+    padding-bottom: 20px;
+    border-left: 1px solid var(--grey-100);
+    display: flex;
+    flex-direction: column;
+
+    .cancel-button {
+        color: var(--grey-100);
+        padding: 9px 0 16px;
+    }
+    .summarium-button {
+        display: block;
+        margin: 10px 0;
+
+        &:hover {
+            color: var(--theme-accent);
+        }
+    }
+}
+</style>

src/renderer/src/components/Nav.vue

@@ -1,14 +1,29 @@
 <template>
     <nav class="nav layout-block">
+        <div class="left">
+            <router-link v-if="HAS_BACK_BUTTON.includes($route.name)" to="/"
+                ><- Back</router-link
+            >
+        </div>
+
+        <div class="right">
             <button @click="toggleMenu">Menu</button>
 
             <router-link to="/search">Search</router-link>
+        </div>
     </nav>
 </template>
 
 <script setup>
 import useMenu from '@/composables/useMenu'
-import { onMounted } from 'vue'
+
+const HAS_BACK_BUTTON = [
+    'category',
+    'create-category',
+    'instructions',
+    'search',
+    'preferences',
+]
 
 const { menuOpen, closeMenu, openMenu } = useMenu()
 
@@ -19,22 +34,22 @@ const toggleMenu = () => {
         openMenu()
     }
 }
-
-onMounted(() => {
-    // Initialize menu state or perform any other necessary setup
-    // Example: Check if the user is logged in and update menu accordingly
-    // if (isLoggedIn()) {
-    //     openMenu()
-    // }
-})
 </script>
 
 <style lang="scss">
 .nav {
+    position: absolute;
+    display: flex;
+    justify-content: space-between;
+    padding-top: 9px;
+    padding-bottom: 16px;
+    color: var(--grey-100);
+
+    .left,
+    .right {
         display: flex;
         align-items: center;
         gap: 10px;
-    padding-top: 9px;
+    }
-    color: var(--grey-100);
 }
 </style>