initial commit, final version for ID SS2023

.gitignore

@@ -0,0 +1,10 @@
+.DS_Store
+node_modules
+/build
+/.svelte-kit
+/package
+.env
+.env.*
+!.env.example
+vite.config.js.timestamp-*
+vite.config.ts.timestamp-*

.npmrc

@@ -0,0 +1,2 @@
+engine-strict=true
+resolution-mode=highest

README.md

@@ -0,0 +1,38 @@
+# create-svelte
+
+Everything you need to build a Svelte project, powered by [`create-svelte`](https://github.com/sveltejs/kit/tree/master/packages/create-svelte).
+
+## Creating a project
+
+If you're seeing this, you've probably already done this step. Congrats!
+
+```bash
+# create a new project in the current directory
+npm create svelte@latest
+
+# create a new project in my-app
+npm create svelte@latest my-app
+```
+
+## Developing
+
+Once you've created a project and installed dependencies with `npm install` (or `pnpm install` or `yarn`), start a development server:
+
+```bash
+npm run dev
+
+# or start the server and open the app in a new browser tab
+npm run dev -- --open
+```
+
+## Building
+
+To create a production version of your app:
+
+```bash
+npm run build
+```
+
+You can preview the production build with `npm run preview`.
+
+> To deploy your app, you may need to install an [adapter](https://kit.svelte.dev/docs/adapters) for your target environment.

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/.idea/.gitignore

@@ -0,0 +1,3 @@
+# Default ignored files
+/shelf/
+/workspace.xml

android/.idea/compiler.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="CompilerConfiguration">
+    <bytecodeTargetLevel target="17" />
+  </component>
+</project>

android/.idea/jarRepositories.xml

@@ -0,0 +1,25 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="RemoteRepositoriesConfiguration">
+    <remote-repository>
+      <option name="id" value="central" />
+      <option name="name" value="Maven Central repository" />
+      <option name="url" value="https://repo1.maven.org/maven2" />
+    </remote-repository>
+    <remote-repository>
+      <option name="id" value="jboss.community" />
+      <option name="name" value="JBoss Community repository" />
+      <option name="url" value="https://repository.jboss.org/nexus/content/repositories/public/" />
+    </remote-repository>
+    <remote-repository>
+      <option name="id" value="MavenRepo" />
+      <option name="name" value="MavenRepo" />
+      <option name="url" value="https://repo.maven.apache.org/maven2/" />
+    </remote-repository>
+    <remote-repository>
+      <option name="id" value="Google" />
+      <option name="name" value="Google" />
+      <option name="url" value="https://dl.google.com/dl/android/maven2/" />
+    </remote-repository>
+  </component>
+</project>

android/.idea/kotlinc.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="KotlinJpsPluginSettings">
+    <option name="version" value="1.8.20" />
+  </component>
+</project>

android/.idea/misc.xml

@@ -0,0 +1,9 @@
+<project version="4">
+  <component name="ExternalStorageConfigurationManager" enabled="true" />
+  <component name="ProjectRootManager" version="2" languageLevel="JDK_17" project-jdk-name="jbr-17" project-jdk-type="JavaSDK">
+    <output url="file://$PROJECT_DIR$/build/classes" />
+  </component>
+  <component name="ProjectType">
+    <option name="id" value="Android" />
+  </component>
+</project>

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.example.app"
+    compileSdkVersion rootProject.ext.compileSdkVersion
+    defaultConfig {
+        applicationId "com.example.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,23 @@
+// 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-community-bluetooth-le')
+    implementation project(':capacitor-community-sqlite')
+    implementation project(':capacitor-geolocation')
+    implementation project(':capacitor-preferences')
+    implementation project(':capacitor-splash-screen')
+
+}
+
+
+if (hasProperty('postBuildExtras')) {
+  postBuildExtras()
+}

android/app/proguard-rules.pro

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

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

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

android/app/src/main/AndroidManifest.xml

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,7 @@
+<?xml version='1.0' encoding='utf-8'?>
+<resources>
+    <string name="app_name">capacitor-ble</string>
+    <string name="title_activity_main">capacitor-ble</string>
+    <string name="package_name">com.example.app</string>
+    <string name="custom_url_scheme">com.example.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.2'
+        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,18 @@
+// 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-community-bluetooth-le'
+project(':capacitor-community-bluetooth-le').projectDir = new File('../node_modules/@capacitor-community/bluetooth-le/android')
+
+include ':capacitor-community-sqlite'
+project(':capacitor-community-sqlite').projectDir = new File('../node_modules/@capacitor-community/sqlite/android')
+
+include ':capacitor-geolocation'
+project(':capacitor-geolocation').projectDir = new File('../node_modules/@capacitor/geolocation/android')
+
+include ':capacitor-preferences'
+project(':capacitor-preferences').projectDir = new File('../node_modules/@capacitor/preferences/android')
+
+include ':capacitor-splash-screen'
+project(':capacitor-splash-screen').projectDir = new File('../node_modules/@capacitor/splash-screen/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,16 @@
+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'
+}

capacitor.config.ts

@@ -0,0 +1,12 @@
+import { CapacitorConfig } from '@capacitor/cli';
+
+const config: CapacitorConfig = {
+  appId: 'com.example.app',
+  appName: 'WeatherWand',
+  webDir: 'build',
+  server: {
+    androidScheme: 'https'
+  }
+};
+
+export default config;

jsconfig.json

@@ -0,0 +1,17 @@
+{
+	"extends": "./.svelte-kit/tsconfig.json",
+	"compilerOptions": {
+		"allowJs": true,
+		"checkJs": true,
+		"esModuleInterop": true,
+		"forceConsistentCasingInFileNames": true,
+		"resolveJsonModule": true,
+		"skipLibCheck": true,
+		"sourceMap": true,
+		"strict": true
+	}
+	// Path aliases are handled by https://kit.svelte.dev/docs/configuration#alias and https://kit.svelte.dev/docs/configuration#files
+	//
+	// If you want to overwrite includes/excludes, make sure to copy over the relevant includes/excludes
+	// from the referenced tsconfig.json - TypeScript does not merge them in
+}

package.json

@@ -0,0 +1,55 @@
+{
+	"name": "capacitor-ble",
+	"version": "0.0.1",
+	"private": true,
+	"scripts": {
+		"prepare": "npm run smui-theme",
+		"smui-theme": "smui-theme compile static/smui.css -i src/theme",
+		"dev": "vite dev",
+		"build": "vite build",
+		"preview": "vite preview",
+		"check": "svelte-kit sync && svelte-check --tsconfig ./jsconfig.json",
+		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./jsconfig.json --watch"
+	},
+	"devDependencies": {
+		"@capacitor/cli": "^5.0.5",
+		"@material/typography": "^14.0.0",
+		"@smui/button": "^7.0.0-beta.8",
+		"@smui/common": "^7.0.0-beta.8",
+		"@smui/data-table": "^7.0.0-beta.8",
+		"@smui/drawer": "^7.0.0-beta.8",
+		"@smui/icon-button": "^7.0.0-beta.8",
+		"@smui/layout-grid": "^7.0.0-beta.14",
+		"@smui/list": "^7.0.0-beta.8",
+		"@smui/paper": "^7.0.0-beta.14",
+		"@smui/snackbar": "^7.0.0-beta.14",
+		"@smui/tab": "^7.0.0-beta.14",
+		"@smui/tab-bar": "^7.0.0-beta.14",
+		"@smui/top-app-bar": "^7.0.0-beta.8",
+		"@sveltejs/adapter-auto": "^2.0.0",
+		"@sveltejs/kit": "^1.5.0",
+		"smui-theme": "^7.0.0-beta.8",
+		"svelte": "^3.54.0",
+		"svelte-check": "^3.0.1",
+		"typescript": "^5.0.0",
+		"vite": "^4.3.0"
+	},
+	"type": "module",
+	"dependencies": {
+		"@capacitor-community/bluetooth-le": "^3.0.0",
+		"@capacitor-community/sqlite": "^5.0.4",
+		"@capacitor/android": "^5.0.5",
+		"@capacitor/core": "^5.0.5",
+		"@capacitor/geolocation": "^5.0.4",
+		"@capacitor/preferences": "^5.0.5",
+		"@capacitor/splash-screen": "^5.0.4",
+		"@sveltejs/adapter-static": "^2.0.2",
+		"@vitejs/plugin-basic-ssl": "^1.0.1",
+		"chart.js": "^4.3.0",
+		"gltf-loader": "^1.0.0",
+		"jeep-sqlite": "^2.3.7",
+		"p5-svelte": "^3.1.2",
+		"svelte-chartjs": "^3.1.2",
+		"three": "^0.154.0"
+	}
+}

src/app.d.ts

@@ -0,0 +1,12 @@
+// See https://kit.svelte.dev/docs/types#app
+// for information about these interfaces
+declare global {
+	namespace App {
+		// interface Error {}
+		// interface Locals {}
+		// interface PageData {}
+		// interface Platform {}
+	}
+}
+
+export {};

src/app.html

@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html lang="en">
+	<head>
+		<meta charset="utf-8" />
+		<link rel="icon" href="%sveltekit.assets%/favicon.png" />
+		<link rel="stylesheet" href="/smui.css" />
+		<!-- Material Icons -->
+		<link
+			rel="stylesheet"
+			href="https://fonts.googleapis.com/icon?family=Material+Icons"
+		/>
+		<!-- Roboto -->
+		<link
+			rel="stylesheet"
+			href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,600,700"
+		/>
+		<!-- Roboto Mono -->
+		<link
+			rel="stylesheet"
+			href="https://fonts.googleapis.com/css?family=Roboto+Mono"
+		/>
+		<meta name="viewport" content="width=device-width" />
+		%sveltekit.head%
+	</head>
+	<body data-sveltekit-preload-data="hover">
+		<div style="display: contents">%sveltekit.body%</div>
+	</body>
+</html>

src/components/Bars.svelte

@@ -0,0 +1,43 @@
+<script>
+	import { temperature, humidity, pressure, bsec, co2, gas, quaternion } from '$lib/dataStore';
+	
+	// https://openprocessing.org/sketch/1622800
+	import P5 from 'p5-svelte';
+	let width = 400;
+	let height = 770;
+
+	// let mouseXcounter = p5.map($quaternion.x, -1, 1, 0, 20);
+	const sketch = (p5) => {
+		let c = p5.color("#aec3b0");
+		c.setAlpha(80);
+		let noiseLevel;
+		let flucSpeed;
+
+		p5.setup = () => {
+			p5.createCanvas(width, height);
+			p5.background(c);
+		};
+
+		p5.draw = () => {
+			noiseLevel = p5.map($quaternion.x, -1, 1, 0.001, 0.02);
+			flucSpeed = p5.map($quaternion.y, -1, 1, 0.001, 0.02);
+			
+			// p5.background(180, 10)
+			p5.background(c);
+			drawNoiseProfile();
+		};
+
+		function drawNoiseProfile() {
+			p5.stroke("#124559");
+			p5.strokeWeight(5);
+			for (let x = 0; x < width; x++) {
+				const n = p5.noise(x * noiseLevel, height * noiseLevel, p5.frameCount * flucSpeed / 5);
+				const barHeight = p5.map(n, 0, 1, 0, height);
+				p5.rect(x, height - barHeight, 1, barHeight);
+			}
+			p5.noFill();
+		}
+	};
+</script>
+
+<P5 {sketch} />

src/components/Chart.svelte

@@ -0,0 +1,52 @@
+<!-- <script>
+	import { Bar } from 'svelte-chartjs';
+	import { dataStore } from '../lib/dataStore';
+  
+	import {
+	  Chart,
+	  Title,
+	  Tooltip,
+	  Legend,
+	  BarElement,
+	  CategoryScale,
+	  LinearScale,
+	} from 'chart.js';
+  
+	Chart.register(
+	  Title,
+	  Tooltip,
+	  Legend,
+	  BarElement,
+	  CategoryScale,
+	  LinearScale
+	);
+
+	let data = {
+		labels: ['accelX', 'accelY', 'accelZ', 'accelLinX', 'accelLinY', 'accelLinZ'],
+		datasets: [
+			{
+				label: 'Sensor values',
+				data: [$dataStore.accelX, $dataStore.accelY, $dataStore.accelZ, $dataStore.accelLinX, $dataStore.accelLinY, $dataStore.accelLinZ],
+				backgroundColor: [
+					'rgba(255, 134,159,0.4)',
+					'rgba(255, 134,159,0.4)',
+					'rgba(255, 134,159,0.4)',
+					'rgba(113, 205, 205,0.4)',
+					'rgba(113, 205, 205,0.4)',
+					'rgba(113, 205, 205,0.4)',
+				],
+				borderWidth: 2,
+				borderColor: [
+					'rgba(255, 134, 159, 1)',
+					'rgba(255, 134, 159, 1)',
+					'rgba(255, 134, 159, 1)',
+					'rgba(113, 205, 205, 1)',
+					'rgba(113, 205, 205, 1)',
+					'rgba(113, 205, 205, 1)',
+				],
+			},
+		],
+	};
+</script>
+
+<Bar {data} options={{ responsive: true }} /> -->

src/components/Circle.svelte

@@ -0,0 +1,48 @@
+<script>
+	import { temperature, humidity, pressure, bsec, co2, gas, quaternion } from '$lib/dataStore';
+	
+	// https://openprocessing.org/sketch/1622800
+	import P5 from 'p5-svelte';
+	let width = 400;
+	let height = 770;
+
+	// let mouseXcounter = p5.map($quaternion.x, -1, 1, 0, 20);
+	const sketch = (p5) => {
+		let c = p5.color("#124559");
+		c.setAlpha(80);
+		let noiseLevel;
+		let flucSpeed;
+
+		p5.setup = () => {
+			p5.createCanvas(width, height);
+			p5.background(c);
+		};
+
+		p5.draw = () => {
+			p5.translate(width / 7, height / 3);
+			noiseLevel = p5.map($quaternion.x, -1, 1, 0.001, 0.02);
+			flucSpeed = p5.map($quaternion.y, -1, 1, 0.001, 0.02);
+			
+			// p5.background(180, 10)
+			p5.background(c);
+			drawNoiseProfile();
+		};
+
+		function drawNoiseProfile() {
+			p5.stroke("#aec3b0");
+			p5.strokeWeight(10);
+			p5.beginShape();
+			for (let angle = 0; angle < 360; angle += 0.1) {
+				const x = width / 3 + p5.cos(angle) * width / 3;
+    			const y = width / 3 + p5.sin(angle) * width / 3;
+				const n = p5.noise(x * noiseLevel, y * noiseLevel, p5.frameCount * flucSpeed / 5);
+				const radius = p5.map(n, 0, 1, -100, 100);
+				p5.vertex(x + radius * p5.cos(angle), y + radius * p5.sin(angle));
+			}
+			p5.noFill();
+			p5.endShape();
+		}
+	};
+</script>
+
+<P5 {sketch} />

src/components/Dots.svelte

@@ -0,0 +1,85 @@
+<script>
+	import { temperature, humidity, pressure, bsec, co2, gas, quaternion } from '$lib/dataStore';
+	
+	// https://openprocessing.org/sketch/1622800
+	import P5 from 'p5-svelte';
+	let width = 400;
+	let height = 770;
+
+	// let mouseXcounter = p5.map($quaternion.x, -1, 1, 0, 20);
+	const sketch = (p5) => {
+		let c = p5.color("#124559");
+		c.setAlpha(0);
+
+		let margin = 40;
+		let radius;
+		let step;
+		let count = 0;
+		let row = 10;
+		let maxCount = 200;
+		let qx = 0;
+		let qxOld = 0;
+		let qxDiff = 1;
+		let qy = 0;
+		let qyOld = 0;
+		let qyDiff = 1;
+		let qz = 0;
+		let qzOld = 0;
+		let qzDiff = 1;
+
+		function drawPoint(count) {
+			let x = count % row;
+			let y = Math.floor(count / row);
+			p5.ellipse(margin + x * step, margin + y * step, radius, radius);
+		}
+
+		p5.setup = () => {
+			p5.pixelDensity(2);
+			p5.createCanvas(width, height);
+			step = (width - margin * 2) / (row - 1);
+				
+			p5.background("#124559");
+			p5.frameRate(10);
+		};
+
+		p5.draw = () => {
+			qx = p5.map($quaternion.x, -1, 1, 1, 100);
+			qy = p5.map($quaternion.y, -1, 1, 1, 100);
+			qz = p5.map($quaternion.z, -1, 1, 1, 100);
+
+			qxDiff = p5.map(Math.abs(qx - qxOld), 0, 15, 1, 10);
+			qyDiff = p5.map(Math.abs(qy - qyOld), 0, 15, 1, 10);
+			qzDiff = p5.map(Math.abs(qz - qzOld), 0, 15, 1, 10);
+
+			if (qxOld == 0) {
+				qxDiff = 1;
+			}
+			if (qyOld == 0) {
+				qyDiff = 1;
+			}
+			if (qyOld == 0) {
+				qzDiff = 1;
+			}
+
+			qxOld = qx;
+			qyOld = qy;
+			qzOld = qz;
+
+			p5.background(c);
+			p5.fill("#aec3b0");
+			p5.noStroke();
+			// radius = p5.random(1, 10);
+			radius = qxDiff + qyDiff + qzDiff;
+			drawPoint(count);
+			
+			if (count < maxCount) {
+				count = count + 1;
+			} else {
+				count = 0;
+				p5.background("#124559");
+			}
+		};
+	};
+</script>
+
+<P5 {sketch} />

src/components/Graph.svelte

@@ -0,0 +1,45 @@
+<script>
+	import { temperature, humidity, pressure, bsec, co2, gas, quaternion } from '$lib/dataStore';
+	
+	// https://openprocessing.org/sketch/1622800
+	import P5 from 'p5-svelte';
+	let width = 400;
+	let height = 770;
+
+	// let mouseXcounter = p5.map($quaternion.x, -1, 1, 0, 20);
+	const sketch = (p5) => {
+		let c = p5.color("#124559");
+		c.setAlpha(80);
+		let noiseLevel;
+		let flucSpeed;
+
+		p5.setup = () => {
+			p5.createCanvas(width, height);
+			p5.background(c);
+		};
+
+		p5.draw = () => {
+			noiseLevel = p5.map($quaternion.x, -1, 1, 0.001, 0.02);
+			flucSpeed = p5.map($quaternion.y, -1, 1, 0.001, 0.02);
+			
+			// p5.background(180, 10)
+			p5.background(c);
+			drawNoiseProfile();
+		};
+
+		function drawNoiseProfile() {
+			p5.stroke("#aec3b0");
+			p5.strokeWeight(10);
+			p5.beginShape();
+			for (let x = 0; x < width; x++) {
+				const n = p5.noise(x * noiseLevel, height * noiseLevel, p5.frameCount * flucSpeed / 7);
+				const y = p5.map(n, 0, 1, 0, height);
+				p5.vertex(x, y);
+			}
+			p5.noFill();
+			p5.endShape();
+		}
+	};
+</script>
+
+<P5 {sketch} />

src/lib/dataStore.js

@@ -0,0 +1,11 @@
+import { writable } from 'svelte/store';
+
+export const gpsLat = writable(0);
+export const gpsLon = writable(0);
+export const temperature = writable(0);
+export const humidity = writable(0);
+export const pressure = writable(0);
+export const bsec = writable(0);
+export const co2 = writable(0);
+export const gas = writable(0);
+export const quaternion = writable({});

src/routes/+layout.js

@@ -0,0 +1 @@
+export const prerender = true;

src/routes/+layout.svelte

@@ -0,0 +1,316 @@
+<script>
+	import TopAppBar, { Row, Section, Title as PageTitle } from '@smui/top-app-bar';  import IconButton from '@smui/icon-button';
+	import Drawer, { AppContent, Content, Header, Scrim, Title, Subtitle } from '@smui/drawer';
+	import Snackbar, { Actions, Label as SnackLabel } from '@smui/snackbar';
+	import Button, { Label } from '@smui/button';
+	import List, { Item, Text, Graphic } from '@smui/list';
+	import { BleClient } from '@capacitor-community/bluetooth-le';
+	import { Geolocation } from '@capacitor/geolocation';
+	import { page } from '$app/stores';
+
+	import { gpsLat, gpsLon, temperature, humidity, pressure, bsec, co2, gas, quaternion } from '$lib/dataStore';
+
+
+	let gpsLatData = 0;
+	$: gpsLat.set(gpsLatData);
+
+	let gpsLonData = 0;
+	$: gpsLon.set(gpsLonData);
+
+	let temperatureData = 0;
+	$: temperature.set(temperatureData);
+
+	let humidityData = 0;
+	$: humidity.set(humidityData);
+
+	let pressureData = 0;
+	$: pressure.set(pressureData);
+
+	let bsecData = 0;
+	$: bsec.set(bsecData);
+
+	let co2Data = 0;
+	$: co2.set(co2Data);
+
+	let gasData = 0;
+	$: gas.set(gasData);
+
+	let quaternionData = {
+		x: 0,
+		y: 0,
+		z: 0
+	};
+	$: quaternion.set(quaternionData);
+
+	// export async function getCurrentPosition() {
+	// 	const res = await Geolocation.getCurrentPosition();
+	// 	gpsLatData = res?.coords.latitude;
+	// 	gpsLonData = res?.coords.longitude;
+	// }
+
+  
+	let open = false;
+	let active = 'Dashboard';
+  
+	function setActive(value) {
+		active = value;
+		open = false;
+	}
+  
+	function getStr(input) {
+		return `19b10000-${input}-537e-4f6c-d104768a1214`;
+	}
+	const NICLA_SERVICE = getStr("0000");
+	const TEMPERATURE_CHARACTERISTIC = getStr("2001"); // float
+	const HUMIDITY_CHARACTERISTIC = getStr("3001"); // uint8
+	const PRESSURE_CHARACTERISTIC = getStr("4001"); // float
+
+	const ACCELEROMETER_CHARACTERISTIC = getStr("5001"); // array 3x 2 bytes, XY
+	const GYROSCOPE_CHARACTERISTIC = getStr("6001"); // array 3x 2 bytes, XYZ
+	const QUATERNION_CHARACTERISTIC = getStr("7001"); // array 4x 2 bytes, XYZW
+
+	const LED_CHARACTERISTIC = getStr("8001"); // array 3 bytes
+	const BSEC_CHARACTERISTIC = getStr("9001");
+	const CO2_CHARACTERISTIC = getStr("9002"); // uint32
+	const GAS_CHARACTERISTIC = getStr("9003");
+	const GPS_CHARACTERISTIC = getStr("9004"); // array 3x 2 bytes
+
+
+	export async function readTemperature() {
+		try {
+			const result = await BleClient.read(
+				device.deviceId,
+				NICLA_SERVICE,
+				TEMPERATURE_CHARACTERISTIC
+			);
+			temperatureData = result.getFloat32(0, true).toFixed(2);
+		} catch (error) {
+			console.error(error);
+		}
+	}
+
+	export async function readHumidty() {
+		try {
+			const result = await BleClient.read(
+				device.deviceId,
+				NICLA_SERVICE,
+				HUMIDITY_CHARACTERISTIC
+			);
+			humidityData = result.getUint8(0, true).toFixed(2);
+		} catch (error) {
+			console.error(error);
+		}
+	}
+
+	export async function readPressure() {
+		try {
+			const result = await BleClient.read(
+				device.deviceId,
+				NICLA_SERVICE,
+				PRESSURE_CHARACTERISTIC
+			);
+			pressureData = result.getFloat32(0, true).toFixed(2);
+		} catch (error) {
+			console.error(error);
+		}
+	}
+
+	export async function readBSEC() {
+		try {
+			const result = await BleClient.read(
+				device.deviceId,
+				NICLA_SERVICE,
+				BSEC_CHARACTERISTIC
+			);
+			bsecData = result.getFloat32(0, true).toFixed(2);
+		} catch (error) {
+			console.error(error);
+		}
+	}
+	
+	export async function readCO2() {
+		try {
+			const result = await BleClient.read(
+				device.deviceId,
+				NICLA_SERVICE,
+				CO2_CHARACTERISTIC
+			);
+			co2Data = result.getUint32(0, true).toFixed(2);
+		} catch (error) {
+			console.error(error);
+		}
+	}
+
+	export async function readGas() {
+		try {
+			const result = await BleClient.read(
+				device.deviceId,
+				NICLA_SERVICE,
+				GAS_CHARACTERISTIC
+			);
+			gasData = result.getUint32(0, true).toFixed(2);
+		} catch (error) {
+			console.error(error);
+		}
+	}
+
+	let device;
+	let connected = false;
+	let intervalId;
+	let snackbarWithoutClose;
+	export async function main() {
+		try {
+			await BleClient.initialize({ androidNeverForLocation: true });
+
+			device = await BleClient.requestDevice({
+				services: [NICLA_SERVICE]
+			});
+
+			await BleClient.connect(device.deviceId, () => { connected = false});
+			connected = true;
+			snackbarWithoutClose.open();
+
+			await BleClient.startNotifications(
+				device.deviceId,
+				NICLA_SERVICE,
+				QUATERNION_CHARACTERISTIC,
+				(value) => {
+					$: quaternionData.x = value.getFloat32(0, true).toFixed(2);
+					$: quaternionData.y = value.getFloat32(4, true).toFixed(2);
+					$: quaternionData.z = value.getFloat32(8, true).toFixed(2);
+				}
+			);
+
+
+			// getCurrentPosition();
+			readTemperature();
+			readHumidty();
+			readPressure();
+			readCO2();
+			readBSEC();
+			readGas();
+			intervalId = setInterval(function() {
+				// getCurrentPosition();
+				readTemperature();
+				readHumidty();
+				readPressure();
+				readCO2();
+				readBSEC();
+				readGas();
+			}, 5000);
+
+		} catch (error) {
+			console.error(error);
+		}
+	}
+
+	export async function disconnect() {
+		try {
+			clearInterval(intervalId);
+			await BleClient.disconnect( device.deviceId );
+		} catch (error) {
+			console.error(error);
+		}
+	}
+
+	// import { Preferences } from '@capacitor/preferences';
+
+	// async function setObject() {
+	// 	await Preferences.set({
+	// 		key: 'user',
+	// 		value: JSON.stringify({
+	// 		id: 1,
+	// 		name: 'Max'
+	// 		})
+	// 	});
+	// }
+
+	// async function getObject() {
+	// 	const ret = await Preferences.get({ key: 'user' });
+	// 	const user = JSON.parse(ret.value);
+	// }
+</script>
+
+
+<div class="drawer-container">
+	<Drawer variant="modal" bind:open>
+		<Header>
+			<Title>WeatherWand</Title>
+		</Header>
+		<Content>
+			<List>
+				<Item href="/"	on:click={() => setActive('Dashboard')}	activated={active === 'Dashboard'}>
+					<Graphic class="material-icons" aria-hidden="true">dashboard</Graphic>
+					<Text>Dashboard</Text>
+				</Item>
+				<Item href="/daten"	on:click={() => setActive('Rohdaten')}	activated={active === 'Rohdaten'}>
+					<Graphic class="material-icons" aria-hidden="true">storage</Graphic>
+					<Text>Rohdaten</Text>
+				</Item>
+				<Item href="ble" on:click={() => setActive('BLE-Verbindung')} activated={active === 'BLE-Verbindung'}>
+					<Graphic class="material-icons" aria-hidden="true">bluetooth</Graphic>
+					<Text>BLE-Verbindung</Text>
+				</Item>
+				<!-- <Item href="einstellungen" on:click={() => setActive('Einstellungen')} activated={active === 'Einstellungen'}>
+					<Graphic class="material-icons" aria-hidden="true">settings</Graphic>
+					<Text>Einstellungen</Text>
+				</Item> -->
+			</List>
+		</Content>
+	</Drawer>
+	<Scrim />
+	<AppContent class="app-content">
+		<div class="top-app-bar-container flexor">
+			<TopAppBar variant="static" color='primary'>
+				<Row>
+					<Section>
+						<IconButton class="material-icons" on:click={() => (open = !open)}>menu</IconButton>
+						<PageTitle>{active}</PageTitle>
+					</Section>
+					<Section align="end" toolbar>
+						<IconButton on:click={() => setActive('BLE-Verbindung')} href="ble" class="material-icons" aria-label="Go to bluetooth settings">bluetooth</IconButton>
+					</Section>
+				</Row>
+			</TopAppBar>
+			<div class="flexor-content">
+				<main class="main-content">
+					<!-- <pre class="status">Active: {active}</pre> -->
+					<slot />
+
+					{#if $page.url.pathname.slice($page.url.pathname.lastIndexOf('/')) == "/ble"}
+						<br>
+						<br>
+						{#if connected}
+							<Button on:click={disconnect} color="secondary" variant="unelevated">
+								<Label>Nicla trennen</Label>
+							</Button>
+						{:else}
+							<Button on:click={main} variant="unelevated">
+								<Label>Nicla verbinden</Label>
+							</Button>
+						{/if}
+					{/if}
+				</main>
+			</div>
+		</div>
+	</AppContent>
+	<Snackbar bind:this={snackbarWithoutClose}>
+		<SnackLabel>Nicla erfolgreich verbunden.</SnackLabel>
+		<Actions>
+			<Button on:click={() => setActive('Dashboard')} href="/" color="secondary" variant="unelevated">
+				<Label>Dashboard</Label>
+			</Button>
+		</Actions>
+	</Snackbar>
+</div>
+
+<style>
+	:global(body) {
+		margin: 0;
+		font-family: Roboto;
+	}
+
+	.flexor-content {
+		padding: 1rem;
+	}
+</style>

src/routes/+page.svelte

@@ -0,0 +1,59 @@
+<script>
+	import Tab, { Label } from '@smui/tab';
+	import TabBar from '@smui/tab-bar';
+	import Paper, { Content } from '@smui/paper';
+	let active = 'Dots';
+
+	import Graph from '../components/Graph.svelte';
+	import Circle from '../components/Circle.svelte';
+	import Bars from '../components/Bars.svelte';
+  	import Dots from '../components/Dots.svelte';
+</script>
+
+<svelte:head>
+	<title>WeatherWand</title>
+	<meta name="description" content="WeatherWand" />
+</svelte:head>
+
+<!-- <p>Diese Anwendung wandelt Einflüsse der Umwelt in eine neue Art der Visualisierung.</p> -->
+
+<div>
+	<TabBar tabs={['Dots', 'Graph', 'Circle', 'Bars']} let:tab bind:active>
+		<Tab {tab}>
+			<Label>{tab}</Label>
+		</Tab>
+	</TabBar>
+   
+	{#if active === 'Dots'}
+		<Paper variant="unelevated">
+			<Content>
+				<Dots />
+			</Content>
+		</Paper>
+	{:else if active === 'Graph'}
+		<Paper variant="unelevated">
+			<Content>
+				<Graph />
+			</Content>
+		</Paper>
+	{:else if active === 'Circle'}
+		<Paper variant="unelevated">
+			<Content>
+				<Circle />
+			</Content>
+		</Paper>
+	{:else if active === 'Bars'}
+		<Paper variant="unelevated">
+			<Content>
+				<Bars />
+			</Content>
+		</Paper>
+	{/if}
+</div>
+
+<style>
+	:global(canvas) {
+		width: 100% !important;
+		height: 100% !important;
+	}
+</style>

src/routes/ble/+page.svelte

@@ -0,0 +1,6 @@
+<svelte:head>
+	<title>BLE-Verbindung</title>
+	<meta name="description" content="BLE-Verbindung" />
+</svelte:head>
+
+BLE-Gerät verbinden und verwalten

src/routes/daten/+page.svelte

@@ -0,0 +1,49 @@
+<script>
+	import DataTable, { Head, Body, Row, Cell } from '@smui/data-table'; 
+
+	import { temperature, humidity, pressure, bsec, co2, gas, quaternion } from '$lib/dataStore';
+</script>
+
+<svelte:head>
+	<title>Rohdaten</title>
+	<meta name="description" content="Rohdaten" />
+</svelte:head>
+
+<DataTable table$aria-label="sensors list" style="width: 100%;">
+	<Head>
+		<Row>
+			<Cell>Name</Cell>
+			<Cell numeric>Number</Cell>
+		</Row>
+	</Head>
+	<Body>
+		<Row>
+			<Cell>Temperatur</Cell>
+			<Cell numeric>{$temperature}</Cell>
+		</Row>
+		<Row>
+			<Cell>Feuchtigkeit</Cell>
+			<Cell numeric>{$humidity}</Cell>
+		</Row>
+		<Row>
+			<Cell>Druck</Cell>
+			<Cell numeric>{$pressure}</Cell>
+		</Row>
+		<!-- <Row>
+			<Cell>BSEC</Cell>
+			<Cell numeric>{$bsec}</Cell>
+		</Row>
+		<Row>
+			<Cell>CO2</Cell>
+			<Cell numeric>{$co2}</Cell>
+		</Row> -->
+		<Row>
+			<Cell>Gas</Cell>
+			<Cell numeric>{$gas}</Cell>
+		</Row>
+		<Row>
+			<Cell>Quaternion</Cell>
+			<Cell numeric>{$quaternion.x}, {$quaternion.y}, {$quaternion.z}</Cell>
+		</Row>
+	</Body>
+</DataTable>

src/routes/einstellungen/+page.svelte

@@ -0,0 +1,6 @@
+<!-- <script>
+	let storageBytes = JSON.stringify(window.localStorage).length;
+	let storatePercent = storageBytes / 2000000;
+</script>
+
+Speicherauslastung: {storatePercent.toFixed(2)} % ({storageBytes} Bytes) -->

src/theme/_smui-theme.scss

@@ -0,0 +1,27 @@
+@use 'sass:color';
+
+@use '@material/theme/color-palette';
+
+// Svelte Colors!
+@use '@material/theme/index' as theme with (
+  $primary: #124559,
+  $secondary: #aec3b0,
+  $surface: #fff,
+  $background: #fff,
+  $error: color-palette.$red-900
+);
+
+html,
+body {
+  background-color: theme.$surface;
+  color: #01161e;
+}
+
+a {
+  color: #124559;
+}
+a:visited {
+  color: color.scale(#124559, $lightness: -35%);
+}
+
+// https://coolors.co/palette/01161e-124559-598392-aec3b0-eff6e0

src/theme/dark/_smui-theme.scss

@@ -0,0 +1,25 @@
+@use 'sass:color';
+
+@use '@material/theme/color-palette';
+
+// Svelte Colors! (Dark Theme)
+@use '@material/theme/index' as theme with (
+  $primary: #ff3e00,
+  $secondary: color.scale(#676778, $whiteness: -10%),
+  $surface: color.adjust(color-palette.$grey-900, $blue: +4),
+  $background: #000,
+  $error: color-palette.$red-700
+);
+
+html,
+body {
+  background-color: #000;
+  color: theme.$on-surface;
+}
+
+a {
+  color: #40b3ff;
+}
+a:visited {
+  color: color.scale(#40b3ff, $lightness: -35%);
+}

svelte.config.js

@@ -0,0 +1,13 @@
+import adapter from '@sveltejs/adapter-static';
+
+/** @type {import('@sveltejs/kit').Config} */
+const config = {
+	kit: {
+		// adapter-auto only supports some environments, see https://kit.svelte.dev/docs/adapter-auto for a list.
+		// If your environment is not supported or you settled on a specific environment, switch out the adapter.
+		// See https://kit.svelte.dev/docs/adapters for more information about adapters.
+		adapter: adapter()
+	}
+};
+
+export default config;

vite.config.js

@@ -0,0 +1,7 @@
+import { sveltekit } from '@sveltejs/kit/vite';
+import { defineConfig } from 'vite';
+import basicSsl from '@vitejs/plugin-basic-ssl';
+
+export default defineConfig({
+	plugins: [sveltekit(), basicSsl()]
+});