diff --git a/android/.idea/gradle.xml b/android/.idea/gradle.xml
index d573703..ae2f9ef 100644
--- a/android/.idea/gradle.xml
+++ b/android/.idea/gradle.xml
@@ -11,6 +11,7 @@
             <option value="$PROJECT_DIR$/../../camera-preview/android" />
             <option value="$PROJECT_DIR$/../../capacitor-inappbrowser/android" />
             <option value="$PROJECT_DIR$/../../capacitor-updater/android" />
+            <option value="$PROJECT_DIR$/../../capacitor-uploader/android" />
             <option value="$PROJECT_DIR$" />
             <option value="$PROJECT_DIR$/app" />
             <option value="$PROJECT_DIR$/capacitor-cordova-android-plugins" />
@@ -27,4 +28,4 @@
       </GradleProjectSettings>
     </option>
   </component>
-</project>
\ No newline at end of file
+</project>
diff --git a/android/.idea/kotlinc.xml b/android/.idea/kotlinc.xml
index 69e8615..af5b6f6 100644
--- a/android/.idea/kotlinc.xml
+++ b/android/.idea/kotlinc.xml
@@ -3,4 +3,4 @@
   <component name="KotlinJpsPluginSettings">
     <option name="version" value="1.8.20" />
   </component>
-</project>
\ No newline at end of file
+</project>
diff --git a/android/.idea/vcs.xml b/android/.idea/vcs.xml
index 268e4d4..ad4606a 100644
--- a/android/.idea/vcs.xml
+++ b/android/.idea/vcs.xml
@@ -1,7 +1,10 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <project version="4">
   <component name="VcsDirectoryMappings">
+    <mapping directory="$PROJECT_DIR$/../../camera-preview" vcs="Git" />
+    <mapping directory="$PROJECT_DIR$/../../capacitor-inappbrowser" vcs="Git" />
     <mapping directory="$PROJECT_DIR$/../../capacitor-updater" vcs="Git" />
+    <mapping directory="$PROJECT_DIR$/../../capacitor-uploader" vcs="Git" />
     <mapping directory="$PROJECT_DIR$/.." vcs="Git" />
   </component>
 </project>
\ No newline at end of file
diff --git a/android/.idea/workspace.xml b/android/.idea/workspace.xml
index 7f6648b..ec21284 100644
--- a/android/.idea/workspace.xml
+++ b/android/.idea/workspace.xml
@@ -4,6 +4,24 @@
     <shared>
       <config />
     </shared>
+    <layouts>
+      <layout url="file://$PROJECT_DIR$/../../capacitor-inappbrowser/android/src/main/res/layout/activity_browser.xml">
+        <config>
+          <theme>@android:style/Theme.Material.Light</theme>
+        </config>
+      </layout>
+      <layout url="file://$PROJECT_DIR$/../../capacitor-inappbrowser/android/src/main/res/layout/content_browser.xml">
+        <config>
+          <theme>@android:style/Theme.Material.Light</theme>
+        </config>
+      </layout>
+      <layout url="file://$PROJECT_DIR$/../../capacitor-inappbrowser/android/src/main/res/layout/tool_bar.xml">
+        <config>
+          <night>night</night>
+          <theme>@android:style/Theme.Material.Light</theme>
+        </config>
+      </layout>
+    </layouts>
   </component>
   <component name="AutoImportSettings">
     <option name="autoReloadType" value="NONE" />
@@ -32,6 +50,30 @@
       <ProjectState />
     </projectState>
   </component>
+  <component name="ExternalProjectsManager">
+    <system id="GRADLE">
+      <state>
+        <projects_view>
+          <tree_state>
+            <expand>
+              <path>
+                <item name="" type="6a2764b6:ExternalProjectsStructure$RootNode" />
+                <item name="android" type="f1a62948:ProjectNode" />
+              </path>
+            </expand>
+            <select />
+          </tree_state>
+        </projects_view>
+      </state>
+    </system>
+  </component>
+  <component name="FileTemplateManagerImpl">
+    <option name="RECENT_TEMPLATES">
+      <list>
+        <option value="Class" />
+      </list>
+    </option>
+  </component>
   <component name="Git.Settings">
     <option name="RECENT_GIT_ROOT_PATH" value="$PROJECT_DIR$/.." />
   </component>
@@ -46,7 +88,7 @@
   <component name="PropertiesComponent"><![CDATA[{
   "keyToString": {
     "Android App.app.executor": "Run",
-    "DEBUGGABLE_DEVICE": "Pixel_8_API_34_2 [emulator-5554]",
+    "DEBUGGABLE_DEVICE": "Medium_Phone_API_33 [emulator-5554]",
     "DEBUGGABLE_PROCESS": "io.ionic.starter",
     "DEBUGGER_ID": "Auto",
     "Gradle.Load Gradle Dependencies.executor": "Run",
@@ -60,6 +102,9 @@
     "git-widget-placeholder": "main",
     "kotlin-language-version-configured": "true",
     "last_opened_file_path": "/Users/michaltremblay/Developer/capgo-test-app/android",
+    "project.structure.last.edited": "Modules",
+    "project.structure.proportion": "0.17",
+    "project.structure.side.proportion": "0.2",
     "settings.editor.selected.configurable": "preferences.sourceCode.Java"
   }
 }]]></component>
@@ -142,12 +187,23 @@
     </task>
     <servers />
   </component>
+  <component name="Vcs.Log.Tabs.Properties">
+    <option name="TAB_STATES">
+      <map>
+        <entry key="MAIN">
+          <value>
+            <State />
+          </value>
+        </entry>
+      </map>
+    </option>
+  </component>
   <component name="XDebuggerManager">
     <breakpoint-manager>
       <breakpoints>
         <line-breakpoint enabled="true" type="java-line">
           <url>file://$PROJECT_DIR$/../../capacitor-updater/android/src/main/java/ee/forgr/capacitor_updater/CapacitorUpdater.java</url>
-          <line>545</line>
+          <line>581</line>
           <option name="timeStamp" value="7" />
         </line-breakpoint>
         <line-breakpoint enabled="true" type="java-line">
@@ -157,7 +213,7 @@
         </line-breakpoint>
         <line-breakpoint enabled="true" type="java-line">
           <url>file://$PROJECT_DIR$/../../capacitor-updater/android/src/main/java/ee/forgr/capacitor_updater/CapacitorUpdaterPlugin.java</url>
-          <line>604</line>
+          <line>593</line>
           <option name="timeStamp" value="16" />
         </line-breakpoint>
         <line-breakpoint enabled="true" type="java-line">
@@ -167,30 +223,95 @@
         </line-breakpoint>
         <line-breakpoint enabled="true" type="java-line">
           <url>file://$PROJECT_DIR$/../../capacitor-updater/android/src/main/java/ee/forgr/capacitor_updater/CapacitorUpdaterPlugin.java</url>
-          <line>139</line>
-          <option name="timeStamp" value="18" />
+          <line>936</line>
+          <option name="timeStamp" value="21" />
         </line-breakpoint>
         <line-breakpoint enabled="true" type="java-line">
           <url>file://$PROJECT_DIR$/../../capacitor-updater/android/src/main/java/ee/forgr/capacitor_updater/CapacitorUpdaterPlugin.java</url>
-          <line>1460</line>
-          <option name="timeStamp" value="19" />
+          <line>909</line>
+          <option name="timeStamp" value="22" />
         </line-breakpoint>
         <line-breakpoint enabled="true" type="java-line">
           <url>file://$PROJECT_DIR$/../../capacitor-updater/android/src/main/java/ee/forgr/capacitor_updater/CapacitorUpdaterPlugin.java</url>
