@adriansteffan/reactive 0.0.22 → 0.0.23

package/dist/{web-Dtpv_Ihb.js → web-CT23TBmf.js}

@@ -1,4 +1,4 @@
-import { W as P, b as x, E } from "./mod-DgcCRxWo.js";
+import { W as P, b as x, E } from "./mod-BdnVCIUb.js";
 function m(w) {
   const e = w.split("/").filter((t) => t !== "."), r = [];
   return e.forEach((t) => {

package/dist/web-DTNatzmE.js

@@ -0,0 +1,31 @@
+import { W as e } from "./mod-BdnVCIUb.js";
+class s extends e {
+  async show() {
+    return new Promise((o) => {
+      console.log("Navigation Bar Showed!"), o();
+    });
+  }
+  async hide() {
+    return new Promise((o) => {
+      console.log("Navigation Bar Hided!"), o();
+    });
+  }
+  async setColor(o) {
+    return new Promise((r) => {
+      console.log(`Navigation Bar color changed to ${o.color ? o.color : "#FFFFFF"} : Dark Buttons: ${o.darkButtons ? "YES" : "NO"}`), r();
+    });
+  }
+  async setTransparency(o) {
+    return new Promise((r) => {
+      console.log(`Navigation Bar is transparent: ${o.isTransparent ? "YES" : "NO"}`), r();
+    });
+  }
+  async getColor() {
+    return new Promise((o) => {
+      o({ color: "#FFFFFF" });
+    });
+  }
+}
+export {
+  s as NavigationBarWeb
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adriansteffan/reactive",
-  "version": "0.0.22",
+  "version": "0.0.23",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -34,6 +34,8 @@
     "@capacitor/core": "^7.0.1",
     "@capacitor/filesystem": "^7.0.0",
     "@capacitor/share": "^7.0.0",
+    "@capacitor/status-bar": "^7.0.0",
+    "@hugotomazi/capacitor-navigation-bar": "https://github.com/NYPL/capacitor-navigation-bar/releases/download/v4.1.0-fix.1/hugotomazi-capacitor-navigation-bar-4.1.0-fix.1.tgz",
     "@tanstack/react-query": "^5.61.3",
     "@tanstack/react-query-devtools": "^5.61.3",
     "@zip.js/zip.js": "^2.7.53",

package/src/components/enterfullscreen.tsx

@@ -1,7 +1,16 @@
 import { BaseComponentProps } from '../utils/common';
 import Text from '../components/text';
 
+import { StatusBar } from '@capacitor/status-bar';
+import { NavigationBar } from '@hugotomazi/capacitor-navigation-bar';
+
+
 function enterFullscreen(element: any) {
+  
+  // Android
+  StatusBar.hide();
+  NavigationBar.hide();
+
   if (element.requestFullscreen) {
     element.requestFullscreen();
   } else if (element.mozRequestFullScreen) {

package/src/components/exitfullscreen.tsx

@@ -1,7 +1,13 @@
 import { BaseComponentProps } from '../utils/common';
 import { useEffect } from 'react';
+import { StatusBar } from '@capacitor/status-bar';
+import { NavigationBar } from '@hugotomazi/capacitor-navigation-bar';
 
 function exitFullscreen() {
+
+  StatusBar.show();
+  NavigationBar.show();
+
   if (document.exitFullscreen) {
     document.exitFullscreen();
   } else if ((document as any).mozCancelFullScreen) {

package/template/README.md

@@ -178,6 +178,8 @@ For ease of use, it makes sense to run the web version for most of the developme
 
 To build an iOS app containing your experiment, you will need a machine running MacOS and an installation of [XCode](https://apps.apple.com/us/app/xcode/id497799835). Furthermore, you will need to install [CocoaPods](https://cocoapods.org/), which is most easily installed with [Homebrew](https://brew.sh/).
 
+Temporary uglyness: Due to a bug in the dependency in for the capacitor fullscreening plugin, we need to manually add a file if we want to build for iOS, described (in the related Github issue)[https://github.com/hugotomazi/navigation-bar/issues/31#issuecomment-2687412929]. Here's to hope that that will be fixed in the near future.
+
 To set up the iOS project, run 
 
 ```