WIP Solid

Author: mbflores

examples/solidJs/.gitignore

@@ -1,3 +1,26 @@
+# environment variables
+**/.env
+**/.env.production
+
+# build output
+**/dist/
+
+# generated types
+**/.astro/
+
+# dependencies
+node_modules/
+
+# logs
+**/npm-debug.log*
+**/yarn-debug.log*
+**/yarn-error.log*
+**/pnpm-debug.log*
+
+# macOS-specific files
+**/.DS_Store
+
+
 # NativeScript
 hooks/
 node_modules/
@@ -26,3 +49,6 @@ typings/
 !.vscode/tasks.json
 !.vscode/launch.json
 !.vscode/extensions.json
+
+node_modules
+node_modules

examples/solidJs/.npmrc

@@ -0,0 +1 @@
+# NativeScript Blank Template with Solid

examples/solidJs/.stackblitzrc

@@ -1,11 +1,11 @@
 import { NativeScriptConfig } from '@nativescript/core';
 
 export default {
-  id: 'org.nativescript.app',
+  id: 'com.solidjs.example',
   appPath: 'src',
   appResourcesPath: '../App_Resources',
   android: {
     v8Flags: '--expose_gc',
-    markingMode: 'none',
-  },
-} as NativeScriptConfig;
+    markingMode: 'none'
+  }
+} as NativeScriptConfig;

examples/solidJs/README.md

@@ -1,29 +1,31 @@
 {
-  "name": "stackblitz-nativescript-solid",
-  "main": "src/app.js",
+  "name": "example",
+  "main": "src/index.js",
   "version": "1.0.0",
   "private": true,
-  "scripts": {},
   "dependencies": {
     "@nativescript-community/solid-js": "^0.0.6",
-    "@nativescript/core": "~8.8.0",
+    "@nativescript-community/ui-collectionview": "^5.3.3",
+    "@nativescript/core": "8.8.2",
     "dominative": "^0.1.3",
-    "solid-js": "^1.8.16",
+    "solid-js": "^1.8.21",
+    "solid-navigation": "^1.0.0-alpha.16",
     "undom-ng": "^1.1.2"
   },
   "devDependencies": {
-    "@babel/core": "^7.24.4",
-    "@babel/preset-env": "^7.24.4",
-    "@babel/preset-typescript": "^7.24.1",
+    "@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.23",
     "@nativescript/android": "8.8.2",
-    "@nativescript/preview-cli": "^1.0.13",
-    "@nativescript/stackblitz": "0.0.8",
-    "@nativescript/tailwind": "~2.1.0",
-    "@nativescript/webpack": "~5.0.0",
+    "@nativescript/ios": "8.8.1",
+    "@nativescript/webpack": "5.0.22",
     "babel": "^6.23.0",
     "babel-loader": "^9.1.3",
-    "babel-preset-solid": "^1.8.8",
+    "babel-preset-solid": "^1.8.19",
+    "patch-package": "^8.0.0",
     "solid-refresh": "^0.7.5",
-    "tailwindcss": "~3.4.3"
+    "typescript": "~5.1.6"
   }
 }

examples/solidJs/nativescript.config.ts

@@ -0,0 +1,20 @@
+import "./globals";
+import { Route, StackRouter } from "./router";
+import { ScreenOne } from "./routes/screen-one";
+import { ScreenThree } from "./routes/screen-three";
+import { ScreenTwo } from "./routes/screen-two";
+import { Home } from '~/home'
+import { ActionBar } from '~/ui/actionbar'
+
+const App = () => {
+
+  return (
+    <StackRouter initialRouteName="Home">
+      <Route name="Home" component={Home} />
+      <Route name="ActionBar" component={ActionBar} />
+      <Route name="ScreenThree" co  mponent={ScreenThree} />
+    </StackRouter>
+  );
+};
+
+export { App };