-          <line>949</line>
-          <option name="timeStamp" value="21" />
+          <line>910</line>
+          <option name="timeStamp" value="23" />
         </line-breakpoint>
         <line-breakpoint enabled="true" type="java-line">
-          <url>file://$PROJECT_DIR$/../../capacitor-updater/android/src/main/java/ee/forgr/capacitor_updater/CapacitorUpdaterPlugin.java</url>
-          <line>922</line>
-          <option name="timeStamp" value="22" />
+          <url>file://$PROJECT_DIR$/../../capacitor-updater/android/src/main/java/ee/forgr/capacitor_updater/DownloadService.java</url>
+          <line>47</line>
+          <option name="timeStamp" value="24" />
         </line-breakpoint>
         <line-breakpoint enabled="true" type="java-line">
-          <url>file://$PROJECT_DIR$/../../capacitor-updater/android/src/main/java/ee/forgr/capacitor_updater/CapacitorUpdaterPlugin.java</url>
-          <line>923</line>
-          <option name="timeStamp" value="23" />
+          <url>file://$PROJECT_DIR$/../../capacitor-inappbrowser/android/src/main/java/ee/forgr/capacitor_inappbrowser/InAppBrowserPlugin.java</url>
+          <line>252</line>
+          <option name="timeStamp" value="28" />
+        </line-breakpoint>
+        <line-breakpoint enabled="true" type="java-line">
+          <url>file://$PROJECT_DIR$/../../capacitor-inappbrowser/android/src/main/java/ee/forgr/capacitor_inappbrowser/InAppBrowserPlugin.java</url>
+          <line>331</line>
+          <option name="timeStamp" value="30" />
+        </line-breakpoint>
+        <line-breakpoint enabled="true" type="java-line">
+          <url>file://$PROJECT_DIR$/../../capacitor-inappbrowser/android/src/main/java/ee/forgr/capacitor_inappbrowser/InAppBrowserPlugin.java</url>
+          <line>65</line>
+          <option name="timeStamp" value="37" />
+        </line-breakpoint>
+        <line-breakpoint enabled="true" type="java-line">
+          <url>file://$PROJECT_DIR$/../../capacitor-inappbrowser/android/src/main/java/ee/forgr/capacitor_inappbrowser/WebViewDialog.java</url>
+          <line>212</line>
+          <option name="timeStamp" value="38" />
+        </line-breakpoint>
+        <line-breakpoint enabled="true" type="java-line">
+          <url>file://$PROJECT_DIR$/../../capacitor-inappbrowser/android/src/main/java/ee/forgr/capacitor_inappbrowser/WebViewDialog.java</url>
+          <line>114</line>
+          <option name="timeStamp" value="42" />
+        </line-breakpoint>
+        <line-breakpoint enabled="true" type="java-line">
+          <url>file://$PROJECT_DIR$/../../capacitor-inappbrowser/android/src/main/java/ee/forgr/capacitor_inappbrowser/WebViewDialog.java</url>
+          <line>113</line>
+          <option name="timeStamp" value="43" />
+        </line-breakpoint>
+        <line-breakpoint enabled="true" type="java-line">
+          <url>file://$PROJECT_DIR$/../../capacitor-inappbrowser/android/src/main/java/ee/forgr/capacitor_inappbrowser/WebViewDialog.java</url>
+          <line>572</line>
+          <option name="timeStamp" value="50" />
+        </line-breakpoint>
+        <line-breakpoint enabled="true" type="java-line">
+          <url>file://$PROJECT_DIR$/../../capacitor-inappbrowser/android/src/main/java/ee/forgr/capacitor_inappbrowser/WebViewDialog.java</url>
+          <line>781</line>
+          <option name="timeStamp" value="54" />
+        </line-breakpoint>
+        <line-breakpoint enabled="true" type="java-line">
+          <url>file://$PROJECT_DIR$/../../capacitor-uploader/android/src/main/java/ee/forgr/capacitor/uploader/Uploader.java</url>
+          <line>72</line>
+          <option name="timeStamp" value="56" />
+        </line-breakpoint>
+        <line-breakpoint enabled="true" type="java-line">
+          <url>file://$PROJECT_DIR$/../../capacitor-uploader/android/src/main/java/ee/forgr/capacitor/uploader/Uploader.java</url>
+          <line>69</line>
+          <option name="timeStamp" value="57" />
+        </line-breakpoint>
+        <line-breakpoint enabled="true" type="java-line">
+          <url>file://$PROJECT_DIR$/../../capacitor-inappbrowser/android/src/main/java/ee/forgr/capacitor_inappbrowser/WebViewDialog.java</url>
+          <line>302</line>
+          <option name="timeStamp" value="64" />
+        </line-breakpoint>
+        <line-breakpoint enabled="true" type="java-line">
+          <url>file://$PROJECT_DIR$/../../capacitor-inappbrowser/android/src/main/java/ee/forgr/capacitor_inappbrowser/WebViewDialog.java</url>
+          <line>510</line>
+          <option name="timeStamp" value="66" />
+        </line-breakpoint>
+        <line-breakpoint enabled="true" type="java-line">
+          <url>file://$PROJECT_DIR$/../../capacitor-inappbrowser/android/src/main/java/ee/forgr/capacitor_inappbrowser/WebViewDialog.java</url>
+          <line>497</line>
+          <option name="timeStamp" value="68" />
+        </line-breakpoint>
+        <line-breakpoint enabled="true" type="java-line">
+          <url>file://$PROJECT_DIR$/../../capacitor-shake/android/src/main/java/ee/forgr/capacitor/shake/CapacitorShakePlugin.java</url>
+          <line>18</line>
+          <option name="timeStamp" value="69" />
         </line-breakpoint>
       </breakpoints>
     </breakpoint-manager>
   </component>
-</project>
\ No newline at end of file
+</project>
diff --git a/android/app/capacitor.build.gradle b/android/app/capacitor.build.gradle
index fb56325..390cbc2 100644
--- a/android/app/capacitor.build.gradle
+++ b/android/app/capacitor.build.gradle
@@ -15,9 +15,14 @@ dependencies {
     implementation project(':capacitor-keyboard')
     implementation project(':capacitor-status-bar')
     implementation project(':capgo-camera-preview')
+    implementation project(':capgo-capacitor-data-storage-sqlite')
+    implementation project(':capgo-capacitor-screen-recorder')
+    implementation project(':capgo-capacitor-shake')
+    implementation project(':capgo-capacitor-social-login')
     implementation project(':capgo-capacitor-updater')
     implementation project(':capgo-capacitor-uploader')
     implementation project(':capgo-inappbrowser')
+    implementation project(':capgo-native-purchases')
 
 }
 
