chore: latest plugin-tools

.husky/.gitignore

@@ -0,0 +1 @@
+_

.husky/pre-commit

@@ -0,0 +1,4 @@
+#!/bin/sh
+. "$(dirname "$0")/_/husky.sh"
+
+npx lint-staged --allow-empty

README.md

@@ -14,7 +14,69 @@ npm start
 - @nativescript/canvas-polyfill
 - @nativescript/canvas-three
 
+# How to use?
 
-## License
+This workspace manages the suite of plugins listed above. 
+
+In general, when in doubt with what to do, just `npm start`.
+
+```bash
+npm run setup
+npm start
+
+// Ensure all plugins build properly first
+> type "build-all" (and hit ENTER)
+```
+
+If you don't build all the plugins, you will at least need to build `localize` to run the demos because it contains `hooks` that need to be built first.
+
+If building only `localize`, type: `npm start` > `localize` (this will narrow down menu to `@nativescript.localize.build`) and then hit 'enter'. You can now run the demo apps.
+
+In general, when in doubt with what to do, just `npm start`.
+
+## How to add a new package to workspace?
+
+```bash
+npm run add
+```
+
+At the prompt, enter the name of the new package.
+
+- This adds a plugin harness in `packages` with the necessary boilerplate to just start developing
+- Updates all demo app flavors to support demoing the new package
+- Adds shared code in `tools/demo` where you can write demo code **once** and share across all demo flavors
+- Updates build tooling to support the new package
+- Updates the `npm start` interactive display
+- Updates the README here to list the new package
+
+## How to add Angular compatibility to a package
+
+```bash
+npm run add-angular
+```
+
+At the prompt, enter the name of the package to add an `angular` folder to it with the necessary boilerplate to provide Angular support to the package.
+
+## How to focus on just 1 package to develop in isolation
+
+```bash
+npm start
+```
+
+- Choose the focus commands for the package you wish to focus on and hit enter.
+- All the demo app's will be updated to isolate that 1 package and for supported IDE's (currently VS Code), the source code will also become isolated in the workspace.
+
+Note: _good to always clean the demo you plan to run after focusing. (You can clean any demo from `npm start` as well)_
+
+## How to publish packages?
+
+```bash
+npm run publish-packages
+```
+
+- You will be prompted for the package names to publish. Leaving blank and hitting enter will publish them all.
+- You will then be prompted for the version to use. Leaving blank will auto bump the patch version (it also handles prerelease types like alpha, beta, rc, etc. - It even auto tags the corresponding prelease type on npm).
+- You will then be given a brief sanity check 🧠😊
+
+<h3 align="center">Made with ❤️</h3>
 
-Apache License 2.0

apps/demo-angular/package.json

@@ -1,20 +1,7 @@
 {
-  "main": "main.js",
+  "main": "./src/main.ts",
   "dependencies": {
-    "@angular/animations": "file:../../node_modules/@angular/animations",
-    "@angular/common": "file:../../node_modules/@angular/common",
-    "@angular/compiler": "file:../../node_modules/@angular/compiler",
-    "@angular/core": "file:../../node_modules/@angular/core",
-    "@angular/forms": "file:../../node_modules/@angular/forms",
-    "@angular/platform-browser": "file:../../node_modules/@angular/platform-browser",
-    "@angular/platform-browser-dynamic": "file:../../node_modules/@angular/platform-browser-dynamic",
-    "@angular/router": "file:../../node_modules/@angular/router",
-    "@nativescript/angular": "file:../../node_modules/@nativescript/angular",
     "@nativescript/core": "file:../../node_modules/@nativescript/core",
-    "nativescript-theme-core": "file:../../node_modules/nativescript-theme-core",
-    "reflect-metadata": "file:../../node_modules/reflect-metadata",
-    "rxjs": "file:../../node_modules/rxjs",
-    "zone.js": "file:../../node_modules/zone.js",
     "@nativescript/canvas-media": "file:../../dist/packages/canvas-media",
     "@nativescript/canvas": "file:../../dist/packages/canvas",
     "@nativescript/canvas-babylon": "file:../../dist/packages/canvas-babylon",
@@ -25,11 +12,7 @@
     "@nativescript/canvas-three": "file:../../dist/packages/canvas-three"
   },
   "devDependencies": {
-    "@angular/compiler-cli": "file:../../node_modules/@angular/compiler-cli",
-    "@nativescript/android": "~7.0.0",
-    "@nativescript/ios": "7.0.0",
-    "@nativescript/webpack": "~3.0.0",
-    "@ngtools/webpack": "file:../../node_modules/@ngtools/webpack",
-    "typescript": "file:../../node_modules/typescript"
+    "@nativescript/android": "8.0.0",
+    "@nativescript/ios": "8.0.0"
   }
-}
+}

apps/demo-angular/src/app.css → apps/demo-angular/src/app.scss

@@ -1,4 +1,5 @@
-@import '~nativescript-theme-core/css/core.light.css';
+@import 'nativescript-theme-core/scss/light';
+  @import 'nativescript-theme-core/scss/index';
 
 button, label, stack-layout {
     horizontal-align: center;

apps/demo-angular/src/main.ts

@@ -1,4 +1,7 @@
-import { platformNativeScriptDynamic } from "@nativescript/angular";
-import { AppModule } from "./app.module";
+import { runNativeScriptAngularApp, platformNativeScript } from '@nativescript/angular';
+import { AppModule } from './app.module';
 
-platformNativeScriptDynamic().bootstrapModule(AppModule);
+runNativeScriptAngularApp({
+  appModuleBootstrap: () => platformNativeScript().bootstrapModule(AppModule),
+});
+

apps/demo-angular/src/polyfills.ts

@@ -0,0 +1,21 @@
+/**
+* NativeScript Polyfills
+*/
+
+// Install @nativescript/core polyfills (XHR, setTimeout, requestAnimationFrame)
+import '@nativescript/core/globals';
+// Install @nativescript/angular specific polyfills
+import '@nativescript/angular/polyfills';
+
+/**
+* Zone.js and patches
+*/
+// Add pre-zone.js patches needed for the NativeScript platform
+import '@nativescript/zone-js/dist/pre-zone-polyfills';
+
+// Zone JS is required by default for Angular itself
+import 'zone.js';
+
+// Add NativeScript specific Zone JS patches
+import '@nativescript/zone-js';
+

apps/demo-angular/tsconfig.json

@@ -1,13 +1,26 @@
 {
-	"extends": "../../tsconfig.base.json",
-	"compilerOptions": {
-		"rootDirs": [".", "../.."],
-		"baseUrl": ".",
-		"paths": {
-			"~/*": ["src/*"],
-			"@nativescript/*": ["../../dist/packages/*"],
-			"@demo/shared": ["../../tools/demo/index.ts"]
-		}
+  "extends": "../../tsconfig.base.json",
+  "compilerOptions": {
+    "rootDirs": [
+      ".",
+      "../.."
+    ],
+    "baseUrl": ".",
+    "paths": {
+      "~/*": [
+        "src/*"
+      ],
+      "@nativescript/*": [
+        "../../dist/packages/*"
+      ],
+      "@demo/shared": [
+        "../../tools/demo/index.ts"
+      ]
+    }
   },
-  "files": ["./references.d.ts", "./src/main.ts"],
-}
+  "files": [
+    "./references.d.ts",
+    "./src/main.ts",
+    "./src/polyfills.ts"
+  ]
+}