upload image

package.json

@@ -32,13 +32,17 @@
   },
   "dependencies": {
     "@capacitor/android": "^3.4.1",
+    "@capacitor/camera": "^4.1.3",
     "@capacitor/core": "^3.4.1",
+    "@capacitor/filesystem": "^4.1.3",
     "@capacitor/ios": "^3.4.3",
     "@capacitor/keyboard": "^1.2.2",
     "@capacitor/project": "^2.0.8",
     "@capacitor/share": "^1.1.2",
     "@capacitor/splash-screen": "^1.2.2",
+    "@capacitor/storage": "^1.2.5",
     "@ionic-native/screenshot": "^5.36.0",
+    "@ionic/pwa-elements": "^3.1.1",
     "@stencil/store": "^1.5.0",
     "classnames": "^2.3.1",
     "cordova-plugin-screenshot": "https://github.com/gitawego/cordova-screenshot.git",

src/components.d.ts

@@ -16,6 +16,9 @@ export namespace Components {
         "to"?: string;
         "value": string | number;
     }
+    interface AppCamera {
+        "expand"?: 'block' | 'full';
+    }
     interface AppLanding {
     }
     interface AppLayout {
@@ -28,6 +31,8 @@ export namespace Components {
     }
     interface AppSlider {
     }
+    interface AppUpload {
+    }
 }
 export interface AppLayoutCustomEvent<T> extends CustomEvent<T> {
     detail: T;
@@ -44,6 +49,12 @@ declare global {
         prototype: HTMLAppButtonElement;
         new (): HTMLAppButtonElement;
     };
+    interface HTMLAppCameraElement extends Components.AppCamera, HTMLStencilElement {
+    }
+    var HTMLAppCameraElement: {
+        prototype: HTMLAppCameraElement;
+        new (): HTMLAppCameraElement;
+    };
     interface HTMLAppLandingElement extends Components.AppLanding, HTMLStencilElement {
     }
     var HTMLAppLandingElement: {
@@ -74,13 +85,21 @@ declare global {
         prototype: HTMLAppSliderElement;
         new (): HTMLAppSliderElement;
     };
+    interface HTMLAppUploadElement extends Components.AppUpload, HTMLStencilElement {
+    }
+    var HTMLAppUploadElement: {
+        prototype: HTMLAppUploadElement;
+        new (): HTMLAppUploadElement;
+    };
     interface HTMLElementTagNameMap {
         "app-button": HTMLAppButtonElement;
+        "app-camera": HTMLAppCameraElement;
         "app-landing": HTMLAppLandingElement;
         "app-layout": HTMLAppLayoutElement;
         "app-result": HTMLAppResultElement;
         "app-root": HTMLAppRootElement;
         "app-slider": HTMLAppSliderElement;
+        "app-upload": HTMLAppUploadElement;
     }
 }
 declare namespace LocalJSX {
@@ -94,6 +113,9 @@ declare namespace LocalJSX {
         "to"?: string;
         "value"?: string | number;
     }
+    interface AppCamera {
+        "expand"?: 'block' | 'full';
+    }
     interface AppLanding {
     }
     interface AppLayout {
@@ -108,25 +130,31 @@ declare namespace LocalJSX {
     interface AppSlider {
         "onCurrentSlideIndex"?: (event: AppSliderCustomEvent<number>) => void;
     }
+    interface AppUpload {
+    }
     interface IntrinsicElements {
         "app-button": AppButton;
+        "app-camera": AppCamera;
         "app-landing": AppLanding;
         "app-layout": AppLayout;
         "app-result": AppResult;
         "app-root": AppRoot;
         "app-slider": AppSlider;
+        "app-upload": AppUpload;
     }
 }
 export { LocalJSX as JSX };
 declare module "@stencil/core" {
     export namespace JSX {
         interface IntrinsicElements {
             "app-button": LocalJSX.AppButton & JSXBase.HTMLAttributes<HTMLAppButtonElement>;
+            "app-camera": LocalJSX.AppCamera & JSXBase.HTMLAttributes<HTMLAppCameraElement>;
             "app-landing": LocalJSX.AppLanding & JSXBase.HTMLAttributes<HTMLAppLandingElement>;
             "app-layout": LocalJSX.AppLayout & JSXBase.HTMLAttributes<HTMLAppLayoutElement>;
             "app-result": LocalJSX.AppResult & JSXBase.HTMLAttributes<HTMLAppResultElement>;
             "app-root": LocalJSX.AppRoot & JSXBase.HTMLAttributes<HTMLAppRootElement>;
             "app-slider": LocalJSX.AppSlider & JSXBase.HTMLAttributes<HTMLAppSliderElement>;
+            "app-upload": LocalJSX.AppUpload & JSXBase.HTMLAttributes<HTMLAppUploadElement>;
         }
     }
 }