diff --git a/android/capacitor.settings.gradle b/android/capacitor.settings.gradle
index fb29c6c..58f00db 100644
--- a/android/capacitor.settings.gradle
+++ b/android/capacitor.settings.gradle
@@ -20,11 +20,26 @@ project(':capacitor-status-bar').projectDir = new File('../node_modules/@capacit
 include ':capgo-camera-preview'
 project(':capgo-camera-preview').projectDir = new File('../../camera-preview/android')
 
+include ':capgo-capacitor-data-storage-sqlite'
+project(':capgo-capacitor-data-storage-sqlite').projectDir = new File('../node_modules/@capgo/capacitor-data-storage-sqlite/android')
+
+include ':capgo-capacitor-screen-recorder'
+project(':capgo-capacitor-screen-recorder').projectDir = new File('../node_modules/@capgo/capacitor-screen-recorder/android')
+
+include ':capgo-capacitor-shake'
+project(':capgo-capacitor-shake').projectDir = new File('../node_modules/@capgo/capacitor-shake/android')
+
+include ':capgo-capacitor-social-login'
+project(':capgo-capacitor-social-login').projectDir = new File('../../capacitor-social-login/android')
+
 include ':capgo-capacitor-updater'
 project(':capgo-capacitor-updater').projectDir = new File('../../capacitor-updater/android')
 
 include ':capgo-capacitor-uploader'
-project(':capgo-capacitor-uploader').projectDir = new File('../node_modules/@capgo/capacitor-uploader/android')
+project(':capgo-capacitor-uploader').projectDir = new File('../../capacitor-uploader/android')
 
 include ':capgo-inappbrowser'
 project(':capgo-inappbrowser').projectDir = new File('../../capacitor-inappbrowser/android')
+
+include ':capgo-native-purchases'
+project(':capgo-native-purchases').projectDir = new File('../../native-purchases/android')
diff --git a/android/variables.gradle b/android/variables.gradle
index 8ef305d..02ae519 100644
--- a/android/variables.gradle
+++ b/android/variables.gradle
@@ -1,5 +1,5 @@
 ext {
-    minSdkVersion = 22
+    minSdkVersion = 23
     compileSdkVersion = 34
     targetSdkVersion = 34
     androidxActivityVersion = '1.8.0'
diff --git a/bun.lockb b/bun.lockb
index c8c4e0b..1f84ef8 100755
Binary files a/bun.lockb and b/bun.lockb differ
diff --git a/ios/App/App.xcodeproj/project.pbxproj b/ios/App/App.xcodeproj/project.pbxproj
index fc4ef44..7f6e487 100644
--- a/ios/App/App.xcodeproj/project.pbxproj
+++ b/ios/App/App.xcodeproj/project.pbxproj
@@ -354,7 +354,7 @@
 				CODE_SIGN_ENTITLEMENTS = App/App.entitlements;
 				CODE_SIGN_STYLE = Automatic;
 				CURRENT_PROJECT_VERSION = 1;
-				DEVELOPMENT_TEAM = 6GMUQYYQZZ;
+				DEVELOPMENT_TEAM = UVTJ336J2D;
 				INFOPLIST_FILE = App/Info.plist;
 				IPHONEOS_DEPLOYMENT_TARGET = 15.6;
 				LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks";
diff --git a/ios/App/App/StoreKitConfig.storekit b/ios/App/App/StoreKitConfig.storekit
new file mode 100644
index 0000000..72bc696
--- /dev/null
+++ b/ios/App/App/StoreKitConfig.storekit
@@ -0,0 +1,126 @@
+{
+  "appPolicies" : {
+    "eula" : "",
+    "policies" : [
+      {
+        "locale" : "en_US",
+        "policyText" : "",
+        "policyURL" : ""
+      }
+    ]
+  },
+  "identifier" : "46D2476B",
+  "nonRenewingSubscriptions" : [
+
+  ],
+  "products" : [
+    {
+      "displayPrice" : "0.99",
+      "familyShareable" : false,
+      "internalID" : "6DE0C6F5",
+      "localizations" : [
+        {
+          "description" : "Will make you happy in life",
+          "displayName" : "Happines",
+          "locale" : "en_US"
+        }
+      ],
+      "productID" : "me.wcaleniewolny.testapp.happines",
+      "referenceName" : "Happines",
+      "type" : "NonConsumable"
+    }
+  ],
+  "settings" : {
+    "_failTransactionsEnabled" : false,
+    "_storeKitErrors" : [
+      {
+        "current" : null,
+        "enabled" : false,
+        "name" : "Load Products"
+      },
+      {
+        "current" : null,
+        "enabled" : false,
+        "name" : "Purchase"
+      },
+      {
+        "current" : null,
+        "enabled" : false,
+        "name" : "Verification"
+      },
+      {
+        "current" : null,
+        "enabled" : false,
+        "name" : "App Store Sync"
+      },
+      {
+        "current" : null,
+        "enabled" : false,
+        "name" : "Subscription Status"
+      },
+      {
+        "current" : null,
+        "enabled" : false,
+        "name" : "App Transaction"
+      },
+      {
+        "current" : null,
+        "enabled" : false,
+        "name" : "Manage Subscriptions Sheet"
+      },
+      {
+        "current" : null,
+        "enabled" : false,
+        "name" : "Refund Request Sheet"
+      },
+      {
+        "current" : null,
+        "enabled" : false,
+        "name" : "Offer Code Redeem Sheet"
+      }
+    ]
+  },
+  "subscriptionGroups" : [
+    {
+      "id" : "1FEA7946",
+      "localizations" : [
+
+      ],
+      "name" : "Main reference group",
+      "subscriptions" : [
+        {
+          "adHocOffers" : [
+
+          ],
+          "codeOffers" : [
+
+          ],
+          "displayPrice" : "5",
+          "familyShareable" : false,
+          "groupNumber" : 1,
+          "internalID" : "203AD765",
+          "introductoryOffer" : null,
+          "localizations" : [
+            {
+              "description" : "Unlocks new ski areas",
+              "displayName" : "Ski pass",
+              "locale" : "en_US"
+            }
+          ],
+          "productID" : "me.wcaleniewolny.testapp.skipass",
+          "recurringSubscriptionPeriod" : "P1M",
+          "referenceName" : "Ski pass",
+          "subscriptionGroupID" : "1FEA7946",
+          "type" : "RecurringSubscription",
+          "winbackOffers" : [
+
+          ]
+        }
+      ]
+    }
+  ],
+  "version" : {
+    "major" : 4,
+    "minor" : 0
+  }
+}
diff --git a/ios/App/Podfile b/ios/App/Podfile
index 231c99b..985bbfc 100644
--- a/ios/App/Podfile
+++ b/ios/App/Podfile
@@ -17,9 +17,14 @@ def capacitor_pods
   pod 'CapacitorKeyboard', :path => '../../node_modules/@capacitor/keyboard'
   pod 'CapacitorStatusBar', :path => '../../node_modules/@capacitor/status-bar'
   pod 'CapgoCameraPreview', :path => '../../../camera-preview'
+  pod 'CapgoCapacitorDataStorageSqlite', :path => '../../node_modules/@capgo/capacitor-data-storage-sqlite'
+  pod 'CapgoCapacitorScreenRecorder', :path => '../../node_modules/@capgo/capacitor-screen-recorder'
+  pod 'CapgoCapacitorShake', :path => '../../node_modules/@capgo/capacitor-shake'
+  pod 'CapgoCapacitorSocialLogin', :path => '../../../capacitor-social-login'
   pod 'CapgoCapacitorUpdater', :path => '../../../capacitor-updater'
-  pod 'CapgoCapacitorUploader', :path => '../../node_modules/@capgo/capacitor-uploader'
+  pod 'CapgoCapacitorUploader', :path => '../../../capacitor-uploader'
   pod 'CapgoInappbrowser', :path => '../../../capacitor-inappbrowser'
+  pod 'CapgoNativePurchases', :path => '../../../native-purchases'
 end
 
 target 'App' do
diff --git a/ios/App/Podfile.lock b/ios/App/Podfile.lock
index 29ddc2c..1ee6049 100644
--- a/ios/App/Podfile.lock
+++ b/ios/App/Podfile.lock
@@ -1,5 +1,5 @@
 PODS:
-  - Alamofire (5.9.0)
+  - Alamofire (5.9.1)
   - Capacitor (6.1.2):
     - CapacitorCordova
   - CapacitorApp (6.0.0):
@@ -15,16 +15,34 @@ PODS:
     - Capacitor
   - CapgoCameraPreview (2.0.0):
     - Capacitor
-  - CapgoCapacitorUpdater (6.1.20):
+  - CapgoCapacitorDataStorageSqlite (6.0.9):
+    - Capacitor
+    - SQLite.swift/SQLCipher
+  - CapgoCapacitorScreenRecorder (8.1.58):
+    - Capacitor
+  - CapgoCapacitorShake (6.0.46):
+    - Capacitor
+  - CapgoCapacitorSocialLogin (0.0.7):
+    - Capacitor
+  - CapgoCapacitorUpdater (6.1.27):
     - Alamofire
     - Capacitor
     - SSZipArchive
     - SwiftyRSA
     - Version
-  - CapgoCapacitorUploader (0.0.7):
+  - CapgoCapacitorUploader (0.0.16):
     - Capacitor
   - CapgoInappbrowser (6.6.6):
     - Capacitor
+  - CapgoNativePurchases (0.0.69):
+    - Capacitor
+  - SQLCipher (4.6.1):
+    - SQLCipher/standard (= 4.6.1)
+  - SQLCipher/common (4.6.1)
+  - SQLCipher/standard (4.6.1):
+    - SQLCipher/common
+  - SQLite.swift/SQLCipher (0.15.3):
+    - SQLCipher (>= 4.0.0)
   - SSZipArchive (2.4.3)
   - SwiftyRSA (1.7.0):
     - SwiftyRSA/ObjC (= 1.7.0)
@@ -40,13 +58,20 @@ DEPENDENCIES:
   - "CapacitorKeyboard (from `../../node_modules/@capacitor/keyboard`)"
   - "CapacitorStatusBar (from `../../node_modules/@capacitor/status-bar`)"
   - CapgoCameraPreview (from `../../../camera-preview`)
+  - "CapgoCapacitorDataStorageSqlite (from `../../node_modules/@capgo/capacitor-data-storage-sqlite`)"
+  - "CapgoCapacitorScreenRecorder (from `../../node_modules/@capgo/capacitor-screen-recorder`)"
+  - "CapgoCapacitorShake (from `../../node_modules/@capgo/capacitor-shake`)"
+  - CapgoCapacitorSocialLogin (from `../../../capacitor-social-login`)
   - CapgoCapacitorUpdater (from `../../../capacitor-updater`)
-  - "CapgoCapacitorUploader (from `../../node_modules/@capgo/capacitor-uploader`)"
+  - CapgoCapacitorUploader (from `../../../capacitor-uploader`)
   - CapgoInappbrowser (from `../../../capacitor-inappbrowser`)
+  - CapgoNativePurchases (from `../../../native-purchases`)
 
 SPEC REPOS:
   trunk:
     - Alamofire
+    - SQLCipher
+    - SQLite.swift
     - SSZipArchive
     - SwiftyRSA
     - Version
@@ -68,15 +93,25 @@ EXTERNAL SOURCES:
     :path: "../../node_modules/@capacitor/status-bar"
   CapgoCameraPreview:
     :path: "../../../camera-preview"
+  CapgoCapacitorDataStorageSqlite:
+    :path: "../../node_modules/@capgo/capacitor-data-storage-sqlite"
+  CapgoCapacitorScreenRecorder:
+    :path: "../../node_modules/@capgo/capacitor-screen-recorder"
+  CapgoCapacitorShake:
+    :path: "../../node_modules/@capgo/capacitor-shake"
+  CapgoCapacitorSocialLogin:
+    :path: "../../../capacitor-social-login"
   CapgoCapacitorUpdater:
     :path: "../../../capacitor-updater"
   CapgoCapacitorUploader:
-    :path: "../../node_modules/@capgo/capacitor-uploader"
+    :path: "../../../capacitor-uploader"
   CapgoInappbrowser:
     :path: "../../../capacitor-inappbrowser"
+  CapgoNativePurchases:
+    :path: "../../../native-purchases"
 
 SPEC CHECKSUMS:
-  Alamofire: 02b772c9910e8eba1a079227c32fbd9e46c90a24
+  Alamofire: f36a35757af4587d8e4f4bfa223ad10be2422b8c
   Capacitor: 679f9673fdf30597493a6362a5d5bf233d46abc2
   CapacitorApp: 9d53aec7101f7b030a950c5bdc4df8612576b279
   CapacitorCordova: f48c89f96c319101cd2f0ce8a2b7449b5fb8b3dd
@@ -85,13 +120,20 @@ SPEC CHECKSUMS:
   CapacitorKeyboard: deacbd09d8d1029c3681197fb05d206b721d5f73
   CapacitorStatusBar: 2e4369f99166125435641b1908d05f561eaba6f6
   CapgoCameraPreview: e5ec3ed8998e94e24982c484841d7be48e7c3bbd
-  CapgoCapacitorUpdater: e755631dede3264eed58c968ac98c09da771bc26
-  CapgoCapacitorUploader: aeb3534725504af8274f60b24d57054b1a0bc891
+  CapgoCapacitorDataStorageSqlite: f50a420386e660eb82f05dd94f5cf62c772ebf36
+  CapgoCapacitorScreenRecorder: 06b1278e43babbb2a82ba909d66e93dc1083f387
+  CapgoCapacitorShake: c9f69fbbf99c5dbfe36fc39b294709cbd901e94f
+  CapgoCapacitorSocialLogin: de792f9a4dc33d78a64f7e65510a47fc4f638bbc
+  CapgoCapacitorUpdater: 5114ef35003bf8eb55744aa6a18a85dd9085449c
+  CapgoCapacitorUploader: 0ffef6044edd222d392cd0ca86ff3a1c1e5fffec
   CapgoInappbrowser: 1e8cc123fa464311b558442564fd6f6aa2b817b4
+  CapgoNativePurchases: 02384f340291247543d9919d73c03acc1d6eff88
+  SQLCipher: 77fbe633cd84db04b07876dd50766b4924b57d61
+  SQLite.swift: 8d054987f02728cc912b0eb5a9659650573a65a2
   SSZipArchive: fe6a26b2a54d5a0890f2567b5cc6de5caa600aef
   SwiftyRSA: 8c6dd1ea7db1b8dc4fb517a202f88bb1354bc2c6
   Version: de5907f2c5d0f3cf21708db7801d1d5401139486
 
-PODFILE CHECKSUM: 183c7c327da64f80bb5e60b26710ada7f1274789
+PODFILE CHECKSUM: ce21cfd120f62550ab338f45e6fc9ba8bd923f70
 
 COCOAPODS: 1.15.2
diff --git a/package.json b/package.json
index 5b4106d..ea90bc8 100644
--- a/package.json
+++ b/package.json
@@ -22,22 +22,28 @@
     "@aws-sdk/s3-request-presigner": "^3.645.0",
     "@capacitor/android": "6.0.0",
     "@capacitor/app": "6.0.0",
-    "@capacitor/core": "6.0.0",
+    "@capacitor/core": "6.1.2",
     "@capacitor/filesystem": "^6.0.1",
     "@capacitor/haptics": "6.0.0",
     "@capacitor/ios": "^6.1.1",
     "@capacitor/keyboard": "6.0.0",
     "@capacitor/status-bar": "6.0.0",
     "@capgo/camera-preview": "link:@capgo/camera-preview",
+    "@capgo/capacitor-data-storage-sqlite": "^6.0.9",
+    "@capgo/capacitor-screen-recorder": "^8.1.58",
+    "@capgo/capacitor-shake": "^6.0.46",
+    "@capgo/capacitor-social-login": "link:@capgo/capacitor-social-login",
     "@capgo/capacitor-updater": "link:@capgo/capacitor-updater",
-    "@capgo/capacitor-uploader": "^0.0.7",
+    "@capgo/capacitor-uploader": "link:@capgo/capacitor-uploader",
     "@capgo/inappbrowser": "link:@capgo/inappbrowser",
+    "@capgo/native-purchases": "link:@capgo/native-purchases",
     "@ionic/cli": "latest",
     "@ionic/vue": "^8.0.0",
     "@ionic/vue-router": "^8.0.0",
     "@types/bun": "^1.1.6",
     "csv-writer": "^1.6.0",
     "ionicons": "^7.0.0",
+    "pinia": "^2.2.2",
     "vue": "^3.3.0",
     "vue-router": "^4.2.0"
   },
@@ -61,4 +67,4 @@
     "vue-tsc": "^1.0.24"
   },
   "description": "An Ionic project"
