chore: demo update

Author: farfromrefug

demo-snippets/svelte/Basic.svelte renamed to demo-snippets/svelte/Camera.svelte

@@ -1,11 +1,12 @@
-<script lang="typescript">
+<script lang="ts">
     import { View, ImageSource } from '@nativescript/core';
     import { NativeViewElementNode } from 'svelte-native/dom';
     import { goBack } from 'svelte-native';
     import { CameraView } from '@nativescript-community/ui-cameraview';
     let cropView: NativeViewElementNode<View>;
     let cameraView: NativeViewElementNode<CameraView>;
     let flashMode = 'off';
+    let torchEnabled = false;
     let imageSource: ImageSource;
     async function applyProcessor() {
         try {
@@ -39,6 +40,17 @@
         }
     }
 
+    function setTorchEnabled(enabled: boolean) {
+        cameraView.nativeView.flashMode = enabled ? 'torch' : (flashMode as any);
+    }
+    function switchTorch() {
+        if (cameraView) {
+            const current = cameraView.nativeView.flashMode;
+            torchEnabled = !(current === 'torch');
+            setTorchEnabled(torchEnabled);
+        }
+    }
+
     async function takePicture() {
         console.log('takePicture')
         try {
@@ -71,14 +83,12 @@
         <navigationButton text="Go back" on:tap={() => goBack()} />
     </actionBar>
     <cameraview bind:this={cameraView} {flashMode} captureMode={1} on:tap={onCameraTap}>
-        <cropview bind:this={cropView} />
+        <!-- <cropview bind:this={cropView} /> -->
         <image src={imageSource} width={100} verticalAlignment="bottom"  horizontalAlignment="left" marginBottom={60} backgroundColor="red"/>
-        <button text="toggleCamera" on:tap={toggleCamera} verticalAlignment="top" horizontalAlignment="right" marginTop={60}/>
+        <button text="toggleCamera" on:tap={toggleCamera} verticalAlignment="top" horizontalAlignment="left" marginTop={60}/>
         <button text="picture" on:tap={takePicture} verticalAlignment="bottom" horizontalAlignment="right"/>
         <button text="test processor" on:tap={applyProcessor} verticalAlignment="bottom"  horizontalAlignment="left"/>
-        <button text={flashMode} on:tap={switchFlashMode} verticalAlignment="top" horizontalAlignment="right" /></cameraview
-    >
-</page>
-
-<style>
-</style>
+        <button text={flashMode} on:tap={switchFlashMode} verticalAlignment="top" horizontalAlignment="right" />
+        <button text='torch' on:tap={switchTorch} verticalAlignment="top" horizontalAlignment="right" marginTop="50"/>
+        </cameraview>
+</page>

demo-snippets/svelte/install.ts

@@ -2,41 +2,27 @@ import { request } from '@nativescript-community/perms';
 import CameraViewViewElement from '@nativescript-community/ui-cameraview/svelte';
 import { View } from '@nativescript/core';
 import { registerNativeViewElement } from 'svelte-native/dom';
-import Basic from './Basic.svelte';
+import Camera from './Camera.svelte';
 
-class CropView extends View {
-    createNativeView() {
-        if (__ANDROID__) {
-            return new com.nativescript.cameraviewdemo.CropView(this._context);
-        } else if (__IOS__) {
-            return NSCropView.alloc().init();
-        }
-        return null;
-    }
-}
+// class CropView extends View {
+//     createNativeView() {
+//         if (__ANDROID__) {
+//             return new com.nativescript.cameraviewdemo.CropView(this._context);
+//         } else if (__IOS__) {
+//             return NSCropView.alloc().init();
+//         }
+//         return null;
+//     }
+// }
 
 export function installPlugin() {
-    registerNativeViewElement('cropview', () => CropView);
+    // registerNativeViewElement('cropview', () => CropView);
     CameraViewViewElement.register();
     setTimeout(() => {
         request('camera');
     }, 1000);
 }
 
-export const demos = [{ name: 'Basic', path: 'basic', component: Basic }];
+// export const demos = [];
+export const demos = [{ name: 'Camera', path: 'camera', component: Camera }];
 
-// let start = Date.now();
-// for (let index = 0; index < 10000; index++) {
-//     new java.lang.Float(2.3);
-// }
-// console.log('java.lang.Float', Date.now() -start);
-// start = Date.now();
-// for (let index = 0; index < 10000; index++) {
-//      java.lang.Float.valueOf(2.3);
-// }
-// console.log('java.lang.Float.valueOf', Date.now() -start);
-// start = Date.now();
-// for (let index = 0; index < 10000; index++) {
-//     float(2.3);
-// }
-// console.log('float', Date.now() -start);