@nebula-rn/cli 0.0.1 → 0.1.0

package/templates/host/package.json

@@ -0,0 +1,66 @@
+{
+  "name": "__PACKAGE_NAME__",
+  "version": "0.0.1",
+  "private": true,
+  "description": "__DISPLAY_NAME__ Nebula host application",
+  "scripts": {
+    "android": "react-native run-android",
+    "ios": "react-native run-ios",
+    "start": "react-native start",
+    "lint": "eslint . --ext .js,.jsx,.ts,.tsx"
+  },
+  "dependencies": {
+    "@nebula-rn/host": "^__NEBULA_HOST_VERSION__",
+    "@nebula-rn/host-apis": "^__NEBULA_HOST_APIS_VERSION__",
+    "@nebula-rn/sdk": "^__NEBULA_SDK_VERSION__",
+    "@nebula-rn/components": "^__NEBULA_SDK_VERSION__",
+    "@react-native-camera-roll/camera-roll": "^7.10.2",
+    "@react-native-clipboard/clipboard": "^1.16.3",
+    "@react-native-community/geolocation": "^3.4.0",
+    "@react-native-community/netinfo": "^12.0.1",
+    "@react-native-community/slider": "5.1.2",
+    "@react-native-picker/picker": "2.11.4",
+    "react": "19.2.0",
+    "react-native": "0.83.1",
+    "react-native-device-info": "^15.0.2",
+    "react-native-gesture-handler": "^2.30.0",
+    "react-native-image-zoom-viewer": "^3.0.1",
+    "react-native-maps": "1.26.1",
+    "react-native-mmkv": "^4.2.0",
+    "react-native-nitro-modules": "^0.35.2",
+    "react-native-reanimated": "~4.2.3",
+    "react-native-reanimated-carousel": "^4.0.3",
+    "react-native-safe-area-context": "^5.5.2",
+    "react-native-svg": "^15.3.0",
+    "react-native-video": "^6.19.1",
+    "react-native-vision-camera": "^4.7.3",
+    "react-native-webview": "13.16.1",
+    "react-native-worklets": "~0.8.1",
+    "@bam.tech/react-native-image-resizer": "^3.0.11",
+    "dpdm": "^3.14.0",
+    "react-native-root-siblings": "^5.0.1",
+    "@dr.pogodin/react-native-fs": "^2.37.0",
+    "base64-js": "^1.5.1",
+    "react-native-image-picker": "^8.2.1",
+    "react-native-screenshot-aware": "^2.0.0",
+    "react-native-sensors": "^7.3.6"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.25.2",
+    "@babel/preset-env": "^7.25.3",
+    "@babel/runtime": "^7.25.0",
+    "@react-native-community/cli": "20.0.0",
+    "@react-native-community/cli-platform-android": "20.0.0",
+    "@react-native-community/cli-platform-ios": "20.0.0",
+    "@react-native/babel-preset": "0.83.1",
+    "@react-native/eslint-config": "0.83.1",
+    "@react-native/metro-config": "0.83.1",
+    "@react-native/typescript-config": "0.83.1",
+    "@types/react": "^19.2.0",
+    "eslint": "^8.19.0",
+    "typescript": "^5.8.3"
+  },
+  "engines": {
+    "node": ">=20"
+  }
+}

package/templates/host/tsconfig.json

@@ -0,0 +1,8 @@
+{
+  "extends": "@react-native/typescript-config",
+  "compilerOptions": {
+    "types": ["jest"],
+  },
+  "include": ["**/*.ts", "**/*.tsx"],
+  "exclude": ["**/node_modules", "**/Pods"]
+}

package/templates/miniapp/.watchmanconfig

@@ -0,0 +1 @@
+{}

package/templates/miniapp/app.json

@@ -0,0 +1,12 @@
+{
+  "appId": "__APP_ID__",
+  "updateStrategy": "manual",
+  "pages": ["home"],
+  "entryPagePath": "/home",
+  "window": {
+    "backgroundColor": "#f8fafc",
+    "navigationBarBackgroundColor": "#ffffff",
+    "navigationBarTextColor": "#0f172a",
+    "visualEffectInBackground": "none"
+  }
+}

package/templates/miniapp/babel.config.js

@@ -0,0 +1,3 @@
+module.exports = {
+  presets: ['module:@react-native/babel-preset'],
+};

package/templates/miniapp/package.json

@@ -0,0 +1,34 @@
+{
+  "name": "__PACKAGE_NAME__",
+  "version": "0.0.1",
+  "private": true,
+  "description": "__DISPLAY_NAME__ Nebula miniapp",
+  "scripts": {
+    "dev": "nebula miniapp dev",
+    "build": "nebula miniapp build",
+    "upload": "nebula miniapp upload",
+    "lint": "eslint src --ext .ts,.tsx",
+    "typecheck": "tsc --noEmit"
+  },
+  "dependencies": {
+    "@nebula-rn/client": "^__NEBULA_CLIENT_VERSION__",
+    "@nebula-rn/sdk": "^__NEBULA_SDK_VERSION__",
+    "react": "19.2.0",
+    "react-native": "0.83.1"
+  },
+  "devDependencies": {
+    "@react-native-community/cli": "20.0.0",
+    "@react-native-community/cli-platform-android": "20.0.0",
+    "@react-native-community/cli-platform-ios": "20.0.0",
+    "@react-native/babel-preset": "0.83.1",
+    "@react-native/eslint-config": "0.83.1",
+    "@react-native/metro-config": "0.83.1",
+    "@react-native/typescript-config": "0.83.1",
+    "@types/react": "^19.2.0",
+    "eslint": "^8.19.0",
+    "typescript": "^5.8.3"
+  },
+  "engines": {
+    "node": ">=20"
+  }
+}