-}
\ No newline at end of file
+}
diff --git a/src/App.vue b/src/App.vue
index 77e7cb4..7e3e7b8 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,12 +1,22 @@
 <template>
   <ion-app>
+    <ion-alert
+      :header="popoutStore.popoutHeader"
+      :message="popoutStore.popoutMessage"
+      :buttons="['ok']"
+      @didDismiss="() => popoutStore.isPopoutOpen = false"
+      :is-open="popoutStore.isPopoutOpen"
+      cssClass="my-custom-class"
+    ></ion-alert>
     <ion-router-outlet />
   </ion-app>
 </template>
 
 <script setup lang="ts">
 import { CapacitorUpdater } from '@capgo/capacitor-updater'
-import { IonApp, IonRouterOutlet } from '@ionic/vue';
+import { IonApp, IonRouterOutlet, IonAlert } from '@ionic/vue';
+import { usePopoutStore } from './popoutStore';
+const popoutStore = usePopoutStore()
 
 CapacitorUpdater.notifyAppReady()
 
diff --git a/src/main.ts b/src/main.ts
index 933e3f4..c6bcc28 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -34,10 +34,14 @@ import '@ionic/vue/css/palettes/dark.system.css';
 /* Theme variables */
 import './theme/variables.css';
 import './theme/tailwind.css'
