@nativescript/template-blank-svelte-vision 8.9.0 → 8.9.2

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@nativescript/template-blank-svelte-vision",
   "main": "src/app.ts",
-  "version": "8.9.0",
+  "version": "8.9.2",
   "description": "Nativescript visionOS Starter with Svelte",
   "author": "NativeScript Team <oss@nativescript.org>",
   "license": "Apache-2.0",
@@ -39,16 +39,16 @@
     "url": "https://github.com/NativeScript/NativeScript/issues"
   },
   "dependencies": {
-    "@nativescript/core": "~8.9.0",
-    "svelte-native": "~1.0.9"
+    "@nativescript-community/svelte-native": "~1.0.29",
+    "@nativescript/core": "~8.9.9"
   },
   "devDependencies": {
-    "@nativescript/types": "~8.9.0",
-    "@nativescript/webpack": "~5.0.0",
-    "svelte": "~4.2.2",
-    "svelte-loader": "^3.2.0",
-    "svelte-native-preprocessor": "^1.0.0",
-    "svelte-preprocess": "^5.1.3",
-    "typescript": "~5.4.0"
+    "@nativescript-community/svelte-native-preprocessor": "^1.0.1",
+    "@nativescript/types": "~8.9.1",
+    "@nativescript/webpack": "~5.0.24",
+    "svelte": "~4.2.20",
+    "svelte-loader": "^3.2.4",
+    "svelte-preprocess": "^6.0.3",
+    "typescript": "~5.9.2"
   }
 }

package/src/app.css

@@ -12,4 +12,3 @@
   font-family: 'Font Awesome 5 Free', 'fa-regular-400';
   font-weight: 400;
 }
-

package/src/app.ts

@@ -4,7 +4,7 @@ You can use this file to perform app-level initialization, but the primary
 purpose of the file is to pass control to the app’s first page.
 */
 
-import { svelteNativeNoFrame } from 'svelte-native'
+import { svelteNativeNoFrame } from '@nativescript-community/svelte-native'
 import App from './App.svelte'
 
 svelteNativeNoFrame(App, {})

package/svelte.config.js

@@ -1,9 +1,33 @@
 const sveltePreprocess = require('svelte-preprocess')
-const svelteNativePreprocessor = require('svelte-native-preprocessor')
+const svelteNativePreprocessor = require('@nativescript-community/svelte-native-preprocessor')
 
+// this can be called either through svelte-loader where we want either __ANDROID__ or __IOS__ to be defined but not both
+// or through svelte-check where we want both so everything is checked
+const webpack_env = process.env['NATIVESCRIPT_WEBPACK_ENV']
+  ? JSON.parse(process.env['NATIVESCRIPT_WEBPACK_ENV'])
+  : {
+      android: true,
+      ios: true,
+    }
 module.exports = {
   compilerOptions: {
-    namespace: "foreign"
+    namespace: 'foreign',
   },
-  preprocess: [ sveltePreprocess(), svelteNativePreprocessor() ]
-}
+  preprocess: [
+    sveltePreprocess({
+      replace: [
+        [/__ANDROID__/g, !!webpack_env.android],
+        [/__IOS__/g, !!webpack_env.ios],
+      ],
+      typescript: {
+        compilerOptions: {
+          verbatimModuleSyntax: true,
+          target: 'es2020',
+        },
+      },
+    }),
+    // if you want bind:text="{email}" to be transformed to text="{email}" on:textChanged="{e => email = e.value}"
+    // enable svelteNativePreprocessor. Keep in mind that it is pretty slow
+    /* svelteNativePreprocessor() */
+  ],
+}