@nativescript/template-blank-svelte-vision 8.6.0

package/.editorconfig

@@ -0,0 +1,19 @@
+root = true
+
+[*]
+end_of_line = lf
+insert_final_newline = true
+trim_trailing_whitespace = true
+charset = utf-8
+
+[*.json]
+indent_style = space
+indent_size = 2
+
+[*.js]
+indent_style = space
+indent_size = 2
+
+[*.ts]
+indent_style = space
+indent_size = 2

package/.npmrc

@@ -0,0 +1,2 @@
+# use legacy peer deps to avoid peer dependency resolution failures
+legacy-peer-deps=true

package/README.md

@@ -0,0 +1,34 @@
+# NativeScript Core with Svelte Blank Template
+App templates help you jump start your native cross-platform apps with built-in UI elements and best practices. Save time writing boilerplate code over and over again when you create new apps.
+
+## Quick Start
+Execute the following command to create an app from this template:
+
+```
+ns create my-blank-svelte --template @nativescript/template-blank-svelte
+```
+
+> Note: This command will create a new NativeScript app that uses the latest version of this template published to [npm](https://www.npmjs.com/package/@nativescript/template-blank-svelte).
+
+If you want to create a new app that uses the source of the template from the `master` branch, you can execute the following:
+
+```
+# clone nativescript-app-templates monorepo locally
+git clone git@github.com:NativeScript/nativescript-app-templates.git
+
+# create app template from local source (all templates are in the 'packages' subfolder of the monorepo)
+ns create my-blank-svelte --template nativescript-app-templates/packages/template-blank-svelte
+```
+
+**NB:** Please, have in mind that the master branch may refer to dependencies that are not on NPM yet!
+
+## Get Help
+The NativeScript framework has a vibrant community that can help when you run into problems.
+
+Try [joining the NativeScript community Discord](https://nativescript.org/discord). The Discord channel is a great place to get help troubleshooting problems, as well as connect with other NativeScript developers.
+
+If you have found an issue with this template, please report the problem in the [NativeScript repository](https://github.com/NativeScript/NativeScript/issues).
+
+## Contributing
+
+We love PRs, and accept them gladly. Feel free to propose changes and new ideas. We will review and discuss, so that they can be accepted and better integrated.

package/hooks/after-createProject/after-createProject.js

@@ -0,0 +1,65 @@
+const fs = require('fs')
+const path = require('path')
+const { execSync } = require('child_process')
+
+module.exports = function (hookArgs) {
+  const appRootFolder = hookArgs.projectDir
+  const toolsDir = path.join(appRootFolder, 'tools')
+  const vscodeDir = path.join(appRootFolder, '.vscode')
+  const srcGitignore = path.join(toolsDir, 'dot.gitignore')
+  const destGitignore = path.join(appRootFolder, '.gitignore')
+  const srcVscodeExtensions = path.join(toolsDir, 'vscode.extensions.json')
+  const destVscodeExtensions = path.join(vscodeDir, 'extensions.json')
+
+  try {
+    fs.mkdirSync(vscodeDir)
+    fs.copyFileSync(srcVscodeExtensions, destVscodeExtensions)
+    fs.copyFileSync(srcGitignore, destGitignore)
+    initWebpackConfig(appRootFolder)
+  } catch (error) {
+    console.log(error)
+  }
+  try {
+    deleteFolderSync(toolsDir)
+
+    const readme = path.join(appRootFolder, 'README.md')
+    fs.unlinkSync(readme)
+
+    deleteFolderSync(__dirname)
+  } catch (error) {
+    console.log(error)
+  }
+
+  function deleteFolderSync(folderPath) {
+    if (fs.statSync(folderPath).isDirectory()) {
+      fs.readdirSync(folderPath).forEach((file) => {
+        const content = path.join(folderPath, file)
+        const contentDirs = fs.statSync(content).isDirectory()
+
+        if (contentDirs) {
+          deleteFolderSync(content)
+        } else {
+          fs.unlinkSync(content)
+        }
+      })
+
+      fs.rmdirSync(folderPath)
+    }
+  }
+
+  function initWebpackConfig(appRootFolder) {
+    const binPath = path.resolve(
+      require
+        .resolve('@nativescript/webpack/package.json', {
+          paths: [appRootFolder],
+        })
+        .replace('package.json', 'dist/bin/index.js')
+    )
+
+    // init webpack config
+    execSync(`node "${binPath}" init`, {
+      cwd: appRootFolder,
+      stdio: 'inherit',
+    })
+  }
+}

package/package.json

@@ -0,0 +1,55 @@
+{
+  "name": "@nativescript/template-blank-svelte-vision",
+  "main": "src/app.ts",
+  "version": "8.6.0",
+  "description": "Nativescript visionOS Starter with Svelte",
+  "author": "NativeScript Team <oss@nativescript.org>",
+  "license": "Apache-2.0",
+  "publishConfig": {
+    "access": "public"
+  },
+  "files": [
+    "src",
+    "App_Resources",
+    "hooks",
+    "types",
+    "tools",
+    "!tools/assets",
+    ".editorconfig",
+    ".npmrc",
+    "svelte.config.js",
+    "tsconfig.json"
+  ],
+  "keywords": [
+    "nstudio",
+    "nativescript",
+    "mobile",
+    "{N}",
+    "svelte",
+    "svelte-native",
+    "visionOS",
+    "Vision Pro"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/NativeScript/nativescript-app-templates"
+  },
+  "homepage": "https://github.com/NativeScript/nativescript-app-templates",
+  "bugs": {
+    "url": "https://github.com/NativeScript/NativeScript/issues"
+  },
+  "dependencies": {
+    "@nativescript/core": "vision",
+    "@nativescript/theme": "~3.0.2",
+    "svelte-native": "~1.0.0"
+  },
+  "devDependencies": {
+    "@nativescript/types": "~8.5.0",
+    "@nativescript/webpack": "vision",
+    "svelte": "~3.44.0",
+    "svelte-loader": "^3.1.2",
+    "svelte-native-preprocessor": "^1.0.0",
+    "svelte-preprocess": "^4.7.0",
+    "typescript": "~4.8.4"
+  }
+}

package/src/App.svelte

@@ -0,0 +1,7 @@
+<frame>
+    <Home />
+</frame>
+
+<script lang="ts">
+    import Home from './components/Home.svelte'
+</script>

package/src/app.css

@@ -0,0 +1,18 @@
+@import '@nativescript/theme/css/core.css';
+@import '@nativescript/theme/css/default.css';
+
+.fab {
+  font-family: 'Font Awesome 5 Brands', 'fa-brands-400';
+  font-weight: 400;
+}
+
+.fas {
+  font-family: 'Font Awesome 5 Free', 'fa-solid-900';
+  font-weight: 900;
+}
+
+.far {
+  font-family: 'Font Awesome 5 Free', 'fa-regular-400';
+  font-weight: 400;
+}
+

package/src/app.ts

@@ -0,0 +1,10 @@
+/*
+In NativeScript, the app.ts file is the entry point to your application.
+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 App from './App.svelte'
+
+svelteNativeNoFrame(App, {})

package/src/components/Home.svelte

@@ -0,0 +1,27 @@
+<page>
+    <actionBar title="Home" />
+    <gridLayout>
+        <label class="info">
+            <formattedString>
+                <span class="fas" text="&#xf135;" />
+                <span text=" {message}" />
+            </formattedString>
+        </label>
+    </gridLayout>
+</page>
+
+<script lang="ts">
+    let message: string = "Blank Svelte Native App"
+</script>
+
+<style>
+    .info .fas {
+        color: #3A53FF;
+    }
+
+    .info {
+        font-size: 20;
+        horizontal-align: center;
+        vertical-align: center;
+    }
+</style>

package/src/fonts/LICENSE.txt

@@ -0,0 +1,34 @@
+Font Awesome Free License
+-------------------------
+
+Font Awesome Free is free, open source, and GPL friendly. You can use it for
+commercial projects, open source projects, or really almost whatever you want.
+Full Font Awesome Free license: https://fontawesome.com/license/free.
+
+# Icons: CC BY 4.0 License (https://creativecommons.org/licenses/by/4.0/)
+In the Font Awesome Free download, the CC BY 4.0 license applies to all icons
+packaged as SVG and JS file types.
+
+# Fonts: SIL OFL 1.1 License (https://scripts.sil.org/OFL)
+In the Font Awesome Free download, the SIL OFL license applies to all icons
+packaged as web and desktop font files.
+
+# Code: MIT License (https://opensource.org/licenses/MIT)
+In the Font Awesome Free download, the MIT license applies to all non-font and
+non-icon files.
+
+# Attribution
+Attribution is required by MIT, SIL OFL, and CC BY licenses. Downloaded Font
+Awesome Free files already contain embedded comments with sufficient
+attribution, so you shouldn't need to do anything additional when using these
+files normally.
+
+We've kept attribution comments terse, so we ask that you do not actively work
+to remove them from files, especially code. They're a great way for folks to
+learn about Font Awesome.
+
+# Brand Icons
+All brand icons are trademarks of their respective owners. The use of these
+trademarks does not indicate endorsement of the trademark holder by Font
+Awesome, nor vice versa. **Please do not use brand logos for any purpose except
+to represent the company, product, or service to which they refer.**

package/svelte.config.js

@@ -0,0 +1,9 @@
+const sveltePreprocess = require('svelte-preprocess')
+const svelteNativePreprocessor = require('svelte-native-preprocessor')
+
+module.exports = {
+  compilerOptions: {
+    namespace: "foreign"
+  },
+  preprocess: [ sveltePreprocess(), svelteNativePreprocessor() ]
+}

package/tools/dot.gitignore

@@ -0,0 +1,28 @@
+# NativeScript
+hooks/
+node_modules/
+platforms/
+
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# General
+.DS_Store
+.AppleDouble
+.LSOverride
+.idea
+.cloud
+.project
+tmp/
+typings/
+
+# Visual Studio Code
+.vscode/*
+!.vscode/settings.json
+!.vscode/tasks.json
+!.vscode/launch.json
+!.vscode/extensions.json

package/tools/vscode.extensions.json

@@ -0,0 +1,3 @@
+{
+  "recommendations": ["nativescript.nativescript"]
+}

package/tsconfig.json

@@ -0,0 +1,26 @@
+{
+  "compilerOptions": {
+    "strict": true,
+    "target": "ES2020",
+    "module": "esnext",
+    "moduleResolution": "node",
+    "lib": ["dom", "ESNext"],
+    "sourceMap": true,
+    "noEmitHelpers": true,
+    "importHelpers": true,
+    "baseUrl": ".",
+    "paths": {
+      "~/*": ["src/*"],
+      "@/*": ["src/*"]
+    },
+    "typeRoots": ["types"],
+    "types": ["node"],
+    "allowSyntheticDefaultImports": true,
+    "esModuleInterop": true,
+    "experimentalDecorators": true,
+    "emitDecoratorMetadata": true,
+    "skipLibCheck": true
+  },
+  "include": ["src", "types"],
+  "exclude": ["node_modules", "platforms"]
+}

package/types/references.d.ts

@@ -0,0 +1 @@
+/// <reference path="../node_modules/@nativescript/types/index.d.ts" />

package/types/shims.svelte.d.ts

@@ -0,0 +1,3 @@
+declare module '*.svelte' {
+    export { SvelteComponent as default };
+}