+import { createPinia } from 'pinia';
+
+const pinia = createPinia();
 
 const app = createApp(App)
   .use(IonicVue)
-  .use(router);
+  .use(router)
+  .use(pinia)
 
 router.isReady().then(() => {
   app.mount('#app');
diff --git a/src/popoutStore.ts b/src/popoutStore.ts
new file mode 100644
index 0000000..b7230a3
--- /dev/null
+++ b/src/popoutStore.ts
@@ -0,0 +1,21 @@
+import { defineStore } from 'pinia';
+import { ref } from 'vue'
+
+export const usePopoutStore = defineStore('popout', {
+  state: () => {
+    return {
+      isPopoutOpen: false,
+      popoutHeader: '',
+      popoutMessage: ''
+    }
+  },
+  // could also be defined as
+  // state: () => ({ count: 0 })
+  actions: {
+    popout(header: string, message: string) {
+      this.popoutHeader = header
+      this.popoutMessage = message
+      this.isPopoutOpen = true
+    },
+  },
+})
\ No newline at end of file
diff --git a/src/router/index.ts b/src/router/index.ts
index 0dab681..f125f0f 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -1,7 +1,14 @@
 import { createRouter, createWebHistory } from '@ionic/vue-router';
 import { RouteRecordRaw } from 'vue-router';
 import HomePage from '../views/HomePage.vue'
-import Camera from '../views/Camera.vue';
+import Camera from '../views/plugins/Camera.vue';
+import Clicker from '../views/plugins/Clicker.vue';
+import Updater from '@/views/plugins/Updater.vue';
+import InAppPurchase from '@/views/plugins/InAppPurchase.vue';
+import Web from '@/views/plugins/Web.vue';
+// import Sql from '@/views/plugins/Sql.vue';
+// import ScreenRecorder from '@/views/plugins/ScreenRecorder.vue';
+import Auth from '@/views/plugins/Auth.vue';
 
 const routes: Array<RouteRecordRaw> = [
   {
@@ -17,7 +24,42 @@ const routes: Array<RouteRecordRaw> = [
     path: '/camera',
     name: 'Camera',
     component: Camera
-  }
+  },
+  {
+    path: '/clicker',
+    name: 'Clicker',
+    component: Clicker
+  },
+  {
+    path: '/updater',
+    name: 'Updater',
+    component: Updater
+  },
+  {
+    path: '/subscriptions',
+    name: 'Subscriptions',
+    component: InAppPurchase
+  },
+  {
+    path: '/web',
+    name: 'web',
+    component: Web
+  },
+  // {
+  //   path: '/sql',
+  //   name: 'sql',
+  //   component: Sql
+  // },
+  // {
+  //   path: '/screen-recorder',
+  //   name: 'screen recorder',
+  //   component: ScreenRecorder
+  // },
+  {
+    path: '/auth',
+    name: 'Auth',
+    component: Auth
+  },
 ]
 
 const router = createRouter({
diff --git a/src/theme/variables.css b/src/theme/variables.css
index 9e964f2..ab0cc62 100644
--- a/src/theme/variables.css
+++ b/src/theme/variables.css
@@ -1,7 +1,15 @@
 /* For information on how to create your own theme, please see:
 http://ionicframework.com/docs/theming/ */
 
+@media (prefers-color-scheme: dark) {
+  .my-custom-class .alert-wrapper {
+    background: #121212;
+  }
+}
 
-:root {
-  --ion-background-color: transparent !important;
+
+@media (prefers-color-scheme: light) {
+  .my-custom-class .alert-wrapper {
+    background: #f9f9f9;
+  }
 }
\ No newline at end of file
diff --git a/src/views/HomePage.vue b/src/views/HomePage.vue
index d58298c..fc09a62 100644
--- a/src/views/HomePage.vue
+++ b/src/views/HomePage.vue
@@ -10,15 +10,17 @@
       <ion-grid style="height: 100%">
         <ion-row class="ion-align-items-center ion-justify-content-center" style="height: 100%;">
           <ion-col size="auto" style="text-align: center;">
-            <strong>Ready to create an app?</strong>
-            <p>Start with Capgo Cloud!</p>
-            <p>Count v0: {{ count }}!</p>
-
-            <ion-button @click="() => count += 1">Click me!</ion-button>
-            <ion-button @click="() => hardrestet()">Hard reset!!</ion-button>
-            <ion-button @click="() => questionMark()">??</ion-button>
-            <ion-button @click="() => openWeb()">web</ion-button>
-            <ion-button @click="() => openCamera()">camera</ion-button>
+            <strong>Ready to test some plugins?</strong>
+            <p>Click the buttons!</p>
+
+            <ion-button router-link="/clicker">Clicker</ion-button>
+            <ion-button router-link="/updater">Updater</ion-button>
+            <ion-button router-link="/camera">Camera</ion-button>
+            <ion-button router-link="/subscriptions">Subscriptions</ion-button>
+            <ion-button router-link="/web">Web</ion-button>
+            <ion-button router-link="/sql">Sql</ion-button>
+            <ion-button router-link="/screen-recorder">Screen recorder</ion-button>
+            <ion-button router-link="/auth">Auth</ion-button>
           </ion-col>
         </ion-row>
       </ion-grid>
diff --git a/src/views/plugins/Auth.vue b/src/views/plugins/Auth.vue
new file mode 100644
index 0000000..3773c16
--- /dev/null
+++ b/src/views/plugins/Auth.vue
@@ -0,0 +1,107 @@
+<template>
+  <ion-page>
+    <ion-header :translucent="true">
+      <ion-toolbar>
+        <ion-buttons slot="start">
+          <ion-back-button default-href="#"></ion-back-button>
+        </ion-buttons>
+        <ion-title>Capgo cloud demo (auth)</ion-title>
+      </ion-toolbar>
+    </ion-header>
+
+    <ion-content :fullscreen="true">
+      <ion-grid style="height: 100%">
+        <ion-row class="ion-align-items-center ion-justify-content-center" style="height: 100%;">
+          <ion-col size="auto" style="text-align: center;">
+            <strong>Ready to auth?</strong>
+            <p>Login via the plugin!</p>
+            <template v-if="!!userdataRef">
+              <p>Email: {{ userdataRef.email }}</p>
+              <p>ID: {{ userdataRef.id}}</p>
+              <p>First name: {{ userdataRef.first_name }}</p>
+              <p>Last name: {{ userdataRef.last_name }}</p>
+            </template>
+            <p class="mb-6"></p>
+
+            <ion-button @click="() => logincapgo()">Login!</ion-button>
+            <ion-button @click="() => actBackend()">Act with backend!</ion-button>
+            <ion-button @click="() => logout()">Logout!</ion-button>
+          </ion-col>
+        </ion-row>
+      </ion-grid>
+     
+    </ion-content>
+  </ion-page>
+</template>
+
+<script setup lang="ts">
+import { IonContent, IonHeader, IonPage, IonTitle, IonToolbar, IonButton, IonCol, IonRow, IonBackButton } from '@ionic/vue';
+import { onMounted, Ref, ref } from 'vue'
+import { usePopoutStore } from '@/popoutStore';
+import { SocialLogin } from '@capgo/capacitor-social-login';
+
+const userdataRef = ref(null) as Ref<{ id: string, email: string, first_name: string, last_name: string } | null>
+
+const popoutStore = usePopoutStore()
+
+onMounted(async () => {
+  await SocialLogin.initialize({
+    apple: {
+      android: {
+        clientId: 'ee.forgr.io.ionic.starter.service',
+          redirectUrl: 'https://applelogin.wcaleniewolny.me/login/callback'
+      },
+    }
+  })
+  SocialLogin.addListener('loginResult', (async (result) => {
+    console.log(result)
+
+    if (result.status === 'success') {
+      await actBackend()    
+    }
+  }))
+
+  const isLogged = (await SocialLogin.isLoggedIn({ provider: 'apple' })).isLoggedIn
+
+  if (isLogged) {
+    await actBackend()
+  }
+})
+
+async function logincapgo() {
+  await SocialLogin.login({
+    provider: 'apple',
+    options: {}
+  })
+}
+
+async function logout() {
+  const isLogged = (await SocialLogin.isLoggedIn({ provider: 'apple' })).isLoggedIn
+  if (!isLogged) {
+    popoutStore.popout("Not logged in", "Cannot logout if you are not logged in")
+    return
+  }
+
+  await SocialLogin.logout({ provider: 'apple' })
+}
+
+async function actBackend() {
+  const authorizationCode = (await SocialLogin.getAuthorizationCode({ provider: 'apple' })).jwt
+
+  const res = await fetch('https://applelogin.wcaleniewolny.me/userdata', {
+    headers: {
+      'Authorization': `Bearer ${authorizationCode}`
+    }
+  })
+
+  if (res.status != 200) {
+    console.log(await res.text(), res.status)
+    popoutStore.popout("Error while calling backend", "Cannot fetch user data")
+    return
+  }
+
+  const data = await res.json()
+  userdataRef.value = data as any
+}
+
+</script>
\ No newline at end of file
diff --git a/src/views/plugins/Camera.vue b/src/views/plugins/Camera.vue
new file mode 100644
index 0000000..4658f2a
--- /dev/null
+++ b/src/views/plugins/Camera.vue
@@ -0,0 +1,124 @@
+<template>
+  <ion-page>
+      <div id="cam-prev" class="flex w-full h-screen bg-transparent flex-row">
+      <button @click="goBack" class="w-16 h-16 bg-blue-500 my-auto"></button>
+      <button @click="record">
+        <div class="w-16 h-16" :class="{
+          'bg-orange-600': isRecording,
+          'bg-lime-600': !isRecording,
+        }">
+        </div>
+      </button>
+    </div>
+  </ion-page>
+</template>
+
+<script setup lang="ts">
+  import { onMounted, onUnmounted, ref } from 'vue';
+  import { IonPage, IonBackButton, useIonRouter } from '@ionic/vue'
+  import { CameraPreview } from '@capgo/camera-preview'
+  import { Uploader } from '@capgo/capacitor-uploader';
+
+  const isRecording = ref(false)
+  const ionRouter = useIonRouter();
+
+  function goBack() {
+    ionRouter.back()
+  }
+
+  function makeid(length: number) {
+    let result = '';
+    const characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
+    const charactersLength = characters.length;
+    let counter = 0;
+    while (counter < length) {
+      result += characters.charAt(Math.floor(Math.random() * charactersLength));
+      counter += 1;
+    }
+    return result;
+}
+
+  async function record() {
+    if (!isRecording.value) {
+      isRecording.value = true
+      await CameraPreview.startRecordVideo({ storeToFile: true })
+    } else {
+      isRecording.value = false
+      const fileUrl = await CameraPreview.stopRecordVideo()
+      console.log(fileUrl.videoFilePath)
+      // const contents = await Filesystem.readFile({
+      //   path: fileUrl.videoFilePath,
+      // });
+      // console.log(contents.data.length)
+
+      const randomId = makeid(8)
+      console.log(`Attempt to upload ${randomId}`)
+
+      const urlReq = await fetch(`https://capacitor-uploader-test-bucket-upload.digitalshift-ee.workers.dev/${randomId}.mp4`, {
+        headers: {
+          'Authorization': 'Bearer [removed]'
+        },
+        method: 'GET'
+      })
+
+      const uploadUrl = (await urlReq.json() as any).url as string
+      console.log('upload url', uploadUrl)
+
+      const { id } = await Uploader.startUpload({
+        filePath: fileUrl.videoFilePath,
+        serverUrl: uploadUrl,
+        method: 'PUT',
+        // parameters: fields,
+        headers: {},
+        // notificationTitle: 'Uploading to S3'
+      });
+
+      console.log(`Plugin returned ${id}`)
+
+    }
+  }
+
+  onMounted(async () => {
+    await CameraPreview.start({
+      toBack: true,
+      parent: 'cam-prev'
+    })
+
+    Uploader.addListener('events', (event) => {
+      switch (event.name) {
+        case 'uploading':
+          console.log(`Upload progress: ${event.payload.percent}%`);
+          break;
+        case 'completed':
+          console.log('Upload completed successfully');
+          console.log('Server response status code:', event.payload.statusCode);
+          break;
+        case 'failed':
+          console.error('Upload failed:', event.payload.error);
+          break;
+      }
+    });
+  })
+
+  onMounted(() => {
+    const styleElement = document.createElement('style');
+    styleElement.textContent = 
+  `:root {
+    --ion-background-color: transparent !important;
+  }`;
+    styleElement.id = 'magic_61652e0d-6530-4015-aa6d-7686e0038bc5'
+    document.head.appendChild(styleElement)
+  })
+
+  onUnmounted(() => {
+    const element = document.getElementById('magic_61652e0d-6530-4015-aa6d-7686e0038bc5');
+  
+  // Check if the element exists
+  if (element) {
+    // Remove the element from the DOM
+    element.remove();
+  } else {
+    console.log(`No element found with ID "magic_61652e0d-6530-4015-aa6d-7686e0038bc5".`);
+  }
+  })
+</script>
\ No newline at end of file
diff --git a/src/views/plugins/Clicker.vue b/src/views/plugins/Clicker.vue
new file mode 100644
index 0000000..e714d6b
--- /dev/null
+++ b/src/views/plugins/Clicker.vue
@@ -0,0 +1,45 @@
+<template>
+  <ion-page>
+    <ion-header :translucent="true">
+      <ion-toolbar>
+        <ion-buttons slot="start">
+          <ion-back-button default-href="#"></ion-back-button>
+        </ion-buttons>
+        <ion-title>Capgo cloud demo (clicker)</ion-title>
+      </ion-toolbar>
+    </ion-header>
+
+    <ion-content :fullscreen="true">
+      <ion-grid style="height: 100%">
+        <ion-row class="ion-align-items-center ion-justify-content-center" style="height: 100%;">
+          <ion-col size="auto" style="text-align: center;">
+            <strong>Ready to create an app?</strong>
+            <p>Start with Capgo Cloud!</p>
+            <p class="mb-6">Count v0: {{ count }}!</p>
+
+            <ion-button @click="() => count += 1">Click me!</ion-button>
+            <ion-button @click="() => popoutStore.popout('Funny popout', 'I am a funny popout')">Funny popout!</ion-button>
+          </ion-col>
+        </ion-row>
+      </ion-grid>
+     
+    </ion-content>
+  </ion-page>
+</template>
+
+<script setup lang="ts">
+import { IonContent, IonHeader, IonPage, IonTitle, IonToolbar, IonButton, IonCol, IonRow, IonBackButton } from '@ionic/vue';
+import { onMounted, ref } from 'vue'
+import { usePopoutStore } from '@/popoutStore';
+import { CapacitorShake } from '@capgo/capacitor-shake';
+
+const popoutStore = usePopoutStore()
+const count = ref(0)
+
+onMounted(() => {
+  CapacitorShake.addListener('shake', () => {
+    console.log('shake!!')
+    popoutStore.popout('Phone has been shaken', 'You have shaken your device!')
+  })
+})
+</script>
\ No newline at end of file
diff --git a/src/views/plugins/InAppPurchase.vue b/src/views/plugins/InAppPurchase.vue
new file mode 100644
index 0000000..47ccb1a
--- /dev/null
+++ b/src/views/plugins/InAppPurchase.vue
@@ -0,0 +1,53 @@
+<template>
+  <ion-page>
+    <ion-header :translucent="true">
+      <ion-toolbar>
+        <ion-buttons slot="start">
+          <ion-back-button default-href="#"></ion-back-button>
+        </ion-buttons>
+        <ion-title>Capgo cloud demo (clicker)</ion-title>
+      </ion-toolbar>
+    </ion-header>
+
+    <ion-content :fullscreen="true">
+      <ion-grid style="height: 100%">
+        <ion-row class="ion-align-items-center ion-justify-content-center" style="height: 100%;">
+          <ion-col size="auto" style="text-align: center;">
+            <strong>Ready to create an app?</strong>
+            <p>Spend some money!</p>
+            <p class="mb-6"></p>
+
+            <ion-button @click="() => buyHappiness()">buy happiness</ion-button>
+            <ion-button @click="() => buySkiPass()">buy skipass</ion-button>
+            <ion-button @click="() => useSkiPass()">useSkiPass</ion-button>
+          </ion-col>
+        </ion-row>
+      </ion-grid>
+     
+    </ion-content>
+  </ion-page>
+</template>
+
+<script setup lang="ts">
+import { usePopoutStore } from '@/popoutStore';
+import { NativePurchases } from '@capgo/native-purchases';
+import { IonContent, IonHeader, IonPage, IonTitle, IonToolbar, IonButton, IonCol, IonRow, IonBackButton } from '@ionic/vue';
+import { ref } from 'vue'
+
+const popoutStore = usePopoutStore()
+
+async function buyHappiness() {
+  await NativePurchases.purchaseProduct({ productIdentifier: 'me.wcaleniewolny.testapp.happines' })
+}
+
+async function buySkiPass() {
+  await NativePurchases.purchaseProduct({ productIdentifier: 'me.wcaleniewolny.testapp.skipass' })
+}
+
+async function useSkiPass() {
+  const prod = (await NativePurchases.getProducts({ productIdentifiers: ['me.wcaleniewolny.testapp.skipass'] })).products.at(0)
+  popoutStore.popout('product', JSON.stringify(prod))
+}
+
+const count = ref(0)
+</script>
\ No newline at end of file
diff --git a/src/views/plugins/ScreenRecorder.vue b/src/views/plugins/ScreenRecorder.vue
new file mode 100644
index 0000000..a82cdf1
--- /dev/null
+++ b/src/views/plugins/ScreenRecorder.vue
@@ -0,0 +1,45 @@
+<template>
+  <ion-page>
+    <ion-header :translucent="true">
+      <ion-toolbar>
+        <ion-buttons slot="start">
+          <ion-back-button default-href="#"></ion-back-button>
+        </ion-buttons>
+        <ion-title>Capgo cloud demo (recorder)</ion-title>
+      </ion-toolbar>
+    </ion-header>
+
+    <ion-content :fullscreen="true">
+      <ion-grid style="height: 100%">
+        <ion-row class="ion-align-items-center ion-justify-content-center" style="height: 100%;">
+          <ion-col size="auto" style="text-align: center;">
+            <strong>Ready to create an app?</strong>
+            <p>Start with Capgo Recorder!</p>
+            <p class="mb-6">Recording: {{ recording ? 'yes' : 'no'}}!</p>
+
+            <ion-button @click="() => record()">Record!</ion-button>
+          </ion-col>
+        </ion-row>
+      </ion-grid>
+     
+    </ion-content>
+  </ion-page>
+</template>
+
+<script setup lang="ts">
+import { IonContent, IonHeader, IonPage, IonTitle, IonToolbar, IonButton, IonCol, IonRow, IonBackButton } from '@ionic/vue';
+import { onMounted, ref } from 'vue'
+import { ScreenRecorder } from '@capgo/capacitor-screen-recorder';
+
+const recording = ref(false)
+
+async function record() {
+  if (!recording.value) {
+    await ScreenRecorder.start()
+    recording.value = true
+  } else {
+    console.log(`Recorded: ${await ScreenRecorder.stop()}`)
+    recording.value = false
+  }
+}
+</script>
\ No newline at end of file
diff --git a/src/views/plugins/Sql.vue b/src/views/plugins/Sql.vue
new file mode 100644
index 0000000..f0329e6
--- /dev/null
+++ b/src/views/plugins/Sql.vue
@@ -0,0 +1,101 @@
+<template>
+  <ion-page>
+    <ion-header :translucent="true">
+      <ion-toolbar>
+        <ion-buttons slot="start">
+          <ion-back-button default-href="#"></ion-back-button>
+        </ion-buttons>
+        <ion-title>Capgo cloud demo (SQL)</ion-title>
+      </ion-toolbar>
+    </ion-header>
+
+    <ion-content :fullscreen="true">
+      <ion-grid style="height: 100%">
+        <ion-row class="ion-align-items-center ion-justify-content-center" style="height: 100%;">
+          <ion-col size="auto" class="text-center">
+            <strong>Ready to test some sql?</strong>
+            <p>Start with Capgo SQL test!</p>
+
+            <ion-button @click="() => generateRandomData()">Add random item</ion-button>
+            <ion-button @click="() => clearData()">Clear all</ion-button>
+
+            <table class="mx-auto mt-8" v-if="items.length > 0">
+              <thead>
+                  <tr class="border border-blue-500">
+                      <th class="border border-blue-500 px-2 py-z">Name</th>
+                      <th class="border border-blue-500 px-2 py-2">Age</th>
+                  </tr>
+              </thead>
+              <tbody>
+                  <tr v-for="(person, index) in items" :key="index" class="border border-blue-500 px-2 py-2s">
+                    <td class="border border-blue-500 px-2 py-2">{{ person.name }}</td>
+                    <td class="border border-blue-500 px-2 py-2">{{ person.age }}</td>
+                  </tr>
+              </tbody>
+            </table>
+            <!-- <ion-button @click="() => popoutStore.popout('Funny popout', 'I am a funny popout')">Funny popout!</ion-button> -->
+          </ion-col>
+        </ion-row>
+      </ion-grid>
+     
+    </ion-content>
+  </ion-page>
+</template>
+
+<script setup lang="ts">
+import { IonContent, IonHeader, IonPage, IonTitle, IonToolbar, IonButton, IonCol, IonRow, IonBackButton } from '@ionic/vue';
+import { onMounted, ref } from 'vue'
+import { usePopoutStore } from '@/popoutStore';
+import { CapgoCapacitorDataStorageSqlite } from '@capgo/capacitor-data-storage-sqlite';
+
+const popoutStore = usePopoutStore()
+const items = ref([] as { name: string, age: string }[])
+
+onMounted(async () => {
+  await CapgoCapacitorDataStorageSqlite.openStore({ database: 'my_db' })
+  items.value = JSON.parse((await CapgoCapacitorDataStorageSqlite.get({ key: 'magicItems' })).value) as { name: string, age: string }[]
+})
+
+function getRandomName(): string {
+  const names = [
+    "Alice",
+    "Bob",
+    "Carol",
+    "David",
+    "Eve",
+    "Frank",
+    "Grace",
+    "Hank",
+    "Ivy",
+    "Jack",
+    "Kara",
+    "Leo",
+    "Mia",
+    "Nina",
+    "Oscar",
+    "Paul",
+    "Quinn",
+    "Rose",
+    "Sam",
+    "Tina"
+  ];
+
+  const randomIndex = Math.floor(Math.random() * names.length);
+  return names[randomIndex];
+}
+
+function getRandomInt(min: number, max: number): number {
+  return Math.floor(Math.random() * (max - min + 1)) + min;
+}
+
+async function generateRandomData() {
+  items.value.push({ name: getRandomName(), age: getRandomInt(5, 100).toString() })
+  await CapgoCapacitorDataStorageSqlite.set({ key: 'magicItems', value: JSON.stringify(items.value) })
+}
+
+async function clearData() {
+  items.value.length = 0
+  await CapgoCapacitorDataStorageSqlite.set({ key: 'magicItems', value: JSON.stringify(items.value) })
+}
+
+</script>
\ No newline at end of file
diff --git a/src/views/plugins/Updater.vue b/src/views/plugins/Updater.vue
new file mode 100644
index 0000000..8f050e4
--- /dev/null
+++ b/src/views/plugins/Updater.vue
@@ -0,0 +1,42 @@
+<template>
+  <ion-page>
+    <ion-header :translucent="true">
+      <ion-toolbar>
+        <ion-buttons slot="start">
+          <ion-back-button default-href="#"></ion-back-button>
+        </ion-buttons>
+        <ion-title>Capgo cloud demo (updater)</ion-title>
+      </ion-toolbar>
+    </ion-header>
+
+    <ion-content :fullscreen="true">
+      <ion-grid style="height: 100%">
+        <ion-row class="ion-align-items-center ion-justify-content-center" style="height: 100%;">
+          <ion-col size="auto" style="text-align: center;">
+            <strong>Update your app</strong>
+            <p class="mb-6"></p>
+
+            <ion-button @click="() => hardrestet()">Hard reset!!</ion-button>
+            <ion-button @click="() => questionMark()">??</ion-button>
+          </ion-col>
+        </ion-row>
+      </ion-grid>
+    </ion-content>
+  </ion-page>
+</template>
+
+<script setup lang="ts">
+import { CapacitorUpdater } from '@capgo/capacitor-updater';
+import { IonContent, IonHeader, IonPage, IonTitle, IonToolbar, IonButton, IonCol, IonRow, IonBackButton } from '@ionic/vue';
+
+async function hardrestet() {
+  await CapacitorUpdater.reset()
+}
+
+async function questionMark() {
+  const bundles = await CapacitorUpdater.list()
+  for (const bundle of bundles.bundles) {
+    await CapacitorUpdater.delete({id: bundle.id })
+  }
+}
+</script>
\ No newline at end of file
diff --git a/src/views/plugins/Web.vue b/src/views/plugins/Web.vue
new file mode 100644
index 0000000..ae1cec8
--- /dev/null
+++ b/src/views/plugins/Web.vue
@@ -0,0 +1,79 @@
+<template>
+  <ion-page>
+    <ion-header :translucent="true">
+      <ion-toolbar>
+        <ion-buttons slot="start">
+          <ion-back-button default-href="#"></ion-back-button>
+        </ion-buttons>
+        <ion-title>Capgo cloud demo (clicker)</ion-title>
+      </ion-toolbar>
+    </ion-header>
+
+    <ion-content :fullscreen="true">
+      <ion-grid style="height: 100%">
+        <ion-row class="ion-align-items-center ion-justify-content-center" style="height: 100%;">
+          <ion-col size="auto" style="text-align: center;">
+            <strong>Ready to create an app?</strong>
+            <p>Start with Capgo Cloud!</p>
+
+            <ion-button @click="() => openWeb()">web</ion-button>
+          </ion-col>
+        </ion-row>
+      </ion-grid>
+     
+    </ion-content>
+  </ion-page>
+</template>
+
+<script setup lang="ts">
+import { InAppBrowser } from '@capgo/inappbrowser';
+import { IonContent, IonHeader, IonPage, IonTitle, IonToolbar, IonButton, IonCol, IonRow, IonBackButton } from '@ionic/vue';
+import { onMounted } from 'vue';
+
+const WEB_URL = "https://capgo.app"
+
+async function openWeb() {
+  // InAppBrowser.open({ url: WEB_URL, isInspectable: true } as any);
+  const script =
+  "await import('https://unpkg.com/darkreader@4.9.89/darkreader.js');\n" +
+  "DarkReader.enable({ brightness: 100, contrast: 90, sepia: 10 });"
+  InAppBrowser.openWebView({ 
+    url: WEB_URL, 
+    isPresentAfterPageLoad: true, 
+    preShowScript: script, 
+    buttonNearDone: { 
+      ios: { icon: 'monkey', iconType: 'asset' },
+      android: { icon: 'public/monkey.svg', iconType: 'asset' }
+    } 
+  })
+}
+
+onMounted(async () => {
+  console.log('mounted')
+  
+  InAppBrowser.addListener('messageFromWebview', async (msg) => {
+    console.log('MESSAGE FROM WEB VIEW', msg)
+
+    const message = (msg.detail.message) as string ?? ''
+    if (message === 'clear-specific') {
+      console.log('magic')
+      const cookies = await InAppBrowser.getCookies({ url: WEB_URL })
+      if (cookies.magicCount) {
+        console.log('del magic count')
+        InAppBrowser.clearCookies({ url: WEB_URL })
+      }
+    }
+    if (message === 'clear-all') {
+      console.log('magic (clear all)')
+      const cookies = await InAppBrowser.getCookies({ url: WEB_URL })
+      if (cookies.magicCount) {
+        console.log('del magic count')
+        InAppBrowser.clearAllCookies()
+      }
+    }
+  })
+  InAppBrowser.addListener('buttonNearDoneClick', async (msg) => {
+    await InAppBrowser.setUrl({ url: 'https://web.capgo.app/login' })
+  })
+})
+</script>
\ No newline at end of file