package/templates/miniapp/src/pages/home/index.tsx

@@ -0,0 +1,122 @@
+import React, { useState } from 'react';
+import {
+  Alert,
+  Button,
+  ScrollView,
+  StyleSheet,
+  Text,
+  View,
+} from 'react-native';
+import { Miniapp, usePageOnLoad } from '@nebula-rn/sdk';
+
+export default function HomePage() {
+  const [result, setResult] = useState('Ready');
+
+  usePageOnLoad(params => {
+    setResult(`Loaded __APP_ID__ with params: ${JSON.stringify(params)}`);
+  });
+
+  const showToast = async () => {
+    await Miniapp.showToast('Nebula miniapp starter is running');
+    Alert.alert(
+      'Toast Triggered',
+      'Check the connected runner or host output.',
+    );
+  };
+
+  const showHostInfo = async () => {
+    setResult(
+      [
+        'This starter is intentionally minimal.',
+        'Use built-in miniapp APIs immediately in Dev Runner or a connected host.',
+        'Add custom Host APIs only when your host actually provides them.',
+      ].join('\n'),
+    );
+  };
+
+  return (
+    <ScrollView contentContainerStyle={styles.content}>
+      <Text style={styles.eyebrow}>Nebula Miniapp</Text>
+      <Text style={styles.title}>Nebula Miniapp Starter</Text>
+      <Text style={styles.subtitle}>
+        This starter only contains miniapp code. Keep the miniapp pure, and let
+        the host or runner provide native capabilities.
+      </Text>
+
+      <View style={styles.actions}>
+        <Button
+          title="Trigger toast helper"
+          onPress={() => showToast().catch(handleError)}
+        />
+        <View style={styles.spacer} />
+        <Button
+          title="Explain starter"
+          onPress={() => showHostInfo().catch(handleError)}
+        />
+      </View>
+
+      <Text style={styles.resultLabel}>Last Result</Text>
+      <View style={styles.resultCard}>
+        <Text style={styles.resultText}>{result}</Text>
+      </View>
+    </ScrollView>
+  );
+}
+
+function handleError(error: unknown) {
+  console.error('[Nebula] Miniapp action failed', error);
+  Alert.alert(
+    'Action Failed',
+    error instanceof Error
+      ? error.message
+      : 'Unexpected miniapp development error.',
+  );
+}
+
+const styles = StyleSheet.create({
+  content: {
+    padding: 24,
+    gap: 14,
+  },
+  eyebrow: {
+    fontSize: 12,
+    fontWeight: '700',
+    letterSpacing: 1.1,
+    color: '#2563eb',
+    textTransform: 'uppercase',
+  },
+  title: {
+    fontSize: 30,
+    fontWeight: '700',
+    color: '#0f172a',
+  },
+  subtitle: {
+    fontSize: 16,
+    lineHeight: 24,
+    color: '#475569',
+  },
+  actions: {
+    marginTop: 8,
+  },
+  spacer: {
+    height: 12,
+  },
+  resultLabel: {
+    marginTop: 18,
+    fontSize: 14,
+    fontWeight: '600',
+    color: '#1e293b',
+  },
+  resultCard: {
+    borderRadius: 16,
+    backgroundColor: '#ffffff',
+    borderWidth: 1,
+    borderColor: '#dbe4f0',
+    padding: 16,
+  },
+  resultText: {
+    color: '#0f172a',
+    lineHeight: 22,
+    fontFamily: 'Courier',
+  },
+});

package/templates/miniapp/src/pages/home/page.config.ts

@@ -0,0 +1,10 @@
+import { definePageConfig } from '@nebula-rn/sdk';
+
+export default definePageConfig({
+  route: '/home',
+  navigationBarTitleText: 'Home',
+  navigationBarBackgroundColor: '#ffffff',
+  navigationBarTextColor: '#0f172a',
+  backgroundColor: '#f8fafc',
+  visualEffectInBackground: 'none',
+});

package/templates/miniapp/tsconfig.json

@@ -0,0 +1,11 @@
+{
+  "extends": "@react-native/typescript-config",
+  "compilerOptions": {
+    "jsx": "react-jsx",
+    "strict": true
+  },
+  "include": [
+    "src/**/*.ts",
+    "src/**/*.tsx"
+  ]
+}

package/templates/runner/.eslintrc.js

@@ -0,0 +1,7 @@
+module.exports = {
+  parserOptions: {
+    babelOptions: {
+      configFile: __dirname + '/babel.config.js',
+    },
+  },
+};