tabSize: 4

.env

@@ -0,0 +1,8 @@
+VITE_FIREBASE_API_KEY=AIzaSyBxt-j-9yVwt-3iPLp1Px-a038ZXwAiHOs
+VITE_FIREBASE_AUTH_DOMAIN=contexted.app
+VITE_FIREBASE_DATABASE_URL=https://contexted-f8b4e.firebaseio.com
+VITE_FIREBASE_PROJECT_ID=contexted-f8b4e
+VITE_FIREBASE_STORAGE_BUCKET=contexted-f8b4e.appspot.com
+VITE_FIREBASE_MESSAGING_SENDER_ID=1048273547256
+VITE_FIREBASE_APP_ID=1:1048273547256:web:c5516617eeeabd470f700d
+VITE_FIREBASE_MEASUREMENT_ID=G-ZMQXB5HFNV

.env.example

@@ -1,9 +0,0 @@
-VITE_FIREBASE_API_KEY=
-VITE_FIREBASE_AUTH_DOMAIN=
-VITE_FIREBASE_DATABASE_URL=
-VITE_FIREBASE_PROJECT_ID=
-VITE_FIREBASE_STORAGE_BUCKET=
-VITE_FIREBASE_MESSAGE_SENDER_ID=
-VITE_FIREBASE_APP_ID=
-VITE_FIREBASE_MEASUREMENT_ID=
-

.eslintrc.cjs

@@ -0,0 +1,18 @@
+/* eslint-env node */
+require('@rushstack/eslint-patch/modern-module-resolution')
+
+module.exports = {
+  root: true,
+  'extends': [
+    'plugin:vue/vue3-essential',
+    'eslint:recommended',
+    '@vue/eslint-config-typescript',
+    '@vue/eslint-config-prettier/skip-formatting'
+  ],
+  parserOptions: {
+    ecmaVersion: 'latest'
+  },
+  rules: {
+    'vue/multi-word-component-names': 'off'
+  }
+}

.firebaserc

@@ -0,0 +1,15 @@
+{
+  "projects": {
+    "default": "contexted-f8b4e"
+  },
+  "targets": {
+    "contexted-f8b4e": {
+      "hosting": {
+        "contexted-v3": [
+          "contexted-v3"
+        ]
+      }
+    }
+  },
+  "etags": {}
+}

.gitignore

@@ -22,5 +22,4 @@ dist-ssr
 *.njsproj
 *.sln
 *.sw?
-
+.firebase
-.env

.prettierrc.json

