@nativescript/template-blank-solid-vision 8.6.0

package/App_Resources/visionOS/Assets.xcassets/AppIcon.solidimagestack/Back.solidimagestacklayer/Content.imageset/Contents.json

@@ -0,0 +1,13 @@
+{
+  "images" : [
+    {
+      "filename" : "Back.png",
+      "idiom" : "reality",
+      "scale" : "2x"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}

package/App_Resources/visionOS/Assets.xcassets/AppIcon.solidimagestack/Back.solidimagestacklayer/Contents.json

@@ -0,0 +1,6 @@
+{
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}

package/App_Resources/visionOS/Assets.xcassets/AppIcon.solidimagestack/Contents.json

@@ -0,0 +1,17 @@
+{
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  },
+  "layers" : [
+    {
+      "filename" : "Front.solidimagestacklayer"
+    },
+    {
+      "filename" : "Middle.solidimagestacklayer"
+    },
+    {
+      "filename" : "Back.solidimagestacklayer"
+    }
+  ]
+}

package/App_Resources/visionOS/Assets.xcassets/AppIcon.solidimagestack/Front.solidimagestacklayer/Content.imageset/Contents.json

@@ -0,0 +1,13 @@
+{
+  "images" : [
+    {
+      "filename" : "Front.png",
+      "idiom" : "reality",
+      "scale" : "2x"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}

package/App_Resources/visionOS/Assets.xcassets/AppIcon.solidimagestack/Front.solidimagestacklayer/Contents.json

@@ -0,0 +1,6 @@
+{
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}

package/App_Resources/visionOS/Assets.xcassets/AppIcon.solidimagestack/Middle.solidimagestacklayer/Content.imageset/Contents.json

@@ -0,0 +1,13 @@
+{
+  "images" : [
+    {
+      "filename" : "Middle.png",
+      "idiom" : "reality",
+      "scale" : "2x"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}

package/App_Resources/visionOS/Assets.xcassets/AppIcon.solidimagestack/Middle.solidimagestacklayer/Contents.json

@@ -0,0 +1,6 @@
+{
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}

package/App_Resources/visionOS/Assets.xcassets/Contents.json

@@ -0,0 +1,6 @@
+{
+  "info" : {
+    "version" : 1,
+    "author" : "xcode"
+  }
+}

package/App_Resources/visionOS/Info.plist

@@ -0,0 +1,45 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+	<key>CFBundleDevelopmentRegion</key>
+	<string>en</string>
+	<key>CFBundleDisplayName</key>
+	<string>${PRODUCT_NAME}</string>
+	<key>CFBundleExecutable</key>
+	<string>${EXECUTABLE_NAME}</string>
+	<key>CFBundleInfoDictionaryVersion</key>
+	<string>6.0</string>
+	<key>CFBundleName</key>
+	<string>${PRODUCT_NAME}</string>
+	<key>CFBundlePackageType</key>
+	<string>APPL</string>
+	<key>CFBundleShortVersionString</key>
+	<string>1.0</string>
+	<key>CFBundleSignature</key>
+	<string>????</string>
+	<key>CFBundleVersion</key>∂
+	<string>1.0</string>
+	<key>LSRequiresIPhoneOS</key>
+	<true/>
+	<key>UIRequiresFullScreen</key>
+	<true/>
+	<key>UIRequiredDeviceCapabilities</key>
+	<array>
+		<string>armv7</string>
+	</array>
+	<key>UISupportedInterfaceOrientations</key>
+	<array>
+		<string>UIInterfaceOrientationPortrait</string>
+		<string>UIInterfaceOrientationLandscapeLeft</string>
+		<string>UIInterfaceOrientationLandscapeRight</string>
+	</array>
+	<key>UISupportedInterfaceOrientations~ipad</key>
+	<array>
+		<string>UIInterfaceOrientationPortrait</string>
+		<string>UIInterfaceOrientationPortraitUpsideDown</string>
+		<string>UIInterfaceOrientationLandscapeLeft</string>
+		<string>UIInterfaceOrientationLandscapeRight</string>
+	</array>
+</dict>
+</plist>

package/App_Resources/visionOS/build.xcconfig

@@ -0,0 +1,3 @@
+// DEVELOPMENT_TEAM = YOUR_TEAM_ID;
+ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;
+IPHONEOS_DEPLOYMENT_TARGET = 17.0;

package/App_Resources/visionOS/src/NativeScriptApp.swift

@@ -0,0 +1,9 @@
+import SwiftUI
+
+@main
+struct NativeScriptApp: App {
+
+    var body: some Scene {
+        NativeScriptMainWindow()
+    }
+}

package/README.md

@@ -0,0 +1,5 @@
+# NativeScript with Vue for visionOS
+
+```
+ns run visionos --no-hmr
+```

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,66 @@
+{
+  "name": "@nativescript/template-blank-solid-vision",
+  "main": "src/index.js",
+  "version": "8.6.0",
+  "description": "Nativescript visionOS Starter with Solid",
+  "author": "NativeScript Team <oss@nativescript.org>",
+  "license": "Apache-2.0",
+  "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"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "files": [
+    "src",
+    "App_Resources",
+    "hooks",
+    "tools",
+    "!tools/assets",
+    "patches",
+    "types",
+    ".editorconfig",
+    "tailwind.config.js",
+    "tsconfig.json",
+    "webpack.config.js"
+  ],
+  "keywords": [
+    "nstudio",
+    "nativescript",
+    "mobile",
+    "{N}",
+    "vue",
+    "visionOS",
+    "Vision Pro"
+  ],
+  "dependencies": {
+    "@nativescript-community/solid-js": "^0.0.4-alpha.5",
+    "@nativescript-community/ui-collectionview": "^5.2.0",
+    "@nativescript/core": "vision",
+    "dominative": "^0.0.9-alpha.4",
+    "solid-js": "^1.7.12",
+    "solid-navigation": "^1.0.0-alpha.8",
+    "undom-ng": "^1.0.10"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.22.10",
+    "@babel/preset-env": "^7.20.2",
+    "@babel/preset-typescript": "^7.22.5",
+    "@nativescript-dom/core-types": "^1.0.29",
+    "@nativescript-dom/solidjs-types": "^1.0.15",
+    "@nativescript/tailwind": "^2.0.1",
+    "@nativescript/webpack": "vision",
+    "babel": "^6.23.0",
+    "babel-loader": "^9.1.3",
+    "babel-preset-solid": "^1.7.12",
+    "patch-package": "^8.0.0",
+    "solid-refresh": "^0.5.3",
+    "tailwindcss": "~3.2.0",
+    "typescript": "~5.1.6"
+  }
+}

package/patches/@nativescript-community+solid-js+0.0.4-alpha.5.patch

@@ -0,0 +1,233 @@
+diff --git a/node_modules/@nativescript-community/solid-js/index.d.ts b/node_modules/@nativescript-community/solid-js/index.d.ts
+deleted file mode 100644
+index e9d469b..0000000
+--- a/node_modules/@nativescript-community/solid-js/index.d.ts
++++ /dev/null
+@@ -1,227 +0,0 @@
+-import { Style, ViewBase } from "@nativescript/core";
+-import {
+-  Document,
+-  DOMEvent,
+-  HTMLElementTagNameMap,
+-  Node,
+-  NSComponentsMap,
+-  NSCustomComponentsMap,
+-  PseudoElementsMap,
+-} from "dominative";
+-import { JSX as SolidJSX } from "solid-js";
+-
+-/**
+- * This is the app entry point. Provide a top-level component function and 
+- * an element to mount to. It is recommended this element be empty: while render 
+- * will just append children, the returned dispose function will remove all children.
+- * For example:
+- ```tsx
+- import { render } from "@nativescript-community/solid-js";
+- import { document } from "dominative";
+- render(() => <App />, document.body);
+- ```
+- * The root node can be any NativeScript node. By default `document.body` is a `Frame` element. However
+- * you can do something like below to render something different as root element.
+- ```tsx
+- document.body.appendChild(document.createElement("ContentView"));
+- render(() => <App />, document.body.firstElementChild);
+- ```
+- * Read more about the render function here:
+- * @link https://www.solidjs.com/docs/latest#render
+- */
+-export function render(app: () => JSX.Element, root: Node): void;
+-
+-export type Filter<
+-  Set,
+-  Needle extends string
+-> = Set extends `${Needle}${infer _X}` ? never : Set;
+-
+-export type MapNativeViewEvents<T, C> = {
+-  [K in T as `on:${K}`]: (event: DOMEvent<C>) => void;
+-};
+-
+-export type MapPseudoElementEvents<T> = {
+-  [K in T as `on:${K}`]: (event: {
+-    view?: ViewBase;
+-    index?: number;
+-    item?: any;
+-    data?: any;
+-  }) => void;
+-};
+-
+-type NSComponentEventsMap = {
+-  [K in keyof NSComponentsMap]: MapNativeViewEvents<
+-    HTMLElementTagNameMap[K]["eventNames"],
+-    HTMLElementTagNameMap[K]
+-  >;
+-} & {
+-  [K in keyof NSCustomComponentsMap]: MapNativeViewEvents<
+-    NSCustomComponentsMap[K]["eventNames"],
+-    NSCustomComponentsMap[K]
+-  >;
+-} & {
+-  ItemTemplate: MapPseudoElementEvents<"createView" | "itemLoading">;
+-} & {
+-  [K in keyof Omit<PseudoElementsMap, "ItemTemplate">]: {};
+-};
+-
+-export type IgnoredKeys =
+-  | "cssType"
+-  | "requestLayout"
+-  | "layoutNativeView"
+-  | "goBack"
+-  | "replacePage"
+-  | "firstElementChild"
+-  | "lastElementChild"
+-  | "children"
+-  | "childNodes"
+-  | "append"
+-  | "insertBefore"
+-  | "replaceChild"
+-  | "appendChild"
+-  | "textContent"
+-  | "removeChild"
+-  | "childElementCount"
+-  | "innerHTML"
+-  | "outerHTML"
+-  | "insertBefore"
+-  | "setAttribute"
+-  | "getAttribute"
+-  | "removeAttribute"
+-  | "removeAttributeNS"
+-  | "setAttributeNS"
+-  | "namespaceURI"
+-  | "dispatchEvent"
+-  | "getAttributeNS"
+-  | "localName"
+-  | "nodeName"
+-  | "tagName"
+-  | "attributes"
+-  | "hasChildNodes"
+-  | "firstChild"
+-  | "lastChild"
+-  | "replaceWith"
+-  | "cloneNode"
+-  | "remove"
+-  | "parentNode"
+-  | "height"
+-  | "width"
+-  | "appendData";
+-
+-export type PickedNSComponentKeys<T> = Omit<
+-  T,
+-  Filter<
+-    keyof T,
+-    | "_"
+-    | "set"
+-    | "get"
+-    | "has"
+-    | "change"
+-    | "each"
+-    | "can"
+-    | "create"
+-    | "send"
+-    | "perform"
+-    | "go"
+-    | "on"
+-  >
+->;
+-type OverrideProperties = {
+-  style: Partial<
+-    | Style
+-    | {
+-        color: string;
+-        width: number | string;
+-        height: number | string;
+-        backgroundColor: string;
+-        borderTopColor: string;
+-        borderRightColor: string;
+-        borderBottomColor: string;
+-        borderLeftColor: string;
+-        boxShadow: string;
+-        textShadow: string;
+-      }
+-  >;
+-  height: string | number;
+-  width: string | number;
+-  class: string;
+-};
+-
+-export type DefineNSComponent<T, E> = Partial<
+-  Omit<
+-    T,
+-    IgnoredKeys | keyof OverrideProperties | keyof PickedNSComponentKeys<T>
+-  > &
+-    E
+->;
+-
+-declare global {
+-  var document: Document;
+-}
+-
+-declare global {
+-  namespace JSX {
+-    function mapElementTag<K extends keyof NSDefaultComponents>(
+-      tag: K
+-    ): NSDefaultComponents[K];
+-
+-    function createElement<
+-      Element extends NSDefaultComponents,
+-      Key extends keyof NSDefaultComponents
+-    >(element: Key | undefined | null, attrs: Element[Key]): Element[Key];
+-
+-    function createElement<
+-      Element extends NSDefaultComponents,
+-      Key extends keyof NSDefaultComponents,
+-      T
+-    >(
+-      element: Key | undefined | null,
+-      attrsEnhancers: T,
+-      attrs: Element[Key] & T
+-    ): Element[Key];
+-
+-    type Element = SolidJSX.Element;
+-    interface ArrayElement extends Array<Element> {}
+-    interface FunctionElement {
+-      (): Element;
+-    }
+-    interface ElementClass {
+-      // empty, libs can define requirements downstream
+-    }
+-    interface ElementAttributesProperty {
+-      // empty, libs can define requirements downstream
+-    }
+-    interface ElementChildrenAttribute {
+-      children: {};
+-    }
+-
+-    interface IntrinsicAttributes {
+-      ref?: unknown | ((e: unknown) => void);
+-    }
+-
+-    type Accessor<T> = () => T;
+-    interface Directives {}
+-    interface DirectiveFunctions {
+-      [x: string]: (el: Element, accessor: Accessor<any>) => void;
+-    }
+-    interface ExplicitProperties {}
+-    interface ExplicitAttributes {}
+-    interface CustomEvents {}
+-    interface CustomCaptureEvents {}
+-
+-    type JSXElementAttributes<K> = SolidJSX.CustomAttributes<
+-      NSComponentsMap[K]
+-    > &
+-      Partial<
+-        DefineNSComponent<HTMLElementTagNameMap[K], NSComponentEventsMap[K]> &
+-          OverrideProperties & {
+-            children: Element;
+-          }
+-      >;
+-
+-    type NSDefaultComponents = {
+-      [K in keyof HTMLElementTagNameMap as `${Lowercase<K>}`]: JSXElementAttributes<K>;
+-    };
+-    interface IntrinsicElements extends NSDefaultComponents {}
+-  }
+-}