initial

joplin notion extension/Web Development/Javascript/capacitor.md

@@ -0,0 +1,51 @@
+capacitor
+
+https://capacitorjs.com/docs/getting-started
+and
+https://github.com/fruzelee/capacitor-web2app/tree/main
+
+in terminal create project
+
+`npm init @capacitor/app@latest`
+it will be interactive so select app name, name of directory and app id (com.example.appname)
+
+`npm i` this will download capacitor/core and capacitor/cli
+
+
+then
+**2nd section**
+
+`npx cap init`
+
+`npm i @capacitor/android`
+
+then 
+
+`npm run build`
+
+`npx cap add android`
+
+
+instead of `npm init @capacitor/app@latest` use vite to simply create a vanilla one 
+`npm create vite@latest` 
+and then install 
+`npm install @capacitor/cli @capacitor/core`
+
+then from 2nd section
+
+
+status bar fix
+https://capacitorjs.com/docs/apis/status-bar
+
+install this and then in configs add it and in js file
+```js
+import { StatusBar, Style } from '@capacitor/status-bar';
+
+ setTimeout(async () => {
+        try {
+          await StatusBar.setStyle({ style: Style.Dark }); // Forces white icons
+        } catch (e) {
+          console.error("Status bar styling failed", e);
+        }
+      }, 200); 
+```