@@ -1,9 +1,10 @@
 {
-  "tabWidth": 2,
+  "$schema": "https://json.schemastore.org/prettierrc",
-  "useTabs": false,
   "semi": false,
+  "tabWidth": 4,
   "singleQuote": true,
-  "printWidth": 88,
+  "printWidth": 100,
+  "trailingComma": "none",
   "htmlWhitespaceSensitivity": "ignore",
   "plugins": [
     "prettier-plugin-tailwindcss"

Makefile

@@ -1,2 +1,11 @@
 pretty:
 	npx prettier --write "./src/**/*.(ts|vue)"
+
+check:
+	npm run type-check && npm run lint
+
+local: check
+	npm run local
+
+deploy: check
+	npm run deploy

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.contexted.app"
+    compileSdkVersion rootProject.ext.compileSdkVersion
+    defaultConfig {
+        applicationId "com.contexted.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,24 @@
+// DO NOT EDIT THIS FILE! IT IS GENERATED EACH TIME "capacitor update" IS RUN
+
+android {
+  compileOptions {
+      sourceCompatibility JavaVersion.VERSION_17
+      targetCompatibility JavaVersion.VERSION_17
+  }
+}
+
+apply from: "../capacitor-cordova-android-plugins/cordova.variables.gradle"
+dependencies {
+    implementation project(':capacitor-firebase-authentication')
+    implementation project(':capacitor-dialog')
+    implementation project(':capacitor-haptics')
+    implementation project(':capacitor-keyboard')
+    implementation project(':capacitor-splash-screen')
+    implementation project(':capacitor-status-bar')
+
+}
+
+
+if (hasProperty('postBuildExtras')) {
+  postBuildExtras()
+}

android/app/google-services.json

@@ -0,0 +1,40 @@
+{
+  "project_info": {
+    "project_number": "1048273547256",
+    "firebase_url": "https://contexted-f8b4e.firebaseio.com",
+    "project_id": "contexted-f8b4e",
+    "storage_bucket": "contexted-f8b4e.appspot.com"
+  },
+  "client": [
+    {
+      "client_info": {
+        "mobilesdk_app_id": "1:1048273547256:android:878e44df2e5f0b200f700d",
+        "android_client_info": {
+          "package_name": "com.contexted.app"
+        }
+      },
+      "oauth_client": [
+        {
+          "client_id": "1048273547256-mq8b1irdiovpblrdcuf8bb30is29rfm9.apps.googleusercontent.com",
+          "client_type": 3
+        }
+      ],
+      "api_key": [
+        {
+          "current_key": "AIzaSyCJ-A3ziDw_2qMWnP2uXFDoY2O8DrUlXp8"
+        }
+      ],
+      "services": {
+        "appinvite_service": {
+          "other_platform_oauth_client": [
+            {
+              "client_id": "1048273547256-mq8b1irdiovpblrdcuf8bb30is29rfm9.apps.googleusercontent.com",
+              "client_type": 3
+            }
+          ]
+        }
+      }
+    }
+  ],
+  "configuration_version": "1"
+}

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,54 @@
+<?xml version="1.0" encoding="utf-8"?>
+<manifest xmlns:tools="http://schemas.android.com/tools"
+    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"
+            android:name=".MainActivity"
+            android:label="@string/title_activity_main"
+            android:theme="@style/AppTheme.NoActionBarLaunch"
+            android:launchMode="singleTask"
+            android:exported="true">
+
+            <tools:validation testUrl="https://contexted.app" />
+
+            <intent-filter>
+                <action android:name="android.intent.action.MAIN" />
+                <category android:name="android.intent.category.LAUNCHER" />
+            </intent-filter>
+            <intent-filter android:autoVerify="true">
+                <action android:name="android.intent.action.VIEW" />
+
+                <category android:name="android.intent.category.DEFAULT" />
+                <category android:name="android.intent.category.BROWSABLE" />
+
+                <data
+                    android:scheme="https"
+                    android:host="contexted.app" />
+            </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/contexted/app/MainActivity.java

@@ -0,0 +1,5 @@
+package com.contexted.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">#1E4BC4</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">Contexted</string>
+    <string name="title_activity_main">Contexted</string>
+    <string name="package_name">com.contexted.app</string>
+    <string name="custom_url_scheme">com.contexted.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.0.0'
+        classpath 'com.google.gms:google-services:4.3.15'
+
+        // 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,21 @@
+// 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-firebase-authentication'
+project(':capacitor-firebase-authentication').projectDir = new File('../node_modules/@capacitor-firebase/authentication/android')
+
+include ':capacitor-dialog'
+project(':capacitor-dialog').projectDir = new File('../node_modules/@capacitor/dialog/android')
+
+include ':capacitor-haptics'
+project(':capacitor-haptics').projectDir = new File('../node_modules/@capacitor/haptics/android')
+
+include ':capacitor-keyboard'
+project(':capacitor-keyboard').projectDir = new File('../node_modules/@capacitor/keyboard/android')
+
+include ':capacitor-splash-screen'
+project(':capacitor-splash-screen').projectDir = new File('../node_modules/@capacitor/splash-screen/android')
+
+include ':capacitor-status-bar'
+project(':capacitor-status-bar').projectDir = new File('../node_modules/@capacitor/status-bar/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,6 @@
+distributionBase=GRADLE_USER_HOME
+distributionPath=wrapper/dists
+distributionUrl=https\://services.gradle.org/distributions/gradle-8.0.2-all.zip
+networkTimeout=10000
+zipStoreBase=GRADLE_USER_HOME
+zipStorePath=wrapper/dists

android/gradlew

@@ -0,0 +1,244 @@
+#!/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.
+#
+
+##############################################################################
+#
+#   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/subprojects/plugins/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##*/}
+APP_HOME=$( cd "${APP_HOME:-./}" && pwd -P ) || exit
+
+# 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"'
+
+# 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=$APP_HOME/gradle/wrapper/gradle-wrapper.jar
+
+
+# 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
+    which java >/dev/null 2>&1 || 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
+
+# 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=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=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
+
+# Collect all arguments for the java command;
+#   * $DEFAULT_JVM_OPTS, $JAVA_OPTS, and $GRADLE_OPTS can contain fragments of
+#     shell script including quotes and variable substitutions, so put them in
+#     double quotes to make sure that they get re-expanded; and
+#   * put everything else in single quotes, so that it's not re-expanded.
+
+set -- \
+        "-Dorg.gradle.appname=$APP_BASE_NAME" \
+        -classpath "$CLASSPATH" \
+        org.gradle.wrapper.GradleWrapperMain \
+        "$@"
+
+# 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,92 @@
+@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
+
+@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.
+echo ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH.
+echo.
+echo Please set the JAVA_HOME variable in your environment to match the
+echo location of your Java installation.
+
+goto fail
+
+:findJavaFromJavaHome
+set JAVA_HOME=%JAVA_HOME:"=%
+set JAVA_EXE=%JAVA_HOME%/bin/java.exe
+
+if exist "%JAVA_EXE%" goto execute
+
+echo.
+echo ERROR: JAVA_HOME is set to an invalid directory: %JAVA_HOME%
+echo.
+echo Please set the JAVA_HOME variable in your environment to match the
+echo location of your Java installation.
+
+goto fail
+
+:execute
+@rem Setup the command line
+
+set CLASSPATH=%APP_HOME%\gradle\wrapper\gradle-wrapper.jar
+
+
+@rem Execute Gradle
+"%JAVA_EXE%" %DEFAULT_JVM_OPTS% %JAVA_OPTS% %GRADLE_OPTS% "-Dorg.gradle.appname=%APP_BASE_NAME%" -classpath "%CLASSPATH%" org.gradle.wrapper.GradleWrapperMain %*
+
+: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,17 @@
+ext {
+    minSdkVersion = 22
+    compileSdkVersion = 33
+    targetSdkVersion = 33
+    androidxActivityVersion = '1.7.0'
+    androidxAppCompatVersion = '1.6.1'
+    androidxCoordinatorLayoutVersion = '1.2.0'
+    androidxCoreVersion = '1.10.0'
+    androidxFragmentVersion = '1.5.6'
+    coreSplashScreenVersion = '1.0.0'
+    androidxWebkitVersion = '1.6.1'
+    junitVersion = '4.13.2'
+    androidxJunitVersion = '1.1.5'
+    androidxEspressoCoreVersion = '3.5.1'
+    cordovaAndroidVersion = '10.1.1'
+    rgcfaIncludeGoogle = true
+}

capacitor.config.ts

@@ -0,0 +1,24 @@
+import { CapacitorConfig } from '@capacitor/cli'
+
+const config: CapacitorConfig = {
+  appId: 'com.contexted.app',
+  appName: 'Contexted',
+  webDir: 'dist',
+  server: {
+    androidScheme: 'https'
+  },
+  plugins: {
+    SplashScreen: {
+      backgroundColor: '#1E4BC4'
+    },
+    Keyboard: {
+      resize: 'native'
+    },
+    FirebaseAuthentication: {
+      skipNativeAuth: false,
+      providers: ['google.com', 'microsoft.com', 'github.com']
+    }
+  }
+}
+
+export default config

components.d.ts

@@ -9,19 +9,43 @@ export {}
 
 declare module '@vue/runtime-core' {
   export interface GlobalComponents {
-    Autocomplete: typeof import('./src/components/Autocomplete.vue')['default']
+    AccountSettings: typeof import('./src/components/TopBar/Settings/AccountSettings.vue')['default']
-    Hamburger: typeof import('./src/components/Hamburger.vue')['default']
+    Auth: typeof import('./src/components/Auth.vue')['default']
-    Logo: typeof import('./src/components/Logo.vue')['default']
+    Autocomplete: typeof import('./src/components/Note/Autocomplete.vue')['default']
-    Modal: typeof import('./src/components/Modal.vue')['default']
+    Hamburger: typeof import('./src/components/TopBar/Hamburger.vue')['default']
-    Note: typeof import('./src/components/Note.vue')['default']
+    ListView: typeof import('./src/components/ViewModes/ListView.vue')['default']
+    Logo: typeof import('./src/components/TopBar/Logo.vue')['default']
+    Mindmap: typeof import('./src/components/ViewModes/Mindmap.vue')['default']
+    Note: typeof import('./src/components/ViewModes/Note.vue')['default']
     NoteEditor: typeof import('./src/components/Note/NoteEditor.vue')['default']
     NoteReferences: typeof import('./src/components/Note/NoteReferences.vue')['default']
+    NotesSourceSwitcher: typeof import('./src/components/TopBar/Settings/NotesSourceSwitcher.vue')['default']
     NoteToolbar: typeof import('./src/components/Note/NoteToolbar.vue')['default']
     SearchBar: typeof import('./src/components/Search/SearchBar.vue')['default']
     SearchResult: typeof import('./src/components/Search/SearchResult.vue')['default']
+    Settings: typeof import('./src/components/TopBar/Settings.vue')['default']
     SideBar: typeof import('./src/components/SideBar.vue')['default']
     SideBarMenu: typeof import('./src/components/SideBar/SideBarMenu.vue')['default']
     SideBarMenuItem: typeof import('./src/components/SideBar/SideBarMenuItem.vue')['default']
+    SignOut: typeof import('./src/components/TopBar/Settings/SignOut.vue')['default']
+    SkeletonNote: typeof import('./src/components/Skeleton/SkeletonNote.vue')['default']
+    SkeletonSidebarItem: typeof import('./src/components/Skeleton/SkeletonSidebarItem.vue')['default']
+    SkeletonTopBar: typeof import('./src/components/Skeleton/SkeletonTopBar.vue')['default']
     TopBar: typeof import('./src/components/TopBar.vue')['default']
+    UIAlert: typeof import('./src/components/ui/UIAlert.vue')['default']
+    UIBadge: typeof import('./src/components/ui/UIBadge.vue')['default']
+    UIButton: typeof import('./src/components/ui/UIButton.vue')['default']
+    UIButtonGroup: typeof import('./src/components/ui/UIButtonGroup.vue')['default']
+    UICard: typeof import('./src/components/ui/UICard.vue')['default']
+    UIDropdown: typeof import('./src/components/ui/UIDropdown.vue')['default']
+    UIDropdownItem: typeof import('./src/components/ui/UIDropdownItem.vue')['default']
+    UIInputCheckbox: typeof import('./src/components/ui/UIInputCheckbox.vue')['default']
+    UIInputText: typeof import('./src/components/ui/UIInputText.vue')['default']
+    UIMenu: typeof import('./src/components/ui/UIMenu.vue')['default']
+    UIMenuItem: typeof import('./src/components/ui/UIMenuItem.vue')['default']
+    UIModal: typeof import('./src/components/ui/UIModal.vue')['default']
+    UITab: typeof import('./src/components/ui/UITab.vue')['default']
+    UITable: typeof import('./src/components/ui/UITable.vue')['default']
+    UITabs: typeof import('./src/components/ui/UITabs.vue')['default']
   }
 }

firebase.json

@@ -0,0 +1,17 @@
+{
+  "hosting": {
+    "target": "contexted-v3",
+    "public": "dist",
+    "ignore": [
+      "firebase.json",
+      "**/.*",
+      "**/node_modules/**"
+    ],
+    "rewrites": [
+      {
+        "source": "**",
+        "destination": "/index.html"
+      }
+    ]
+  }
+}

index.html

@@ -2,12 +2,12 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <link rel="icon" type="image/x-icon" href="/favicon-dark.ico" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta name="viewport" content="width=device-width,initial-scale=1.0,viewport-fit=cover,maximum-scale=1.0,user-scalable=no" />
     <title>Contexted</title>
   </head>
   <body>
-    <div id="app" class="bg-gray-100"></div>
+    <div id="app"></div>
     <script type="module" src="/src/main.ts"></script>
   </body>
 </html>

ios/.gitignore

@@ -0,0 +1,13 @@
+App/build
+App/Pods
+App/output
+App/App/public
+DerivedData
+xcuserdata
+
+# Cordova plugins for Capacitor
+capacitor-cordova-ios-plugins
+
+# Generated Config files
+App/App/capacitor.config.json
+App/App/config.xml

ios/App/App.xcodeproj/project.pbxproj

@@ -0,0 +1,412 @@
+// !$*UTF8*$!
+{
+	archiveVersion = 1;
+	classes = {
+	};
+	objectVersion = 48;
+	objects = {
+
+/* Begin PBXBuildFile section */
+		2FAD9763203C412B000D30F8 /* config.xml in Resources */ = {isa = PBXBuildFile; fileRef = 2FAD9762203C412B000D30F8 /* config.xml */; };
+		50379B232058CBB4000EE86E /* capacitor.config.json in Resources */ = {isa = PBXBuildFile; fileRef = 50379B222058CBB4000EE86E /* capacitor.config.json */; };
+		504EC3081FED79650016851F /* AppDelegate.swift in Sources */ = {isa = PBXBuildFile; fileRef = 504EC3071FED79650016851F /* AppDelegate.swift */; };
+		504EC30D1FED79650016851F /* Main.storyboard in Resources */ = {isa = PBXBuildFile; fileRef = 504EC30B1FED79650016851F /* Main.storyboard */; };
+		504EC30F1FED79650016851F /* Assets.xcassets in Resources */ = {isa = PBXBuildFile; fileRef = 504EC30E1FED79650016851F /* Assets.xcassets */; };
+		504EC3121FED79650016851F /* LaunchScreen.storyboard in Resources */ = {isa = PBXBuildFile; fileRef = 504EC3101FED79650016851F /* LaunchScreen.storyboard */; };
+		50B271D11FEDC1A000F3C39B /* public in Resources */ = {isa = PBXBuildFile; fileRef = 50B271D01FEDC1A000F3C39B /* public */; };
+		A084ECDBA7D38E1E42DFC39D /* Pods_App.framework in Frameworks */ = {isa = PBXBuildFile; fileRef = AF277DCFFFF123FFC6DF26C7 /* Pods_App.framework */; };
+		A9A186E62A2FB826009CBA16 /* GoogleService-Info.plist in Resources */ = {isa = PBXBuildFile; fileRef = A9A186E52A2FB826009CBA16 /* GoogleService-Info.plist */; };
+/* End PBXBuildFile section */
+
+/* Begin PBXFileReference section */
+		2FAD9762203C412B000D30F8 /* config.xml */ = {isa = PBXFileReference; lastKnownFileType = text.xml; path = config.xml; sourceTree = "<group>"; };
+		50379B222058CBB4000EE86E /* capacitor.config.json */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.json; path = capacitor.config.json; sourceTree = "<group>"; };
+		504EC3041FED79650016851F /* App.app */ = {isa = PBXFileReference; explicitFileType = wrapper.application; includeInIndex = 0; path = App.app; sourceTree = BUILT_PRODUCTS_DIR; };
+		504EC3071FED79650016851F /* AppDelegate.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = AppDelegate.swift; sourceTree = "<group>"; };
+		504EC30C1FED79650016851F /* Base */ = {isa = PBXFileReference; lastKnownFileType = file.storyboard; name = Base; path = Base.lproj/Main.storyboard; sourceTree = "<group>"; };
+		504EC30E1FED79650016851F /* Assets.xcassets */ = {isa = PBXFileReference; lastKnownFileType = folder.assetcatalog; path = Assets.xcassets; sourceTree = "<group>"; };
+		504EC3111FED79650016851F /* Base */ = {isa = PBXFileReference; lastKnownFileType = file.storyboard; name = Base; path = Base.lproj/LaunchScreen.storyboard; sourceTree = "<group>"; };
+		504EC3131FED79650016851F /* Info.plist */ = {isa = PBXFileReference; lastKnownFileType = text.plist.xml; path = Info.plist; sourceTree = "<group>"; };
+		50B271D01FEDC1A000F3C39B /* public */ = {isa = PBXFileReference; lastKnownFileType = folder; path = public; sourceTree = "<group>"; };
+		A9A186E52A2FB826009CBA16 /* GoogleService-Info.plist */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.plist.xml; path = "GoogleService-Info.plist"; sourceTree = "<group>"; };
+		AF277DCFFFF123FFC6DF26C7 /* Pods_App.framework */ = {isa = PBXFileReference; explicitFileType = wrapper.framework; includeInIndex = 0; path = Pods_App.framework; sourceTree = BUILT_PRODUCTS_DIR; };
+		AF51FD2D460BCFE21FA515B2 /* Pods-App.release.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-App.release.xcconfig"; path = "Pods/Target Support Files/Pods-App/Pods-App.release.xcconfig"; sourceTree = "<group>"; };
+		FC68EB0AF532CFC21C3344DD /* Pods-App.debug.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-App.debug.xcconfig"; path = "Pods/Target Support Files/Pods-App/Pods-App.debug.xcconfig"; sourceTree = "<group>"; };
+/* End PBXFileReference section */
+
+/* Begin PBXFrameworksBuildPhase section */
+		504EC3011FED79650016851F /* Frameworks */ = {
+			isa = PBXFrameworksBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+				A084ECDBA7D38E1E42DFC39D /* Pods_App.framework in Frameworks */,
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+		};
+/* End PBXFrameworksBuildPhase section */
+
+/* Begin PBXGroup section */
+		27E2DDA53C4D2A4D1A88CE4A /* Frameworks */ = {
+			isa = PBXGroup;
+			children = (
+				AF277DCFFFF123FFC6DF26C7 /* Pods_App.framework */,
+			);
+			name = Frameworks;
+			sourceTree = "<group>";
+		};
+		504EC2FB1FED79650016851F = {
+			isa = PBXGroup;
+			children = (
+				504EC3061FED79650016851F /* App */,
+				504EC3051FED79650016851F /* Products */,
+				7F8756D8B27F46E3366F6CEA /* Pods */,
+				27E2DDA53C4D2A4D1A88CE4A /* Frameworks */,
+			);
+			sourceTree = "<group>";
+		};
+		504EC3051FED79650016851F /* Products */ = {
+			isa = PBXGroup;
+			children = (
+				504EC3041FED79650016851F /* App.app */,
+			);
+			name = Products;
+			sourceTree = "<group>";
+		};
+		504EC3061FED79650016851F /* App */ = {
+			isa = PBXGroup;
+			children = (
+				50379B222058CBB4000EE86E /* capacitor.config.json */,
+				A9A186E52A2FB826009CBA16 /* GoogleService-Info.plist */,
+				504EC3071FED79650016851F /* AppDelegate.swift */,
+				504EC30B1FED79650016851F /* Main.storyboard */,
+				504EC30E1FED79650016851F /* Assets.xcassets */,
+				504EC3101FED79650016851F /* LaunchScreen.storyboard */,
+				504EC3131FED79650016851F /* Info.plist */,
+				2FAD9762203C412B000D30F8 /* config.xml */,
+				50B271D01FEDC1A000F3C39B /* public */,
+			);
+			path = App;
+			sourceTree = "<group>";
+		};
+		7F8756D8B27F46E3366F6CEA /* Pods */ = {
+			isa = PBXGroup;
+			children = (
+				FC68EB0AF532CFC21C3344DD /* Pods-App.debug.xcconfig */,
+				AF51FD2D460BCFE21FA515B2 /* Pods-App.release.xcconfig */,
+			);
+			name = Pods;
+			sourceTree = "<group>";
+		};
+/* End PBXGroup section */
+
+/* Begin PBXNativeTarget section */
+		504EC3031FED79650016851F /* App */ = {
+			isa = PBXNativeTarget;
+			buildConfigurationList = 504EC3161FED79650016851F /* Build configuration list for PBXNativeTarget "App" */;
+			buildPhases = (
+				6634F4EFEBD30273BCE97C65 /* [CP] Check Pods Manifest.lock */,
+				504EC3001FED79650016851F /* Sources */,
+				504EC3011FED79650016851F /* Frameworks */,
+				504EC3021FED79650016851F /* Resources */,
+				9592DBEFFC6D2A0C8D5DEB22 /* [CP] Embed Pods Frameworks */,
+			);
+			buildRules = (
+			);
+			dependencies = (
+			);
+			name = App;
+			productName = App;
+			productReference = 504EC3041FED79650016851F /* App.app */;
+			productType = "com.apple.product-type.application";
+		};
+/* End PBXNativeTarget section */
+
+/* Begin PBXProject section */
+		504EC2FC1FED79650016851F /* Project object */ = {
+			isa = PBXProject;
+			attributes = {
+				LastSwiftUpdateCheck = 0920;
+				LastUpgradeCheck = 0920;
+				TargetAttributes = {
+					504EC3031FED79650016851F = {
+						CreatedOnToolsVersion = 9.2;
+						LastSwiftMigration = 1100;
+						ProvisioningStyle = Automatic;
+					};
+				};
+			};
+			buildConfigurationList = 504EC2FF1FED79650016851F /* Build configuration list for PBXProject "App" */;
+			compatibilityVersion = "Xcode 8.0";
+			developmentRegion = en;
+			hasScannedForEncodings = 0;
+			knownRegions = (
+				en,
+				Base,
+			);
+			mainGroup = 504EC2FB1FED79650016851F;
+			productRefGroup = 504EC3051FED79650016851F /* Products */;
+			projectDirPath = "";
+			projectRoot = "";
+			targets = (
+				504EC3031FED79650016851F /* App */,
+			);
+		};
+/* End PBXProject section */
+
+/* Begin PBXResourcesBuildPhase section */
+		504EC3021FED79650016851F /* Resources */ = {
+			isa = PBXResourcesBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+				504EC3121FED79650016851F /* LaunchScreen.storyboard in Resources */,
+				50B271D11FEDC1A000F3C39B /* public in Resources */,
+				504EC30F1FED79650016851F /* Assets.xcassets in Resources */,
+				50379B232058CBB4000EE86E /* capacitor.config.json in Resources */,
+				504EC30D1FED79650016851F /* Main.storyboard in Resources */,
+				2FAD9763203C412B000D30F8 /* config.xml in Resources */,
+				A9A186E62A2FB826009CBA16 /* GoogleService-Info.plist in Resources */,
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+		};
+/* End PBXResourcesBuildPhase section */
+
+/* Begin PBXShellScriptBuildPhase section */
+		6634F4EFEBD30273BCE97C65 /* [CP] Check Pods Manifest.lock */ = {
+			isa = PBXShellScriptBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+			);
+			inputPaths = (
+				"${PODS_PODFILE_DIR_PATH}/Podfile.lock",
+				"${PODS_ROOT}/Manifest.lock",
+			);
+			name = "[CP] Check Pods Manifest.lock";
+			outputPaths = (
+				"$(DERIVED_FILE_DIR)/Pods-App-checkManifestLockResult.txt",
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+			shellPath = /bin/sh;
+			shellScript = "diff \"${PODS_PODFILE_DIR_PATH}/Podfile.lock\" \"${PODS_ROOT}/Manifest.lock\" > /dev/null\nif [ $? != 0 ] ; then\n    # print error to STDERR\n    echo \"error: The sandbox is not in sync with the Podfile.lock. Run 'pod install' or update your CocoaPods installation.\" >&2\n    exit 1\nfi\n# This output is used by Xcode 'outputs' to avoid re-running this script phase.\necho \"SUCCESS\" > \"${SCRIPT_OUTPUT_FILE_0}\"\n";
+			showEnvVarsInLog = 0;
+		};
+		9592DBEFFC6D2A0C8D5DEB22 /* [CP] Embed Pods Frameworks */ = {
+			isa = PBXShellScriptBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+			);
+			inputPaths = (
+			);
+			name = "[CP] Embed Pods Frameworks";
+			outputPaths = (
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+			shellPath = /bin/sh;
+			shellScript = "\"${PODS_ROOT}/Target Support Files/Pods-App/Pods-App-frameworks.sh\"\n";
+			showEnvVarsInLog = 0;
+		};
+/* End PBXShellScriptBuildPhase section */
+
+/* Begin PBXSourcesBuildPhase section */
+		504EC3001FED79650016851F /* Sources */ = {
+			isa = PBXSourcesBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+				504EC3081FED79650016851F /* AppDelegate.swift in Sources */,
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+		};
+/* End PBXSourcesBuildPhase section */
+
+/* Begin PBXVariantGroup section */
+		504EC30B1FED79650016851F /* Main.storyboard */ = {
+			isa = PBXVariantGroup;
+			children = (
+				504EC30C1FED79650016851F /* Base */,
+			);
+			name = Main.storyboard;
+			sourceTree = "<group>";
+		};
+		504EC3101FED79650016851F /* LaunchScreen.storyboard */ = {
+			isa = PBXVariantGroup;
+			children = (
+				504EC3111FED79650016851F /* Base */,
+			);
+			name = LaunchScreen.storyboard;
+			sourceTree = "<group>";
+		};
+/* End PBXVariantGroup section */
+
+/* Begin XCBuildConfiguration section */
+		504EC3141FED79650016851F /* Debug */ = {
+			isa = XCBuildConfiguration;
+			buildSettings = {
+				ALWAYS_SEARCH_USER_PATHS = NO;
+				CLANG_ANALYZER_NONNULL = YES;
+				CLANG_ANALYZER_NUMBER_OBJECT_CONVERSION = YES_AGGRESSIVE;
+				CLANG_CXX_LANGUAGE_STANDARD = "gnu++14";
+				CLANG_CXX_LIBRARY = "libc++";
+				CLANG_ENABLE_MODULES = YES;
+				CLANG_ENABLE_OBJC_ARC = YES;
+				CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
+				CLANG_WARN_BOOL_CONVERSION = YES;
+				CLANG_WARN_COMMA = YES;
+				CLANG_WARN_CONSTANT_CONVERSION = YES;
+				CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
+				CLANG_WARN_DOCUMENTATION_COMMENTS = YES;
+				CLANG_WARN_EMPTY_BODY = YES;
+				CLANG_WARN_ENUM_CONVERSION = YES;
+				CLANG_WARN_INFINITE_RECURSION = YES;
+				CLANG_WARN_INT_CONVERSION = YES;
+				CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
+				CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
+				CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
+				CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
+				CLANG_WARN_STRICT_PROTOTYPES = YES;
+				CLANG_WARN_SUSPICIOUS_MOVE = YES;
+				CLANG_WARN_UNGUARDED_AVAILABILITY = YES_AGGRESSIVE;
+				CLANG_WARN_UNREACHABLE_CODE = YES;
+				CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
+				CODE_SIGN_IDENTITY = "iPhone Developer";
+				COPY_PHASE_STRIP = NO;
+				DEBUG_INFORMATION_FORMAT = dwarf;
+				ENABLE_STRICT_OBJC_MSGSEND = YES;
+				ENABLE_TESTABILITY = YES;
+				GCC_C_LANGUAGE_STANDARD = gnu11;
+				GCC_DYNAMIC_NO_PIC = NO;
+				GCC_NO_COMMON_BLOCKS = YES;
+				GCC_OPTIMIZATION_LEVEL = 0;
+				GCC_PREPROCESSOR_DEFINITIONS = (
+					"DEBUG=1",
+					"$(inherited)",
+				);
+				GCC_WARN_64_TO_32_BIT_CONVERSION = YES;
+				GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR;
+				GCC_WARN_UNDECLARED_SELECTOR = YES;
+				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
+				GCC_WARN_UNUSED_FUNCTION = YES;
+				GCC_WARN_UNUSED_VARIABLE = YES;
+				IPHONEOS_DEPLOYMENT_TARGET = 13.0;
+				MTL_ENABLE_DEBUG_INFO = YES;
+				ONLY_ACTIVE_ARCH = YES;
+				SDKROOT = iphoneos;
+				SWIFT_ACTIVE_COMPILATION_CONDITIONS = DEBUG;
+				SWIFT_OPTIMIZATION_LEVEL = "-Onone";
+			};
+			name = Debug;
+		};
+		504EC3151FED79650016851F /* Release */ = {
+			isa = XCBuildConfiguration;
+			buildSettings = {
+				ALWAYS_SEARCH_USER_PATHS = NO;
+				CLANG_ANALYZER_NONNULL = YES;
+				CLANG_ANALYZER_NUMBER_OBJECT_CONVERSION = YES_AGGRESSIVE;
+				CLANG_CXX_LANGUAGE_STANDARD = "gnu++14";
+				CLANG_CXX_LIBRARY = "libc++";
+				CLANG_ENABLE_MODULES = YES;
+				CLANG_ENABLE_OBJC_ARC = YES;
+				CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
+				CLANG_WARN_BOOL_CONVERSION = YES;
+				CLANG_WARN_COMMA = YES;
+				CLANG_WARN_CONSTANT_CONVERSION = YES;
+				CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
+				CLANG_WARN_DOCUMENTATION_COMMENTS = YES;
+				CLANG_WARN_EMPTY_BODY = YES;
+				CLANG_WARN_ENUM_CONVERSION = YES;
+				CLANG_WARN_INFINITE_RECURSION = YES;
+				CLANG_WARN_INT_CONVERSION = YES;
+				CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
+				CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
+				CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
+				CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
+				CLANG_WARN_STRICT_PROTOTYPES = YES;
+				CLANG_WARN_SUSPICIOUS_MOVE = YES;
+				CLANG_WARN_UNGUARDED_AVAILABILITY = YES_AGGRESSIVE;
+				CLANG_WARN_UNREACHABLE_CODE = YES;
+				CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
+				CODE_SIGN_IDENTITY = "iPhone Developer";
+				COPY_PHASE_STRIP = NO;
+				DEBUG_INFORMATION_FORMAT = "dwarf-with-dsym";
+				ENABLE_NS_ASSERTIONS = NO;
+				ENABLE_STRICT_OBJC_MSGSEND = YES;
+				GCC_C_LANGUAGE_STANDARD = gnu11;
+				GCC_NO_COMMON_BLOCKS = YES;
+				GCC_WARN_64_TO_32_BIT_CONVERSION = YES;
+				GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR;
+				GCC_WARN_UNDECLARED_SELECTOR = YES;
+				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
+				GCC_WARN_UNUSED_FUNCTION = YES;
+				GCC_WARN_UNUSED_VARIABLE = YES;
+				IPHONEOS_DEPLOYMENT_TARGET = 13.0;
+				MTL_ENABLE_DEBUG_INFO = NO;
+				SDKROOT = iphoneos;
+				SWIFT_OPTIMIZATION_LEVEL = "-Owholemodule";
+				VALIDATE_PRODUCT = YES;
+			};
+			name = Release;
+		};
+		504EC3171FED79650016851F /* Debug */ = {
+			isa = XCBuildConfiguration;
+			baseConfigurationReference = FC68EB0AF532CFC21C3344DD /* Pods-App.debug.xcconfig */;
+			buildSettings = {
+				ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;
+				CODE_SIGN_STYLE = Automatic;
+				CURRENT_PROJECT_VERSION = 1;
+				DEVELOPMENT_TEAM = 5XQS3G6YV7;
+				INFOPLIST_FILE = App/Info.plist;
+				IPHONEOS_DEPLOYMENT_TARGET = 13.0;
+				LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks";
+				MARKETING_VERSION = 1.0;
+				OTHER_SWIFT_FLAGS = "$(inherited) \"-D\" \"COCOAPODS\" \"-DDEBUG\"";
+				PRODUCT_BUNDLE_IDENTIFIER = com.contexted.app;
+				PRODUCT_NAME = "$(TARGET_NAME)";
+				SWIFT_ACTIVE_COMPILATION_CONDITIONS = DEBUG;
+				SWIFT_VERSION = 5.0;
+				TARGETED_DEVICE_FAMILY = "1,2";
+			};
+			name = Debug;
+		};
+		504EC3181FED79650016851F /* Release */ = {
+			isa = XCBuildConfiguration;
+			baseConfigurationReference = AF51FD2D460BCFE21FA515B2 /* Pods-App.release.xcconfig */;
+			buildSettings = {
+				ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;
+				CODE_SIGN_STYLE = Automatic;
+				CURRENT_PROJECT_VERSION = 1;
+				DEVELOPMENT_TEAM = 5XQS3G6YV7;
+				INFOPLIST_FILE = App/Info.plist;
+				IPHONEOS_DEPLOYMENT_TARGET = 13.0;
+				LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks";
+				MARKETING_VERSION = 1.0;
+				PRODUCT_BUNDLE_IDENTIFIER = com.contexted.app;
+				PRODUCT_NAME = "$(TARGET_NAME)";
+				SWIFT_ACTIVE_COMPILATION_CONDITIONS = "";
+				SWIFT_VERSION = 5.0;
+				TARGETED_DEVICE_FAMILY = "1,2";
+			};
+			name = Release;
+		};
+/* End XCBuildConfiguration section */
+
+/* Begin XCConfigurationList section */
+		504EC2FF1FED79650016851F /* Build configuration list for PBXProject "App" */ = {
+			isa = XCConfigurationList;
+			buildConfigurations = (
+				504EC3141FED79650016851F /* Debug */,
+				504EC3151FED79650016851F /* Release */,
+			);
+			defaultConfigurationIsVisible = 0;
+			defaultConfigurationName = Release;
+		};
+		504EC3161FED79650016851F /* Build configuration list for PBXNativeTarget "App" */ = {
+			isa = XCConfigurationList;
+			buildConfigurations = (
+				504EC3171FED79650016851F /* Debug */,
+				504EC3181FED79650016851F /* Release */,
+			);
+			defaultConfigurationIsVisible = 0;
+			defaultConfigurationName = Release;
+		};
+/* End XCConfigurationList section */
+	};
+	rootObject = 504EC2FC1FED79650016851F /* Project object */;
+}

ios/App/App.xcodeproj/project.xcworkspace/contents.xcworkspacedata

@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<Workspace
+   version = "1.0">
+   <FileRef
+      location = "self:App.xcodeproj">
+   </FileRef>
+</Workspace>

ios/App/App.xcworkspace/contents.xcworkspacedata

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<Workspace
+   version = "1.0">
+   <FileRef
+      location = "group:App.xcodeproj">
+   </FileRef>
+   <FileRef
+      location = "group:Pods/Pods.xcodeproj">
+   </FileRef>
+</Workspace>

ios/App/App.xcworkspace/xcshareddata/IDEWorkspaceChecks.plist

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+	<key>IDEDidComputeMac32BitWarning</key>
+	<true/>
+</dict>
+</plist>

ios/App/App/AppDelegate.swift

@@ -0,0 +1,49 @@
+import UIKit
+import Capacitor
+
+@UIApplicationMain
+class AppDelegate: UIResponder, UIApplicationDelegate {
+
+    var window: UIWindow?
+
+    func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?) -> Bool {
+        // Override point for customization after application launch.
+        return true
+    }
+
+    func applicationWillResignActive(_ application: UIApplication) {
+        // Sent when the application is about to move from active to inactive state. This can occur for certain types of temporary interruptions (such as an incoming phone call or SMS message) or when the user quits the application and it begins the transition to the background state.
+        // Use this method to pause ongoing tasks, disable timers, and invalidate graphics rendering callbacks. Games should use this method to pause the game.
+    }
+
+    func applicationDidEnterBackground(_ application: UIApplication) {
+        // Use this method to release shared resources, save user data, invalidate timers, and store enough application state information to restore your application to its current state in case it is terminated later.
+        // If your application supports background execution, this method is called instead of applicationWillTerminate: when the user quits.
+    }
+
+    func applicationWillEnterForeground(_ application: UIApplication) {
+        // Called as part of the transition from the background to the active state; here you can undo many of the changes made on entering the background.
+    }
+
+    func applicationDidBecomeActive(_ application: UIApplication) {
+        // Restart any tasks that were paused (or not yet started) while the application was inactive. If the application was previously in the background, optionally refresh the user interface.
+    }
+
+    func applicationWillTerminate(_ application: UIApplication) {
+        // Called when the application is about to terminate. Save data if appropriate. See also applicationDidEnterBackground:.
+    }
+
+    func application(_ app: UIApplication, open url: URL, options: [UIApplication.OpenURLOptionsKey: Any] = [:]) -> Bool {
+        // Called when the app was launched with a url. Feel free to add additional processing here,
+        // but if you want the App API to support tracking app url opens, make sure to keep this call
+        return ApplicationDelegateProxy.shared.application(app, open: url, options: options)
+    }
+
+    func application(_ application: UIApplication, continue userActivity: NSUserActivity, restorationHandler: @escaping ([UIUserActivityRestoring]?) -> Void) -> Bool {
+        // Called when the app was launched with an activity, including Universal Links.
+        // Feel free to add additional processing here, but if you want the App API to support
+        // tracking app url opens, make sure to keep this call
+        return ApplicationDelegateProxy.shared.application(application, continue: userActivity, restorationHandler: restorationHandler)
+    }
+
+}

ios/App/App/Assets.xcassets/AppIcon.appiconset/Contents.json

@@ -0,0 +1,14 @@
+{
+  "images" : [
+    {
+      "filename" : "AppIcon-1024@2x.png",
+      "idiom" : "universal",
+      "platform" : "ios",
+      "size" : "1024x1024"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}

ios/App/App/Assets.xcassets/Contents.json

@@ -0,0 +1,6 @@
+{
+  "info" : {
+    "version" : 1,
+    "author" : "xcode"
+  }
+}

ios/App/App/Assets.xcassets/Splash.imageset/Contents.json

@@ -0,0 +1,23 @@
+{
+  "images" : [
+    {
+      "filename" : "splash-landscape@1x.png",
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "filename" : "splash-landscape@2x.png",
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "filename" : "splash-landscape@3x.png",
+      "idiom" : "universal",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}

ios/App/App/Base.lproj/LaunchScreen.storyboard

@@ -0,0 +1,32 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<document type="com.apple.InterfaceBuilder3.CocoaTouch.Storyboard.XIB" version="3.0" toolsVersion="17132" targetRuntime="iOS.CocoaTouch" propertyAccessControl="none" useAutolayout="YES" launchScreen="YES" useTraitCollections="YES" useSafeAreas="YES" colorMatched="YES" initialViewController="01J-lp-oVM">
+    <device id="retina4_7" orientation="portrait" appearance="light"/>
+    <dependencies>
+        <deployment identifier="iOS"/>
+        <plugIn identifier="com.apple.InterfaceBuilder.IBCocoaTouchPlugin" version="17105"/>
+        <capability name="System colors in document resources" minToolsVersion="11.0"/>
+        <capability name="documents saved in the Xcode 8 format" minToolsVersion="8.0"/>
+    </dependencies>
+    <scenes>
+        <!--View Controller-->
+        <scene sceneID="EHf-IW-A2E">
+            <objects>
+                <viewController id="01J-lp-oVM" sceneMemberID="viewController">
+                    <imageView key="view" userInteractionEnabled="NO" contentMode="scaleAspectFill" horizontalHuggingPriority="251" verticalHuggingPriority="251" image="Splash" id="snD-IY-ifK">
+                        <rect key="frame" x="0.0" y="0.0" width="375" height="667"/>
+                        <autoresizingMask key="autoresizingMask"/>
+                        <color key="backgroundColor" systemColor="systemBackgroundColor"/>
+                    </imageView>
+                </viewController>
+                <placeholder placeholderIdentifier="IBFirstResponder" id="iYj-Kq-Ea1" userLabel="First Responder" sceneMemberID="firstResponder"/>
+            </objects>
+            <point key="canvasLocation" x="53" y="375"/>
+        </scene>
+    </scenes>
+    <resources>
+        <image name="Splash" width="1366" height="1366"/>
+        <systemColor name="systemBackgroundColor">
+            <color white="1" alpha="1" colorSpace="custom" customColorSpace="genericGamma22GrayColorSpace"/>
+        </systemColor>
+    </resources>
+</document>

ios/App/App/Base.lproj/Main.storyboard

@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<document type="com.apple.InterfaceBuilder3.CocoaTouch.Storyboard.XIB" version="3.0" toolsVersion="14111" targetRuntime="iOS.CocoaTouch" propertyAccessControl="none" useAutolayout="YES" useTraitCollections="YES" colorMatched="YES" initialViewController="BYZ-38-t0r">
+    <device id="retina4_7" orientation="portrait">
+        <adaptation id="fullscreen"/>
+    </device>
+    <dependencies>
+        <deployment identifier="iOS"/>
+        <plugIn identifier="com.apple.InterfaceBuilder.IBCocoaTouchPlugin" version="14088"/>
+    </dependencies>
+    <scenes>
+        <!--Bridge View Controller-->
+        <scene sceneID="tne-QT-ifu">
+            <objects>
+                <viewController id="BYZ-38-t0r" customClass="CAPBridgeViewController" customModule="Capacitor" sceneMemberID="viewController"/>
+                <placeholder placeholderIdentifier="IBFirstResponder" id="dkx-z0-nzr" sceneMemberID="firstResponder"/>
+            </objects>
+        </scene>
+    </scenes>
+</document>

ios/App/App/GoogleService-Info.plist

@@ -0,0 +1,38 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+	<key>CLIENT_ID</key>
+	<string>1048273547256-fes4qqj6po81ki21doggnst5ptjsa940.apps.googleusercontent.com</string>
+	<key>REVERSED_CLIENT_ID</key>
+	<string>com.googleusercontent.apps.1048273547256-fes4qqj6po81ki21doggnst5ptjsa940</string>
+	<key>ANDROID_CLIENT_ID</key>
+	<string>1048273547256-qq9j4hcvni377p8cva7v10u9us1pjrc9.apps.googleusercontent.com</string>
+	<key>API_KEY</key>
+	<string>AIzaSyCkN_Fm0wGcDZJJ6ltz5NHDvs9zPgKiSTQ</string>
+	<key>GCM_SENDER_ID</key>
+	<string>1048273547256</string>
+	<key>PLIST_VERSION</key>
+	<string>1</string>
+	<key>BUNDLE_ID</key>
+	<string>com.contexted.app</string>
+	<key>PROJECT_ID</key>
+	<string>contexted-f8b4e</string>
+	<key>STORAGE_BUCKET</key>
+	<string>contexted-f8b4e.appspot.com</string>
+	<key>IS_ADS_ENABLED</key>
+	<false></false>
+	<key>IS_ANALYTICS_ENABLED</key>
+	<false></false>
+	<key>IS_APPINVITE_ENABLED</key>
+	<true></true>
+	<key>IS_GCM_ENABLED</key>
+	<true></true>
+	<key>IS_SIGNIN_ENABLED</key>
+	<true></true>
+	<key>GOOGLE_APP_ID</key>
+	<string>1:1048273547256:ios:e57d78bd483100900f700d</string>
+	<key>DATABASE_URL</key>
+	<string>https://contexted-f8b4e.firebaseio.com</string>
+</dict>
+</plist>

ios/App/App/Info.plist

@@ -0,0 +1,62 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+	<key>CFBundleDevelopmentRegion</key>
+	<string>en</string>
+	<key>CFBundleDisplayName</key>
+	<string>Contexted</string>
+	<key>CFBundleExecutable</key>
+	<string>$(EXECUTABLE_NAME)</string>
+	<key>CFBundleIdentifier</key>
+	<string>$(PRODUCT_BUNDLE_IDENTIFIER)</string>
+	<key>CFBundleInfoDictionaryVersion</key>
+	<string>6.0</string>
+	<key>CFBundleName</key>
+	<string>$(PRODUCT_NAME)</string>
+	<key>CFBundlePackageType</key>
+	<string>APPL</string>
+	<key>CFBundleShortVersionString</key>
+	<string>$(MARKETING_VERSION)</string>
+	<key>CFBundleURLTypes</key>
+	<array>
+		<dict>
+			<key>CFBundleTypeRole</key>
+			<string>Editor</string>
+			<key>CFBundleURLName</key>
+			<string>Firebase</string>
+			<key>CFBundleURLSchemes</key>
+			<array>
+				<string>com.googleusercontent.apps.1048273547256-fes4qqj6po81ki21doggnst5ptjsa940</string>
+			</array>
+		</dict>
+	</array>
+	<key>CFBundleVersion</key>
+	<string>$(CURRENT_PROJECT_VERSION)</string>
+	<key>LSRequiresIPhoneOS</key>
+	<true/>
+	<key>UILaunchStoryboardName</key>
+	<string>LaunchScreen</string>
+	<key>UIMainStoryboardFile</key>
+	<string>Main</string>
+	<key>UIRequiredDeviceCapabilities</key>
+	<array>
+		<string>armv7</string>
+	</array>
+	<key>UISupportedInterfaceOrientations</key>
+	<array>
+		<string>UIInterfaceOrientationPortrait</string>
+		<string>UIInterfaceOrientationLandscapeLeft</string>
+		<string>UIInterfaceOrientationLandscapeRight</string>
+	</array>
+	<key>UISupportedInterfaceOrientations~ipad</key>
+	<array>
+		<string>UIInterfaceOrientationPortrait</string>
+		<string>UIInterfaceOrientationPortraitUpsideDown</string>
+		<string>UIInterfaceOrientationLandscapeLeft</string>
+		<string>UIInterfaceOrientationLandscapeRight</string>
+	</array>
+	<key>UIViewControllerBasedStatusBarAppearance</key>
+	<true/>
+</dict>
+</plist>

ios/App/Podfile

@@ -0,0 +1,39 @@
+require_relative '../../node_modules/@capacitor/ios/scripts/pods_helpers'
+
+platform :ios, '13.0'
+use_frameworks!
+
+# workaround to avoid Xcode caching of Pods that requires
+# Product -> Clean Build Folder after new Cordova plugins installed
+# Requires CocoaPods 1.6 or newer
+install! 'cocoapods', :disable_input_output_paths => true
+
+def capacitor_pods
+  pod 'Capacitor', :path => '../../node_modules/@capacitor/ios'
+  pod 'CapacitorCordova', :path => '../../node_modules/@capacitor/ios'
+  pod 'CapacitorFirebaseAuthentication', :path => '../../node_modules/@capacitor-firebase/authentication'
+  pod 'CapacitorDialog', :path => '../../node_modules/@capacitor/dialog'
+  pod 'CapacitorHaptics', :path => '../../node_modules/@capacitor/haptics'
+  pod 'CapacitorKeyboard', :path => '../../node_modules/@capacitor/keyboard'
+  pod 'CapacitorSplashScreen', :path => '../../node_modules/@capacitor/splash-screen'
+  pod 'CapacitorStatusBar', :path => '../../node_modules/@capacitor/status-bar'
+end
+
+target 'App' do
+  capacitor_pods
+  # Add your Pods here
+  pod 'CapacitorFirebaseAuthentication/Google', :path => '../../node_modules/@capacitor-firebase/authentication'
+end
+
+post_install do |installer|
+  assertDeploymentTarget(installer)
+  installer.pods_project.targets.each do |target|
+      target.build_configurations.each do |config|
+          if target.respond_to?(:product_type) and target.product_type == "com.apple.product-type.bundle"
+              target.build_configurations.each do |config|
+                  config.build_settings['CODE_SIGNING_ALLOWED'] = 'NO'
+              end
+          end
+      end
+  end
+end

ios/App/Podfile.lock

@@ -0,0 +1,134 @@
+PODS:
+  - AppAuth (1.6.2):
+    - AppAuth/Core (= 1.6.2)
+    - AppAuth/ExternalUserAgent (= 1.6.2)
+  - AppAuth/Core (1.6.2)
+  - AppAuth/ExternalUserAgent (1.6.2):
+    - AppAuth/Core
+  - Capacitor (5.0.4):
+    - CapacitorCordova
+  - CapacitorCordova (5.0.4)
+  - CapacitorDialog (5.0.2):
+    - Capacitor
+  - CapacitorFirebaseAuthentication (5.0.0):
+    - Capacitor
+    - CapacitorFirebaseAuthentication/Lite (= 5.0.0)
+    - FirebaseAuth (= 10.8.0)
+  - CapacitorFirebaseAuthentication/Google (5.0.0):
+    - Capacitor
+    - FirebaseAuth (= 10.8.0)
+    - GoogleSignIn (= 7.0.0)
+  - CapacitorFirebaseAuthentication/Lite (5.0.0):
+    - Capacitor
+    - FirebaseAuth (= 10.8.0)
+  - CapacitorHaptics (5.0.2):
+    - Capacitor
+  - CapacitorKeyboard (5.0.2):
+    - Capacitor
+  - CapacitorSplashScreen (5.0.2):
+    - Capacitor
+  - CapacitorStatusBar (5.0.2):
+    - Capacitor
+  - FirebaseAppCheckInterop (10.10.0)
+  - FirebaseAuth (10.8.0):
+    - FirebaseAppCheckInterop (~> 10.0)
+    - FirebaseCore (~> 10.0)
+    - GoogleUtilities/AppDelegateSwizzler (~> 7.8)
+    - GoogleUtilities/Environment (~> 7.8)
+    - GTMSessionFetcher/Core (< 4.0, >= 2.1)
+  - FirebaseCore (10.10.0):
+    - FirebaseCoreInternal (~> 10.0)
+    - GoogleUtilities/Environment (~> 7.8)
+    - GoogleUtilities/Logger (~> 7.8)
+  - FirebaseCoreInternal (10.10.0):
+    - "GoogleUtilities/NSData+zlib (~> 7.8)"
+  - GoogleSignIn (7.0.0):
+    - AppAuth (~> 1.5)
+    - GTMAppAuth (< 3.0, >= 1.3)
+    - GTMSessionFetcher/Core (< 4.0, >= 1.1)
+  - GoogleUtilities/AppDelegateSwizzler (7.11.1):
+    - GoogleUtilities/Environment
+    - GoogleUtilities/Logger
+    - GoogleUtilities/Network
+  - GoogleUtilities/Environment (7.11.1):
+    - PromisesObjC (< 3.0, >= 1.2)
+  - GoogleUtilities/Logger (7.11.1):
+    - GoogleUtilities/Environment
+  - GoogleUtilities/Network (7.11.1):
+    - GoogleUtilities/Logger
+    - "GoogleUtilities/NSData+zlib"
+    - GoogleUtilities/Reachability
+  - "GoogleUtilities/NSData+zlib (7.11.1)"
+  - GoogleUtilities/Reachability (7.11.1):
+    - GoogleUtilities/Logger
+  - GTMAppAuth (2.0.0):
+    - AppAuth/Core (~> 1.6)
+    - GTMSessionFetcher/Core (< 4.0, >= 1.5)
+  - GTMSessionFetcher/Core (3.1.1)
+  - PromisesObjC (2.2.0)
+
+DEPENDENCIES:
+  - "Capacitor (from `../../node_modules/@capacitor/ios`)"
+  - "CapacitorCordova (from `../../node_modules/@capacitor/ios`)"
+  - "CapacitorDialog (from `../../node_modules/@capacitor/dialog`)"
+  - "CapacitorFirebaseAuthentication (from `../../node_modules/@capacitor-firebase/authentication`)"
+  - "CapacitorFirebaseAuthentication/Google (from `../../node_modules/@capacitor-firebase/authentication`)"
+  - "CapacitorHaptics (from `../../node_modules/@capacitor/haptics`)"
+  - "CapacitorKeyboard (from `../../node_modules/@capacitor/keyboard`)"
+  - "CapacitorSplashScreen (from `../../node_modules/@capacitor/splash-screen`)"
+  - "CapacitorStatusBar (from `../../node_modules/@capacitor/status-bar`)"
+
+SPEC REPOS:
+  trunk:
+    - AppAuth
+    - FirebaseAppCheckInterop
+    - FirebaseAuth
+    - FirebaseCore
+    - FirebaseCoreInternal
+    - GoogleSignIn
+    - GoogleUtilities
+    - GTMAppAuth
+    - GTMSessionFetcher
+    - PromisesObjC
+
+EXTERNAL SOURCES:
+  Capacitor:
+    :path: "../../node_modules/@capacitor/ios"
+  CapacitorCordova:
+    :path: "../../node_modules/@capacitor/ios"
+  CapacitorDialog:
+    :path: "../../node_modules/@capacitor/dialog"
+  CapacitorFirebaseAuthentication:
+    :path: "../../node_modules/@capacitor-firebase/authentication"
+  CapacitorHaptics:
+    :path: "../../node_modules/@capacitor/haptics"
+  CapacitorKeyboard:
+    :path: "../../node_modules/@capacitor/keyboard"
+  CapacitorSplashScreen:
+    :path: "../../node_modules/@capacitor/splash-screen"
+  CapacitorStatusBar:
+    :path: "../../node_modules/@capacitor/status-bar"
+
+SPEC CHECKSUMS:
+  AppAuth: 3bb1d1cd9340bd09f5ed189fb00b1cc28e1e8570
+  Capacitor: d3d4463573438b9fa65326d1f3549da6f4c21634
+  CapacitorCordova: b1fe6bf1f36974a8e4a9044b342d22d49c0996d6
+  CapacitorDialog: 01c49f7f4b37e7ad59e38fd317a6e5f006f23cdc
+  CapacitorFirebaseAuthentication: f2e3c2a7488b87078025855588670840f93a721e
+  CapacitorHaptics: 864585542a435bd41eaabf7f30d9ff5ec03024d3
+  CapacitorKeyboard: e628d4e66d621c69e449945ebabded17c5b9c2e8
+  CapacitorSplashScreen: bd2a056394ba0b8807e7bb3e746424f67c426e03
+  CapacitorStatusBar: 48f2899f6846cc7d8431b251ebfc58e1c10e3d58
+  FirebaseAppCheckInterop: 7d3521f56872cf74a01792c0a095a30e054ff6ae
+  FirebaseAuth: 28e6fff787467cd15ab51c8c7aa904003b2f57aa
+  FirebaseCore: d027ff503d37edb78db98429b11f580a24a7df2a
+  FirebaseCoreInternal: 971029061d326000d65bfdc21f5502c75c8b0893
+  GoogleSignIn: b232380cf495a429b8095d3178a8d5855b42e842
+  GoogleUtilities: 9aa0ad5a7bc171f8bae016300bfcfa3fb8425749
+  GTMAppAuth: 99fb010047ba3973b7026e45393f51f27ab965ae
+  GTMSessionFetcher: e8647203b65cee28c5f73d0f473d096653945e72
+  PromisesObjC: 09985d6d70fbe7878040aa746d78236e6946d2ef
+
+PODFILE CHECKSUM: 9a19ff50409d024bca91266c62454036ebb27258
+
+COCOAPODS: 1.12.1

package.json

@@ -1,14 +1,29 @@
 {
   "name": "contexted-v3",
   "private": true,
-  "version": "0.0.0",
+  "version": "0.1.0",
   "type": "module",
   "scripts": {
     "dev": "vite",
-    "build": "vue-tsc && vite build",
+    "build": "run-p type-check build-only",
-    "preview": "vite preview"
+    "preview": "vite preview",
+    "build-only": "vite build",
+    "type-check": "vue-tsc --noEmit -p tsconfig.app.json --composite false",
+    "lint": "eslint ./src --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore",
+    "format": "prettier --write src/",
+    "local": "npm run build && firebase serve --only hosting",
+    "deploy": "npm run build && firebase deploy --only hosting:contexted-v3"
   },
   "dependencies": {
+    "@capacitor-firebase/authentication": "^5.0.0",
+    "@capacitor/android": "^5.0.4",
+    "@capacitor/core": "^5.0.4",
+    "@capacitor/dialog": "^5.0.2",
+    "@capacitor/haptics": "^5.0.2",
+    "@capacitor/ios": "^5.0.4",
+    "@capacitor/keyboard": "^5.0.2",
+    "@capacitor/splash-screen": "^5.0.2",
+    "@capacitor/status-bar": "^5.0.2",
     "@ckeditor/ckeditor5-autoformat": "^37.1.0",
     "@ckeditor/ckeditor5-basic-styles": "^37.1.0",
     "@ckeditor/ckeditor5-editor-balloon": "^37.1.0",
@@ -21,27 +36,47 @@
     "@ckeditor/vite-plugin-ckeditor5": "^0.1.1",
     "@fontsource/source-sans-pro": "^4.5.11",
     "@fortawesome/fontawesome-free": "^6.4.0",
+    "@types/cytoscape": "^3.19.9",
     "@types/marked": "^4.0.8",
     "@vueuse/components": "^10.1.0",
     "@vueuse/core": "^10.1.2",
-    "daisyui": "^2.51.6",
+    "crypto-js": "^4.1.1",
+    "cytoscape": "^3.25.0",
     "date-fns": "^2.29.3",
     "dompurify": "^3.0.2",
-    "firebase": "^9.20.0",
+    "file-saver": "^2.0.5",
+    "firebase": "^9.22.0",
+    "firebaseui": "^6.0.2",
     "hamburgers": "^1.2.1",
+    "jszip": "^3.10.1",
     "lodash-es": "^4.17.21",
     "marked": "^4.3.0",
     "shortid": "^2.2.16",
     "turndown": "^7.1.2",
-    "vue": "^3.3.1"
+    "vue": "^3.3.4"
   },
   "devDependencies": {
+    "@capacitor/cli": "^5.0.4",
+    "@rushstack/eslint-patch": "^1.2.0",
+    "@tailwindcss/typography": "^0.5.9",
+    "@tsconfig/node18": "^2.0.1",
+    "@types/crypto-js": "^4.1.1",
     "@types/dompurify": "^3.0.2",
+    "@types/file-saver": "^2.0.5",
     "@types/lodash-es": "^4.17.7",
+    "@types/node": "^20.2.1",
     "@types/shortid": "^0.0.29",
     "@types/turndown": "^5.0.1",
-    "@vitejs/plugin-vue": "^4.2.2",
+    "@vitejs/plugin-vue": "^4.2.3",
+    "@vue/eslint-config-prettier": "^7.1.0",
+    "@vue/eslint-config-typescript": "^11.0.3",
+    "@vue/tsconfig": "^0.4.0",
     "autoprefixer": "^10.4.14",
+    "daisyui": "^4.4.19",
+    "eslint": "^8.40.0",
+    "eslint-plugin-vue": "^9.13.0",
+    "firebase-tools": "^12.1.0",
+    "npm-run-all": "^4.1.5",
     "postcss": "^8.4.23",
     "prettier": "^2.8.8",
     "prettier-plugin-tailwindcss": "^0.2.8",
@@ -50,7 +85,7 @@
     "typescript": "^5.0.2",
     "unplugin-auto-import": "^0.15.3",
     "unplugin-vue-components": "^0.24.1",
-    "vite": "^4.3.5",
+    "vite": "^4.3.8",
     "vue-tsc": "^1.6.4"
   }
 }

postcss.config.js

@@ -1,4 +1,5 @@
 export default {
+
   plugins: {
     tailwindcss: {},
     autoprefixer: {},

public/.well-known/assetlinks.json

@@ -0,0 +1,9 @@
+[{
+  "relation": ["delegate_permission/common.handle_all_urls"],
+  "target": {
+    "namespace": "android_app",
+    "package_name": "com.contexted.app",
+    "sha256_cert_fingerprints":
+    ["42:56:8A:D7:2C:F0:BE:28:E4:C2:CB:A7:C0:D1:4B:00:88:70:95:C7:C6:BF:7D:AA:61:D8:A0:59:94:25:63:1A"]
+  }
+}]

src/App.vue

@@ -1,32 +1,151 @@
 <script setup lang="ts">
-import { activeNote, updateNote } from '@/composables/useNotes'
+import { activeNote, updateNote, notes, activeNotesSource, getNotes } from '@/composables/useNotes'
 import { viewModes, activeViewMode } from '@/composables/useViewMode'
-const sideBarCollapsed = ref(false)
+import {
+    getClientKey,
+    getEncryptionKey,
+    encryptionKey,
+    setClientKey,
+    passphraseRequired
+} from '@/composables/useEncryption'
+import { initializeSettings } from '@/composables/useSettings'
+import { windowIsMobile } from '@/utils/helpers'
+import SideBar from '@/components/SideBar.vue'
+import { useWindowSize } from '@vueuse/core'
+import { SplashScreen } from '@capacitor/splash-screen'
+
+initializeSettings()
+
+onMounted(() => SplashScreen.hide())
+
+const sideBarCollapsed = ref<boolean>(windowIsMobile())
+
+const { width } = useWindowSize()
+watch(width, () => (sideBarCollapsed.value = windowIsMobile()))
+
+// const Note = defineAsyncComponent(() => import('@/components/ViewModes/Note.vue'))
+// const ListView = defineAsyncComponent(() => import('@/components/ViewModes/ListView.vue'))
+// const Mindmap = defineAsyncComponent(() => import('@/components/ViewModes/Mindmap.vue'))
+
+// const firebaseAuthUI =
+//   firebaseui.auth.AuthUI.getInstance() || new firebaseui.auth.AuthUI(firebase.auth())
+// provide('firebaseAuthUI', firebaseAuthUI)
+
+watch(
+    [activeNotesSource, encryptionKey],
+    () => {
+        if (activeNotesSource.value === 'firebase') {
+            getClientKey()
+            getEncryptionKey()
+        }
+        getNotes()
+    },
+    { immediate: true }
+)
+
+const passphrase = ref('')
+const passphraseValid = ref<boolean>()
+
+const submitPassphrase = (close: () => void) => {
+    const setClientKeyResult = setClientKey(passphrase.value)
+    passphraseValid.value = setClientKeyResult
+    if (passphraseValid.value) close()
+}
+
+const loading = computed(
+    () => notes.value.length === 0 || passphraseRequired.value || !activeNotesSource.value
+)
+provide('loading', loading)
+
+const topBarHeight = 52
+const topBarHeightWithSafeArea = computed(() => `calc(${topBarHeight}px + var(--safe-area-top))`)
 </script>
 
 <template>
-  <TopBar
+    <TopBar
-    :side-bar-collapsed="sideBarCollapsed"
+        :side-bar-collapsed="sideBarCollapsed"
-    @toggle-side-bar="sideBarCollapsed = !sideBarCollapsed"
+        :height="topBarHeight"
-  />
+        :style="{ height: topBarHeightWithSafeArea }"
-  <div class="relative mx-auto flex h-full max-w-app">
+        @toggle-side-bar="sideBarCollapsed = !sideBarCollapsed"
-    <SideBar
+        class="pe-[var(--safe-area-right)] ps-[var(--safe-area-left)]"
-      :view-modes="viewModes"
-      :active-view-mode="activeViewMode"
-      @set-view-mode="(viewMode) => (activeViewMode = viewMode)"
-      class="mt-[50px] px-3 py-6"
     />
-    <main
+    <!-- <div class="absolute bottom-0 left-0 right-0 top-[50px] mx-auto flex flex-grow"> -->
-      class="transition[margin-left] absolute bottom-0 left-0 right-0 top-[50px] flex overflow-hidden border-x-[1px] bg-white px-10 py-6 duration-200 ease-out"
+    <div
-      :class="sideBarCollapsed ? 'ml-0' : 'ml-sidebar'"
+        class="mx-auto flex w-full max-w-app flex-grow pe-[var(--safe-area-right)] ps-[var(--safe-area-left)]"
     >
-      <Note
+        <Transition name="sidebar">
-        v-if="activeNote"
+            <SideBar
-        :key="activeNote.id"
+                :view-modes="viewModes"
-        :note="activeNote"
+                :active-view-mode="activeViewMode"
-        class="w-full"
+                @set-view-mode="(viewMode) => (activeViewMode = viewMode)"
-        @update="(note) => updateNote(note.id, note)"
+                @collapse="(collapse) => (sideBarCollapsed = collapse)"
-      />
+                class="bg-gray-100 px-3 py-6 transition-[width] delay-200 duration-0 max-sm:z-50 max-sm:border-x-[1px] max-sm:py-3 max-sm:transition-transform max-sm:delay-0 max-sm:duration-200"
-    </main>
+                :style="{ 'margin-top': topBarHeightWithSafeArea }"
-  </div>
+                v-if="!sideBarCollapsed"
+            />
+        </Transition>
+        <Transition name="overlay">
+            <div
+                class="absolute bottom-0 left-0 right-0 top-0 z-40 cursor-pointer bg-neutral-800 bg-opacity-60 transition-opacity duration-200 sm:hidden"
+                @click="sideBarCollapsed = true"
+                v-if="!sideBarCollapsed"
+            />
+        </Transition>
+        <main
+            class="transition[margin-left] z-10 mx-auto flex h-full w-full max-w-app flex-col overflow-y-auto bg-white pb-[var(--safe-area-bottom)] duration-200 ease-out sm:border-x-[1px]"
+            :class="sideBarCollapsed ? 'ml-0' : 'sm:ml-sidebar'"
+        >
+            <div class="flex w-full flex-grow px-10 py-6 max-sm:px-4 max-sm:py-3">
+                <template v-if="!loading">
+                    <Note
+                        v-if="activeViewMode.name === 'Note' && activeNote"
+                        :key="activeNote.id"
+                        :note="activeNote"
+                        class=""
+                        @update="(note) => updateNote(note.id, note)"
+                    />
+                    <ListView v-else-if="activeViewMode.name === 'List'" />
+                    <Mindmap v-else-if="activeViewMode.name === 'Mindmap'" />
+                </template>
+                <SkeletonNote v-else />
+            </div>
+        </main>
+    </div>
+    <UIModal :open="passphraseRequired" persistent>
+        <template #title>Enter your passphrase</template>
+        <template #default="{ close }">
+            <div>
+                Your notes are encrypted. Please enter your encryption key passphrase to decrypt
+                your cloud notes.
+            </div>
+            <form @submit.prevent="submitPassphrase(close)">
+                <UIInputText
+                    type="password"
+                    class="w-full !max-w-full"
+                    :color="passphraseValid === false ? 'error' : 'regular'"
+                    v-model="passphrase"
+                ></UIInputText>
+            </form>
+            <UIAlert color="error" class="mt-4" v-if="passphraseValid === false">
+                <i class="fa-solid fa-triangle-exclamation"></i>
+                The passphrase you entered is incorrect.
+            </UIAlert>
+        </template>
+        <template #actions="{ close }">
+            <UIButton color="primary" size="sm" @click="submitPassphrase(close)">Submit</UIButton>
+        </template>
+    </UIModal>
 </template>
+<style scoped>
+.sidebar-enter-from,
+.sidebar-leave-to {
+    @apply max-sm:-translate-x-full;
+}
+.overlay-enter-from,
+.overlay-leave-to {
+    @apply opacity-0;
+}
+main {
+    contain: size layout style;
+}
+</style>

src/ckeditor/CKEditor.ts

@@ -15,228 +15,228 @@ const SAMPLE_READ_ONLY_LOCK_ID = 'Integration Sample'
 const INPUT_EVENT_DEBOUNCE_WAIT = 300
 
 export interface CKEditorComponentData {
-  instance: Editor | null
+    instance: Editor | null
-  lastEditorData: string | null
+    lastEditorData: string | null
 }
 
 export default defineComponent({
-  name: 'Ckeditor',
+    name: 'Ckeditor',
 
-  model: {
+    model: {
-    prop: 'modelValue',
+        prop: 'modelValue',
-    event: 'update:modelValue',
+        event: 'update:modelValue'
-  },
-
-  props: {
-    editor: {
-      type: Function as unknown as PropType<{
-        create(...args: any): Promise<Editor>
-      }>,
-      required: true,
-    },
-    config: {
-      type: Object as PropType<EditorConfig>,
-      default: () => ({}),
-    },
-    modelValue: {
-      type: String,
-      default: '',
-    },
-    tagName: {
-      type: String,
-      default: 'div',
-    },
-    disabled: {
-      type: Boolean,
-      default: false,
-    },
-    disableTwoWayDataBinding: {
-      type: Boolean,
-      default: false,
-    },
-  },
-
-  emits: [
-    'ready',
-    'destroy',
-    'blur',
-    'focus',
-    'input',
-    'update:modelValue',
-    'click',
-    'editorReady',
-    'contextedLinkAutocomplete',
-    'contextedKeypress',
-  ],
-
-  data(): CKEditorComponentData {
-    return {
-      // Don't define it in #props because it produces a warning.
-      // https://v3.vuejs.org/guide/component-props.html#one-way-data-flow
-      instance: null,
-      lastEditorData: null,
-    }
-  },
-
-  watch: {
-    modelValue(value) {
-      // Synchronize changes of #modelValue. There are two sources of changes:
-      //
-      //                External modelValue change      ──────╮
-      //                                                      ╰─────> ┏━━━━━━━━━━━┓
-      //                                                              ┃ Component ┃
-      //                                                      ╭─────> ┗━━━━━━━━━━━┛
-      //                   Internal data change         ──────╯
-      //             (typing, commands, collaboration)
-      //
-      // Case 1: If the change was external (via props), the editor data must be synced with
-      // the component using instance#setData() and it is OK to destroy the selection.
-      //
-      // Case 2: If the change is the result of internal data change, the #modelValue is the
-      // same as this.lastEditorData, which has been cached on #change:data. If we called
-      // instance#setData() at this point, that would demolish the selection.
-      //
-      // To limit the number of instance#setData() which is time-consuming when there is a
-      // lot of data we make sure:
-      //    * the new modelValue is at least different than the old modelValue (Case 1.)
-      //    * the new modelValue is different than the last internal instance state (Case 2.)
-      //
-      // See: https://github.com/ckeditor/ckeditor5-vue/issues/42.
-      if (this.instance && value !== this.lastEditorData) {
-        this.instance.data.set(value)
-      }
     },
 
-    // Synchronize changes of #disabled.
+    props: {
-    disabled(readOnlyMode) {
+        editor: {
-      if (readOnlyMode) {
+            type: Function as unknown as PropType<{
-        this.instance!.enableReadOnlyMode(SAMPLE_READ_ONLY_LOCK_ID)
+                create(...args: any): Promise<Editor>
-      } else {
+            }>,
-        this.instance!.disableReadOnlyMode(SAMPLE_READ_ONLY_LOCK_ID)
+            required: true
-      }
-    },
-  },
-
-  created() {
-    const { CKEDITOR_VERSION } = window
-
-    if (CKEDITOR_VERSION) {
-      const [major] = CKEDITOR_VERSION.split('.').map(Number)
-
-      if (major < 37) {
-        console.warn(
-          'The <CKEditor> component requires using CKEditor 5 in version 37 or higher.'
-        )
-      }
-    } else {
-      console.warn('Cannot find the "CKEDITOR_VERSION" in the "window" scope.')
-    }
-  },
-
-  mounted() {
-    // Clone the config first so it never gets mutated (across multiple editor instances).
-    // https://github.com/ckeditor/ckeditor5-vue/issues/101
-    const editorConfig: EditorConfig = Object.assign({}, this.config)
-
-    if (this.modelValue) {
-      editorConfig.initialData = this.modelValue
-    }
-
-    this.editor
-      .create(this.$el, editorConfig)
-      .then((editor) => {
-        // Save the reference to the instance for further use.
-        this.instance = markRaw(editor)
-
-        this.setUpEditorEvents()
-
-        // Synchronize the editor content. The #modelValue may change while the editor is being created, so the editor content has
-        // to be synchronized with these potential changes as soon as it is ready.
-        if (this.modelValue !== editorConfig.initialData) {
-          editor.data.set(this.modelValue)
-        }
-
-        // Set initial disabled state.
-        if (this.disabled) {
-          editor.enableReadOnlyMode(SAMPLE_READ_ONLY_LOCK_ID)
-        }
-
-        // Let the world know the editor is ready.
-        this.$emit('ready', editor)
-      })
-      .catch((error) => {
-        console.error(error)
-      })
-  },
-
-  beforeUnmount() {
-    if (this.instance) {
-      this.instance.destroy()
-      this.instance = null
-    }
-
-    // Note: By the time the editor is destroyed (promise resolved, editor#destroy fired)
-    // the Vue component will not be able to emit any longer. So emitting #destroy a bit earlier.
-    this.$emit('destroy', this.instance)
-  },
-
-  methods: {
-    setUpEditorEvents() {
-      const editor = this.instance!
-      this.$emit('editorReady', editor)
-
-      // Use the leading edge so the first event in the series is emitted immediately.
-      // Failing to do so leads to race conditions, for instance, when the component modelValue
-      // is set twice in a time span shorter than the debounce time.
-      // See https://github.com/ckeditor/ckeditor5-vue/issues/149.
-      const emitDebouncedInputEvent = debounce(
-        (evt) => {
-          if (this.disableTwoWayDataBinding) {
-            return
-          }
-
-          // Cache the last editor data. This kind of data is a result of typing,
-          // editor command execution, collaborative changes to the document, etc.
-          // This data is compared when the component modelValue changes in a 2-way binding.
-          const data = (this.lastEditorData = editor.data.get())
-
-          // The compatibility with the v-model and general Vue.js concept of input–like components.
-          this.$emit('update:modelValue', data, evt, editor)
-          this.$emit('input', data, evt, editor)
         },
-        INPUT_EVENT_DEBOUNCE_WAIT,
+        config: {
-        { leading: true }
+            type: Object as PropType<EditorConfig>,
-      )
+            default: () => ({})
-
+        },
-      // Debounce emitting the #input event. When data is huge, instance#getData()
+        modelValue: {
-      // takes a lot of time to execute on every single key press and ruins the UX.
+            type: String,
-      //
+            default: ''
-      // See: https://github.com/ckeditor/ckeditor5-vue/issues/42
+        },
-      editor.model.document.on('change:data', emitDebouncedInputEvent)
+        tagName: {
-
+            type: String,
-      editor.editing.view.document.on('focus', (evt) => {
+            default: 'div'
-        this.$emit('focus', evt, editor)
+        },
-      })
+        disabled: {
-
+            type: Boolean,
-      editor.editing.view.document.on('blur', (evt) => {
+            default: false
-        this.$emit('blur', evt, editor)
+        },
-      })
+        disableTwoWayDataBinding: {
-
+            type: Boolean,
-      // Custom event
+            default: false
-      editor.editing.view.document.on('click', (evt, data) => {
+        }
-        this.$emit('click', { evt, data }, editor)
-      })
-
-      editor.model.document.on('contextedLinkAutocomplete', (_, data) => {
-        this.$emit('contextedLinkAutocomplete', data)
-      })
-      editor.model.document.on('contextedKeypress', (_, eventData) => {
-        this.$emit('contextedKeypress', eventData)
-      })
     },
-  },
 
-  render() {
+    emits: [
-    return h(this.tagName)
+        'ready',
-  },
+        'destroy',
+        'blur',
+        'focus',
+        'input',
+        'update:modelValue',
+        'click',
+        'editorReady',
+        'contextedLinkAutocomplete',
+        'contextedKeypress'
+    ],
+
+    data(): CKEditorComponentData {
+        return {
+            // Don't define it in #props because it produces a warning.
+            // https://v3.vuejs.org/guide/component-props.html#one-way-data-flow
+            instance: null,
+            lastEditorData: null
+        }
+    },
+
+    watch: {
+        modelValue(value) {
+            // Synchronize changes of #modelValue. There are two sources of changes:
+            //
+            //                External modelValue change      ──────╮
+            //                                                      ╰─────> ┏━━━━━━━━━━━┓
+            //                                                              ┃ Component ┃
+            //                                                      ╭─────> ┗━━━━━━━━━━━┛
+            //                   Internal data change         ──────╯
+            //             (typing, commands, collaboration)
+            //
+            // Case 1: If the change was external (via props), the editor data must be synced with
+            // the component using instance#setData() and it is OK to destroy the selection.
+            //
+            // Case 2: If the change is the result of internal data change, the #modelValue is the
+            // same as this.lastEditorData, which has been cached on #change:data. If we called
+            // instance#setData() at this point, that would demolish the selection.
+            //
+            // To limit the number of instance#setData() which is time-consuming when there is a
+            // lot of data we make sure:
+            //    * the new modelValue is at least different than the old modelValue (Case 1.)
+            //    * the new modelValue is different than the last internal instance state (Case 2.)
+            //
+            // See: https://github.com/ckeditor/ckeditor5-vue/issues/42.
+            if (this.instance && value !== this.lastEditorData) {
+                this.instance.data.set(value)
+            }
+        },
+
+        // Synchronize changes of #disabled.
+        disabled(readOnlyMode) {
+            if (readOnlyMode) {
+                this.instance!.enableReadOnlyMode(SAMPLE_READ_ONLY_LOCK_ID)
+            } else {
+                this.instance!.disableReadOnlyMode(SAMPLE_READ_ONLY_LOCK_ID)
+            }
+        }
+    },
+
+    created() {
+        const { CKEDITOR_VERSION } = window
+
+        if (CKEDITOR_VERSION) {
+            const [major] = CKEDITOR_VERSION.split('.').map(Number)
+
+            if (major < 37) {
+                console.warn(
+                    'The <CKEditor> component requires using CKEditor 5 in version 37 or higher.'
+                )
+            }
+        } else {
+            console.warn('Cannot find the "CKEDITOR_VERSION" in the "window" scope.')
+        }
+    },
+
+    mounted() {
+        // Clone the config first so it never gets mutated (across multiple editor instances).
+        // https://github.com/ckeditor/ckeditor5-vue/issues/101
+        const editorConfig: EditorConfig = Object.assign({}, this.config)
+
+        if (this.modelValue) {
+            editorConfig.initialData = this.modelValue
+        }
+
+        this.editor
+            .create(this.$el, editorConfig)
+            .then((editor) => {
+                // Save the reference to the instance for further use.
+                this.instance = markRaw(editor)
+
+                this.setUpEditorEvents()
+
+                // Synchronize the editor content. The #modelValue may change while the editor is being created, so the editor content has
+                // to be synchronized with these potential changes as soon as it is ready.
+                if (this.modelValue !== editorConfig.initialData) {
+                    editor.data.set(this.modelValue)
+                }
+
+                // Set initial disabled state.
+                if (this.disabled) {
+                    editor.enableReadOnlyMode(SAMPLE_READ_ONLY_LOCK_ID)
+                }
+
+                // Let the world know the editor is ready.
+                this.$emit('ready', editor)
+            })
+            .catch((error) => {
+                console.error(error)
+            })
+    },
+
+    beforeUnmount() {
+        if (this.instance) {
+            this.instance.destroy()
+            this.instance = null
+        }
+
+        // Note: By the time the editor is destroyed (promise resolved, editor#destroy fired)
+        // the Vue component will not be able to emit any longer. So emitting #destroy a bit earlier.
+        this.$emit('destroy', this.instance)
+    },
+
+    methods: {
+        setUpEditorEvents() {
+            const editor = this.instance!
+            this.$emit('editorReady', editor)
+
+            // Use the leading edge so the first event in the series is emitted immediately.
+            // Failing to do so leads to race conditions, for instance, when the component modelValue
+            // is set twice in a time span shorter than the debounce time.
+            // See https://github.com/ckeditor/ckeditor5-vue/issues/149.
+            const emitDebouncedInputEvent = debounce(
+                (evt) => {
+                    if (this.disableTwoWayDataBinding) {
+                        return
+                    }
+
+                    // Cache the last editor data. This kind of data is a result of typing,
+                    // editor command execution, collaborative changes to the document, etc.
+                    // This data is compared when the component modelValue changes in a 2-way binding.
+                    const data = (this.lastEditorData = editor.data.get())
+
+                    // The compatibility with the v-model and general Vue.js concept of input–like components.
+                    this.$emit('update:modelValue', data, evt, editor)
+                    this.$emit('input', data, evt, editor)
+                },
+                INPUT_EVENT_DEBOUNCE_WAIT,
+                { leading: true }
+            )
+
+            // Debounce emitting the #input event. When data is huge, instance#getData()
+            // takes a lot of time to execute on every single key press and ruins the UX.
+            //
+            // See: https://github.com/ckeditor/ckeditor5-vue/issues/42
+            editor.model.document.on('change:data', emitDebouncedInputEvent)
+
+            editor.editing.view.document.on('focus', (evt) => {
+                this.$emit('focus', evt, editor)
+            })
+
+            editor.editing.view.document.on('blur', (evt) => {
+                this.$emit('blur', evt, editor)
+            })
+
+            // Custom event
+            editor.editing.view.document.on('click', (evt, data) => {
+                this.$emit('click', { evt, data }, editor)
+            })
+
+            editor.model.document.on('contextedLinkAutocomplete', (_, data) => {
+                this.$emit('contextedLinkAutocomplete', data)
+            })
+            editor.model.document.on('contextedKeypress', (_, eventData) => {
+                this.$emit('contextedKeypress', eventData)
+            })
+        }
+    },
+
+    render() {
+        return h(this.tagName)
+    }
 })

src/ckeditor/ContextedPlugin.ts

@@ -6,156 +6,184 @@ import Rect from '@ckeditor/ckeditor5-utils/src/dom/rect'
 const HIGHLIGHT_CLASS = 'ck-link_selected'
 
 export default class ContextedLinkEditing extends Plugin {
-  init() {
+    init() {
-    this._defineSchema() // ADDED
+        this._defineSchema() // ADDED
-    this._defineConverters() // ADDED
+        this._defineConverters() // ADDED
-    this._addContextedKeyHandler()
+        this._addContextedKeyHandler()
-    const twoStepCaretMovementPlugin = this.editor.plugins.get(TwoStepCaretMovement)
+        const twoStepCaretMovementPlugin = this.editor.plugins.get(TwoStepCaretMovement)
-    twoStepCaretMovementPlugin.registerAttribute('contextedLink')
+        twoStepCaretMovementPlugin.registerAttribute('contextedLink')
-    inlineHighlight(this.editor, 'contextedLink', 'a', HIGHLIGHT_CLASS)
+        inlineHighlight(this.editor, 'contextedLink', 'a', HIGHLIGHT_CLASS)
-    this.editor.commands.add(
+        this.editor.commands.add('autocomplete', new AttributeCommand(this.editor, 'autocomplete'))
-      'autocomplete',
+    }
-      new AttributeCommand(this.editor, 'autocomplete')
+    afterInit() {
-    )
+        this._addAutocomplete()
-  }
+    }
-  afterInit() {
+    _defineSchema() {
-    this._addAutocomplete()
+        // ADDED
-  }
+        const schema = this.editor.model.schema
-  _defineSchema() {
-    // ADDED
-    const schema = this.editor.model.schema
 
-    // Extend the text node's schema to accept the abbreviation attribute.
+        // Extend the text node's schema to accept the abbreviation attribute.
-    schema.extend('$text', {
+        schema.extend('$text', {
-      allowAttributes: ['contextedLink', 'autocomplete'],
+            allowAttributes: ['contextedLink', 'autocomplete']
-    })
-  }
-  _defineConverters() {
-    // ADDED
-    const conversion = this.editor.conversion
-
-    // Conversion from a model attribute to a view element.
-    conversion.for('downcast').attributeToElement({
-      model: 'contextedLink',
-      // Callback function provides access to the model attribute value
-      // and the DowncastWriter.
-      view: (modelAttributeValue, conversionApi) => {
-        const { writer } = conversionApi
-
-        return writer.createAttributeElement('a', {
-          'data-contexted-link': modelAttributeValue,
         })
-      },
+    }
-    })
+    _defineConverters() {
-    conversion.for('upcast').elementToAttribute({
+        // ADDED
-      view: {
+        const conversion = this.editor.conversion
-        name: 'a',
-        key: 'data-contexted-link',
-      },
-      model: {
-        key: 'contextedLink',
-      },
-      converterPriority: 'high',
-    })
-  }
-  _addAutocomplete() {
-    // Copied from: node_modules/@ckeditor/ckeditor5-autoformat/src/inlineautoformatediting.js
-    const editor = this.editor
-    let showAutocomplete = false
-    editor.model.document.on('change', (_, batch) => {
-      if (batch.isUndo || !batch.isLocal) return
-      const model = editor.model
-      const selection = model.document.selection
-      // Do nothing if selection is not collapsed.
-      if (!selection.isCollapsed) return
-      const changes = Array.from(model.document.differ.getChanges())
-      const entry = changes[0]
-      // Typing is represented by only a single change.
-      if (
-        changes.length != 1 ||
-        (entry.type !== 'insert' && entry.type !== 'remove') ||
-        (entry.name != '$text' && entry.name != 'paragraph') ||
-        entry.length != 1
-      ) {
-        return
-      }
 
-      const focus = selection.focus
+        // Conversion from a model attribute to a view element.
-      const block = focus?.parent
+        conversion.for('downcast').attributeToElement({
-      if (!block || !focus) return
+            model: 'contextedLink',
-      const { text } = getTextAfterCode(
+            // Callback function provides access to the model attribute value
-        model.createRange(model.createPositionAt(block, 0), focus),
+            // and the DowncastWriter.
-        model
+            view: (modelAttributeValue, conversionApi) => {
-      )
+                const { writer } = conversionApi
-      const inputText = (text as string).split(']]').at(-1)
-      const autocompleteText = (inputText as string).match(/(?<=\[\[).*/g)
-      const cursorNodes = [focus.textNode, focus.nodeBefore, focus.nodeAfter]
-      const autocompleteNode: any = cursorNodes.find((node) =>
-        ['contextedLink', 'autocomplete'].some((attribute) =>
-          node?.hasAttribute(attribute)
-        )
-      )
 
-      if (Boolean(autocompleteText) !== Boolean(autocompleteNode)) {
+                return writer.createAttributeElement('a', {
-        editor.execute('autocomplete')
+                    'data-contexted-link': modelAttributeValue
-      }
+                })
-      const autocompleteActive = ['contextedLink', 'autocomplete'].some((attribute) => {
+            }
-        return editor.model.document.selection.hasAttribute(attribute)
+        })
-      })
+        conversion.for('upcast').elementToAttribute({
-      showAutocomplete = autocompleteActive
+            view: {
-      fireAutocompleteEvent(editor, showAutocomplete, autocompleteNode)
+                name: 'a',
-    })
+                key: 'data-contexted-link'
-  }
+            },
-  _addContextedKeyHandler() {
+            model: {
-    const editor = this.editor
+                key: 'contextedLink'
-    const viewDocument = editor.editing.view.document
+            },
-    viewDocument.on(
+            converterPriority: 'high'
-      'keydown',
+        })
-      (evt, data) => {
+    }
-        const { keyCode } = data
+    _addAutocomplete() {
-        const keyCodesCycle = [38, 40] // Up, Down
+        // Copied from: node_modules/@ckeditor/ckeditor5-autoformat/src/inlineautoformatediting.js
-        const keyCodesConfirm = [13] // Enter
+        const editor = this.editor
-        const keyCodesCancel = [27] // Escape
+        let showAutocomplete = false
-        if (keyCodesCancel.includes(keyCode)) {
+        editor.model.document.on('change', (_, batch) => {
-          fireAutocompleteEvent(editor, false)
+            if (batch.isUndo || !batch.isLocal) return
-        }
+            const model = editor.model
-        const keyCodes = [...keyCodesConfirm, ...keyCodesCycle]
+            const selection = model.document.selection
-        const selection = editor.model.document.selection
+            // Do nothing if selection is not collapsed.
-        const selectionInContextedLink = ['contextedLink', 'autocomplete'].some(
+            if (!selection.isCollapsed) return
-          (attribute) => selection.hasAttribute(attribute)
+            const changes = Array.from(model.document.differ.getChanges())
+            const entry = changes[0]
+            // Typing is represented by only a single change.
+            if (
+                changes.length != 1 ||
+                (entry.type !== 'insert' && entry.type !== 'remove') ||
+                (entry.name != '$text' && entry.name != 'paragraph') ||
+                entry.length != 1
+            ) {
+                return
+            }
+
+            const focus = selection.focus
+            const block = focus?.parent
+            if (!block || !focus) return
+            const { text, range } = getTextAfterCode(
+                model.createRange(model.createPositionAt(block, 0), focus),
+                model
+            )
+            const inputText = (text as string).split(']]').slice(-1)[0]
+            const autocompleteText = (inputText as string).match(/(?<=\[\[).*/g)
+            const cursorNodes = [focus.textNode, focus.nodeBefore, focus.nodeAfter]
+            const autocompleteNode: any = cursorNodes.find((node) =>
+                ['contextedLink', 'autocomplete'].some((attribute) => node?.hasAttribute(attribute))
+            )
+
+            if (Boolean(autocompleteText) !== Boolean(autocompleteNode)) {
+                editor.execute('autocomplete')
+            }
+            const autocompleteActive = ['contextedLink', 'autocomplete'].some((attribute) => {
+                return editor.model.document.selection.hasAttribute(attribute)
+            })
+            showAutocomplete = autocompleteActive
+            fireAutocompleteEvent(editor, showAutocomplete, autocompleteNode)
+
+            const regexFormat = /(\[\[)([^[]+?)(\]\])$/g
+            let result
+            const format: Array<number>[] = []
+            while ((result = regexFormat.exec(text as string)) !== null) {
+                if (result && result.length < 4) {
+                    break
+                }
+                let index = result.index
+                const { '1': leftDel, '2': content, '3': rightDel } = result
+                // Real matched string - there might be some non-capturing groups so we need to recalculate starting index.
+                const found = leftDel + content + rightDel
+                index += result[0].length - found.length
+                format.push([index + leftDel.length, index + leftDel.length + content.length])
+            }
+            model.enqueueChange((writer) => {
+                const rangesToFormat = format.map((array) =>
+                    model.createRange(
+                        range.start.getShiftedBy(array[0]),
+                        range.start.getShiftedBy(array[1])
+                    )
+                )
+
+                const validRanges = editor.model.schema.getValidRanges(
+                    rangesToFormat,
+                    'contextedLink'
+                )
+                for (const range of validRanges) {
+                    for (const item of range.getItems()) {
+                        if ((item as any).data) {
+                            writer.setAttribute('contextedLink', true, range)
+                        }
+                    }
+                }
+            })
+        })
+    }
+    _addContextedKeyHandler() {
+        const editor = this.editor
+        const viewDocument = editor.editing.view.document
+        viewDocument.on(
+            'keydown',
+            (evt, data) => {
+                const { keyCode } = data
+                const keyCodesCycle = [38, 40] // Up, Down
+                const keyCodesConfirm = [13] // Enter
+                const keyCodesCancel = [27] // Escape
+                if (keyCodesCancel.includes(keyCode)) {
+                    fireAutocompleteEvent(editor, false)
+                }
+                const keyCodes = [...keyCodesConfirm, ...keyCodesCycle]
+                const selection = editor.model.document.selection
+                const selectionInContextedLink = ['contextedLink', 'autocomplete'].some(
+                    (attribute) => selection.hasAttribute(attribute)
+                )
+                if (selectionInContextedLink && keyCodes.includes(keyCode)) {
+                    if (selection.hasAttribute('contextedLink')) {
+                        const autocompleteNode = [
+                            selection.focus?.nodeBefore,
+                            selection.focus?.textNode,
+                            selection.focus?.nodeAfter
+                        ].find((node) => Boolean(node))
+                        fireAutocompleteEvent(editor, true, autocompleteNode)
+                    }
+                    this.editor.model.document.fire('contextedKeypress', { keyCode })
+                    data.preventDefault()
+                    evt.stop()
+                }
+            },
+            { priority: 'highest' }
         )
-        if (selectionInContextedLink && keyCodes.includes(keyCode)) {
+    }
-          if (selection.hasAttribute('contextedLink')) {
-            const autocompleteNode = [
-              selection.focus?.nodeBefore,
-              selection.focus?.textNode,
-              selection.focus?.nodeAfter,
-            ].find((node) => Boolean(node))
-            fireAutocompleteEvent(editor, true, autocompleteNode)
-          }
-          this.editor.model.document.fire('contextedKeypress', { keyCode })
-          data.preventDefault()
-          evt.stop()
-        }
-      },
-      { priority: 'highest' }
-    )
-  }
 }
 
 function getNodePosition(editor: any, modelPosition: any) {
-  try {
+    try {
-    const mapper = editor.editing.mapper
+        const mapper = editor.editing.mapper
-    const viewPosition = mapper.toViewPosition(modelPosition)
+        const viewPosition = mapper.toViewPosition(modelPosition)
-    const viewRange = editor.editing.view.createRange(viewPosition)
+        const viewRange = editor.editing.view.createRange(viewPosition)
-    const domConverter = editor.editing.view.domConverter
+        const domConverter = editor.editing.view.domConverter
-    const rangeRects = Rect.getDomRangeRects(
+        const rangeRects = Rect.getDomRangeRects(domConverter.viewRangeToDom(viewRange)).pop()
-      domConverter.viewRangeToDom(viewRange)
+        return rangeRects
-    ).pop()
+    } catch (e) {
-    return rangeRects
+        console.log(e)
-  } catch (e) {
+    }
-    console.log(e)
-  }
 }
 
 // function testOutputToRanges(start: any, arrays: any[], model: any) {
@@ -170,43 +198,43 @@ function getNodePosition(editor: any, modelPosition: any) {
 // }
 
 function getTextAfterCode(range: any, model: any) {
-  let start = range.start
+    let start = range.start
-  const text = Array.from(range.getItems()).reduce((rangeText: any, node: any) => {
+    const text = Array.from(range.getItems()).reduce((rangeText: any, node: any) => {
-    // Trim text to a last occurrence of an inline element and update range start.
+        // Trim text to a last occurrence of an inline element and update range start.
-    if (!(node.is('$text') || node.is('$textProxy')) || node.getAttribute('code')) {
+        if (!(node.is('$text') || node.is('$textProxy')) || node.getAttribute('code')) {
-      start = model.createPositionAfter(node)
+            start = model.createPositionAfter(node)
-      return ''
+            return ''
-    }
+        }
-    return rangeText + node.data
+        return rangeText + node.data
-  }, '')
+    }, '')
-  return { text, range: model.createRange(start, range.end) }
+    return { text, range: model.createRange(start, range.end) }
 }
 
 function fireAutocompleteEvent(editor: any, show: boolean, autocompleteNode?: any) {
-  let event: AutocompleteEvent
+    let event: AutocompleteEvent
-  if (show && autocompleteNode) {
+    if (show && autocompleteNode) {
-    const view = editor.editing.view
+        const view = editor.editing.view
-    const viewPosition = view.document.selection.focus
+        const viewPosition = view.document.selection.focus
-    const viewNode = viewPosition?.parent.parent
+        const viewNode = viewPosition?.parent.parent
-    const domElement = viewNode
+        const domElement = viewNode
-      ? (view.domConverter.mapViewToDom(viewNode) as HTMLElement)
+            ? (view.domConverter.mapViewToDom(viewNode) as HTMLElement)
-      : undefined
+            : undefined
-    event = {
+        event = {
-      position: getNodePosition(
+            position: getNodePosition(
-        editor,
+                editor,
-        editor.model.createPositionFromPath(
+                editor.model.createPositionFromPath(
-          autocompleteNode.root,
+                    autocompleteNode.root,
-          autocompleteNode.getPath()
+                    autocompleteNode.getPath()
-        )
+                )
-      ),
+            ),
-      autocompleteText: autocompleteNode.data,
+            autocompleteText: autocompleteNode.data,
-      domElement,
+            domElement,
-      show: true,
+            show: true
+        }
+    } else {
+        event = {
+            show: false
+        }
     }
-  } else {
+    editor.model.document.fire('contextedLinkAutocomplete', event)
-    event = {
-      show: false,
-    }
-  }
-  editor.model.document.fire('contextedLinkAutocomplete', event)
 }

src/components/Auth.vue

@@ -0,0 +1,134 @@
+<script setup lang="ts">
+import firebase from 'firebase/compat/app'
+import 'firebase/compat/auth'
+import 'firebaseui/dist/firebaseui.css'
+import * as firebaseui from 'firebaseui'
+import { FirebaseAuthentication } from '@capacitor-firebase/authentication'
+import { getAuth, GoogleAuthProvider, signInWithCredential } from 'firebase/auth'
+
+const emit = defineEmits<{
+    signedIn: [authResult: any]
+}>()
+
+// const ui: any = inject('firebaseAuthUI')
+const auth = getAuth()
+const firebaseAuthUI = firebaseui.auth.AuthUI.getInstance() || new firebaseui.auth.AuthUI(auth)
+
+const uiConfig = {
+    signInOptions: [
+        firebase.auth.EmailAuthProvider.PROVIDER_ID
+        // firebase.auth.GoogleAuthProvider.PROVIDER_ID
+    ],
+    // signInFlow: 'popup',
+    signInFlow: 'redirect',
+    callbacks: {
+        signInSuccessWithAuthResult(authResult: any) {
+            // var user = authResult.user
+            // var credential = authResult.credential
+            // var isNewUser = authResult.additionalUserInfo.isNewUser
+            // var providerId = authResult.additionalUserInfo.providerId
+            // var operationType = authResult.operationType
+            // Do something with the returned AuthResult.
+            // Return type determines whether we continue the redirect
+            // automatically or whether we leave that to developer to handle.
+            emit('signedIn', authResult)
+            return false
+        },
+        signInFailure(error: any) {
+            console.error('Error signing in', error)
+        }
+    }
+    // Other config options...
+}
+// onMounted(() => ui.start('#auth', uiConfig))
+
+interface Provider {
+    name: 'google' | 'microsoft' | 'github'
+    icon: string
+    signin: () => Promise<void>
+    // (options?: SignInOptions) => Promise<SignInResult>
+}
+
+const providers: Provider[] = [
+    {
+        name: 'google',
+        icon: 'fa-brands fa-google',
+        signin: async () => {
+            const result = await FirebaseAuthentication.signInWithGoogle({
+                mode: 'redirect'
+            })
+            const credential = GoogleAuthProvider.credential(result.credential?.idToken)
+            await signInWithCredential(auth, credential)
+        }
+    }
+    // {
+    //   name: 'microsoft',
+    //   icon: 'fa-brands fa-microsoft',
+    //   signin: async () => {
+    //     const result = await FirebaseAuthentication.signInWithMicrosoft({
+    //       mode: 'redirect'
+    //     })
+    //     const provider = new OAuthProvider('microsoft.com')
+    //     const credential = provider.credential({
+    //       idToken: result.credential?.idToken,
+    //       rawNonce: result.credential?.nonce
+    //     })
+    //     await signInWithCredential(auth, credential)
+    //   }
+    // },
+    // {
+    //   name: 'github',
+    //   icon: 'fa-brands fa-github',
+    //   signin: async () => {
+    //     const result = await FirebaseAuthentication.signInWithGithub({
+    //       mode: 'redirect'
+    //     })
+    //     const provider = new OAuthProvider('github.com')
+    //     const credential = provider.credential({
+    //       idToken: result.credential?.idToken,
+    //       rawNonce: result.credential?.nonce
+    //     })
+    //     await signInWithCredential(auth, credential)
+    //   }
+    // }
+]
+// type Provider = (typeof providers)[number]
+const signInWithProvider = async (provider: Provider) => {
+    provider.signin()
+}
+
+const signingInWithEmail = ref(false)
+const signInWithEmail = () => {
+    firebaseAuthUI.start('#auth', uiConfig)
+    signingInWithEmail.value = true
+}
+</script>
+<template>
+    <div class="space-y-2">
+        <template v-if="!signingInWithEmail">
+            <UIButton
+                class="mx-auto !block w-[225px] max-sm:w-full"
+                size="sm"
+                @click="signInWithProvider(provider)"
+                v-for="provider in providers"
+                :key="provider.name"
+            >
+                <i class="fa-fw mr-2" :class="provider.icon"></i>
+                Sign in with {{ provider.name }}
+            </UIButton>
+            <UIButton
+                class="mx-auto !block w-[225px] max-sm:w-full"
+                size="sm"
+                @click="signInWithEmail"
+            >
+                <i class="fa-fw fa-regular fa-envelope mr-2"></i>
+                Sign in with email
+            </UIButton>
+        </template>
+        <div id="auth"></div>
+        <!-- <progress
+    v-show="props.authenticating"
+    class="dui-progress dui-progress-primary w-full"
+  ></progress> -->
+    </div>
+</template>