feat: solid-js templates with TS option as well (#235)

Author: ammarahm-ed

packages/template-blank-solid-ts/.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

packages/template-blank-solid-ts/.npmrc

@@ -0,0 +1 @@
+legacy-peer-deps=true

packages/template-blank-solid-ts/README.md

@@ -0,0 +1,34 @@
+# NativeScript with Solid 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-solid --template @nativescript/template-blank-solid
+```
+
+> 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-solid).
+
+If you want to create a new app that uses the source of the template from the `main` branch, you can execute the following:
+
+```
+# clone nativescript-app-templates monorepo locally
+git clone [email protected]: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-solid --template nativescript-app-templates/packages/template-blank-solid
+```
+
+**NB:** Please, have in mind that the main 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.

packages/template-blank-solid-ts/app/app.css

@@ -0,0 +1,15 @@
+.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;
+}
+

packages/template-blank-solid-ts/app/app.tsx

@@ -0,0 +1,20 @@
+import { Route, RouteDefinition, StackRouter } from 'solid-navigation'
+import Home from './components/home'
+
+declare module 'solid-navigation' {
+  export interface Routers {
+    Default: {
+      Home: RouteDefinition
+    }
+  }
+}
+
+const App = () => {
+  return (
+    <StackRouter initialRouteName="Home">
+      <Route name="Home" component={Home} />
+    </StackRouter>
+  )
+}
+
+export { App }

packages/template-blank-solid-ts/app/components/home.tsx

@@ -0,0 +1,32 @@
+import { useRoute } from 'solid-navigation';
+
+export default function Home() {
+  const route = useRoute();
+  const message = 'Blank SolidJS App'
+
+  return (
+    <>
+      <actionbar title={route.name} />
+      <gridlayout>
+        <label
+          style={{
+            fontSize: 20,
+            horizontalAlignment: 'center',
+            verticalAlignment: 'middle',
+          }}
+        >
+          <formattedstring>
+            <span
+              className="fas"
+              text={String.fromCharCode(0xf135)}
+              style={{
+                color: '#3A53FF',
+              }}
+            />
+            <span text={` ${message}`} />
+          </formattedstring>
+        </label>
+      </gridlayout>
+    </>
+  )
+}

packages/template-blank-solid-ts/app/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.**