feat: app setups

Author: NathanWalker

apps/demo-angular/package-lock.json

@@ -8,7 +8,7 @@
     "@nstudio/nstreamdown": "file:../../packages/nstreamdown"
   },
   "devDependencies": {
-    "@nativescript/ios": "9.0.4-next.2026-01-04-20699738548",
+    "@nativescript/ios": "~9.0.0",
     "@nativescript/tailwind": "^2.1.0"
   }
 }

apps/demo-angular/package.json

@@ -0,0 +1,3 @@
+hooks
+node_modules
+platforms

apps/demo-react/.gitignore

@@ -0,0 +1,19 @@
+import { NativeScriptConfig } from '@nativescript/core';
+
+export default {
+  id: 'org.nstudio.nstreamdown.demoreact',
+  appResourcesPath: '../../tools/assets/App_Resources',
+  android: {
+    v8Flags: '--expose_gc',
+    markingMode: 'none',
+    codeCache: true,
+    suppressCallJSMethodExceptions: false,
+  },
+  ios: {
+    discardUncaughtJsExceptions: false,
+  },
+  appPath: 'src',
+  cli: {
+    packageManager: 'npm',
+  },
+} as NativeScriptConfig;

apps/demo-react/nativescript.config.ts

@@ -0,0 +1,15 @@
+{
+  "name": "demo-react",
+  "main": "src/app.ts",
+  "version": "1.0.0",
+  "private": true,
+  "dependencies": {
+    "@nativescript/core": "file:../../node_modules/@nativescript/core",
+    "@nstudio/nstreamdown": "file:../../packages/nstreamdown"
+  },
+  "devDependencies": {
+    "@nativescript/android": "~9.0.0",
+    "@nativescript/ios": "~9.0.0",
+    "@nativescript/tailwind": "^2.1.0"
+  }
+}

apps/demo-react/package.json

@@ -0,0 +1,53 @@
+{
+  "name": "demo-react",
+  "$schema": "../../node_modules/nx/schemas/project-schema.json",
+  "sourceRoot": "apps/demo-react/src",
+  "projectType": "application",
+  "targets": {
+    "build": {
+      "executor": "@nativescript/nx:build",
+      "options": {
+        "noHmr": true,
+        "production": true,
+        "uglify": true,
+        "release": true,
+        "forDevice": true,
+        "tsConfig": "apps/demo-react/tsconfig.json"
+      },
+      "dependsOn": [
+        {
+          "target": "build.all",
+          "dependencies": true
+        }
+      ]
+    },
+    "debug": {
+      "executor": "@nativescript/nx:debug",
+      "options": {
+        "noHmr": true,
+        "uglify": false,
+        "release": false,
+        "forDevice": false,
+        "prepare": false
+      }
+    },
+    "clean": {
+      "executor": "@nativescript/nx:clean",
+      "options": {}
+    },
+    "ios": {
+      "executor": "@nativescript/nx:build",
+      "options": {
+        "platform": "ios",
+        "noHmr": true
+      }
+    },
+    "android": {
+      "executor": "@nativescript/nx:build",
+      "options": {
+        "platform": "android",
+        "noHmr": true
+      }
+    }
+  }
+}

apps/demo-react/project.json

@@ -0,0 +1 @@
+/// <reference path="../../references.d.ts" />

apps/demo-react/references.d.ts

@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;

apps/demo-react/src/app.css

@@ -0,0 +1,33 @@
+import * as React from 'react';
+import { start, registerElement, NativeScriptProps, ViewAttributes } from 'react-nativescript';
+import { NativeCodeView } from '@nstudio/nstreamdown';
+import { App } from './components/App';
+
+// 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 module.
+
+// Controls react-nativescript log verbosity.
+// - true: all logs;
+// - false: only error logs.
+Object.defineProperty(global, '__DEV__', { value: false });
+
+// To use NativeCodeView within JSX
+interface NativeCodeViewAttrs extends ViewAttributes {
+  code: string;
+  language: string;
+}
+declare global {
+  module JSX {
+    interface IntrinsicElements {
+      nativeCodeView: NativeScriptProps<NativeCodeViewAttrs, NativeCodeView>;
+    }
+  }
+}
+
+registerElement('nativeCodeView', () => <any>NativeCodeView);
+
+start(React.createElement(App, {}, null));
+
+// Do not place any code after the application has been started as it will not
+// be executed on iOS.

apps/demo-react/src/app.ts

@@ -0,0 +1,29 @@
+import * as React from "react";
+import { useState } from "react";
+import { FrameNavigationProp } from "react-nativescript-navigation";
+import { Home } from "./Home";
+import { StreamdownDemo } from "./StreamdownDemo";
+import { ChatDemo } from "./ChatDemo";
+
+// Simple navigation state
+type Screen = 'home' | 'demo' | 'chat';
+
+export const App = () => {
+    const [currentScreen, setCurrentScreen] = useState<Screen>('home');
+
+    const navigate = (screen: Screen) => {
+        setCurrentScreen(screen);
+    };
+
+    const goBack = () => {
+        setCurrentScreen('home');
+    };
+
+    return (
+        <frame>
+            {currentScreen === 'home' && <Home onNavigate={navigate} />}
+            {currentScreen === 'demo' && <StreamdownDemo onBack={goBack} />}
+            {currentScreen === 'chat' && <ChatDemo onBack={goBack} />}
+        </frame>
+    );
+};