@apps-in-toss/web-framework 0.0.0-dev.1739241377950

package/package.json

@@ -0,0 +1,76 @@
+{
+  "name": "@apps-in-toss/web-framework",
+  "type": "module",
+  "version": "0.0.0-dev.1739241377950",
+  "description": "Web Framework for Apps In Toss",
+  "scripts": {
+    "prepack": "yarn build",
+    "typecheck": "tsc --noEmit",
+    "lint": "eslint .",
+    "build": "tsup"
+  },
+  "types": "./dist/index.d.ts",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    },
+    "./package.json": "./package.json"
+  },
+  "bin": {
+    "ait": "./bin.js"
+  },
+  "files": [
+    "dist",
+    "react-native"
+  ],
+  "devDependencies": {
+    "@types/babel__core": "^7.20.5",
+    "@types/debug": "^4",
+    "@types/node": "^22.10.2",
+    "@types/yauzl": "^2.10.3",
+    "eslint": "^9.7.0",
+    "tsup": "^8.3.5",
+    "typescript": "4.9.5",
+    "vitest": "^3.0.5"
+  },
+  "dependencies": {
+    "@apps-in-toss/babel-plugin-json": "0.0.0-dev.1739241377950",
+    "@apps-in-toss/framework": "0.0.0-dev.1739241377950",
+    "@babel/core": "7.23.9",
+    "@babel/plugin-proposal-class-properties": "^7.16.7",
+    "@babel/plugin-proposal-nullish-coalescing-operator": "^7.16.7",
+    "@babel/plugin-proposal-numeric-separator": "^7.16.7",
+    "@babel/plugin-proposal-optional-chaining": "^7.16.7",
+    "@babel/plugin-proposal-private-methods": "^7.18.6",
+    "@babel/plugin-proposal-private-property-in-object": "^7.18.6",
+    "@babel/plugin-transform-flow-strip-types": "^7.19.0",
+    "@babel/preset-env": "^7.15.0",
+    "@babel/preset-react": "^7.16.7",
+    "@babel/preset-typescript": "^7.16.7",
+    "@babel/runtime": "7.18.9",
+    "@clack/prompts": "^0.10.0",
+    "@react-native-bedrock/mpack-next": "0.0.0-dev.1739241377950",
+    "@react-native-bedrock/native": "workspace:*",
+    "@types/react": "18.3.3",
+    "clipanion": "^4.0.0-rc.4",
+    "cosmiconfig": "^9.0.0",
+    "cosmiconfig-typescript-loader": "^5.1.0",
+    "debug": "^4.4.0",
+    "es-toolkit": "^1.32.0",
+    "execa": "^9.5.2",
+    "picocolors": "^1.1.1",
+    "react": "18.2.0",
+    "react-native": "0.72.6",
+    "react-native-bedrock": "0.0.0-dev.1739241377950",
+    "yauzl": "^3.2.0",
+    "zod": "^3.24.1"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "gitHead": "fac6464a95b12e2dbbbc1946e82ea9d6e946cc4e"
+}

package/react-native/.babelrc

@@ -0,0 +1,41 @@
+{
+  "presets": [
+    [
+      "@babel/preset-env",
+      {
+        "targets": {
+          "ie": 11
+        }
+      }
+    ],
+    ["@babel/preset-typescript"],
+    [
+      "@babel/preset-react",
+      {
+        "runtime": "automatic"
+      }
+    ]
+  ],
+  "plugins": [
+    ["@apps-in-toss/babel-plugin-json", { "jsonPath": "./.apps-in-toss/metadata.json", "identifierName": "Ait" }],
+    ["@babel/plugin-transform-flow-strip-types"],
+    [
+      "@babel/plugin-proposal-class-properties",
+      {
+        "loose": true
+      }
+    ],
+    [
+      "@babel/plugin-proposal-private-property-in-object",
+      {
+        "loose": true
+      }
+    ],
+    [
+      "@babel/plugin-proposal-private-methods",
+      {
+        "loose": true
+      }
+    ]
+  ]
+}

package/react-native/.bedrock/.env.js

@@ -0,0 +1,4 @@
+global.__bedrock = global.__bedrock || {};
+global.__bedrock.shared = { buildNumber: "00000000" };
+global.__bedrock.apps = global.__bedrock.apps || {};
+global.__bedrock.apps["ping-pong"] = { buildNumber: "00000000" };

package/react-native/ait.d.ts

@@ -0,0 +1,8 @@
+declare global {
+  const Ait: {
+    appName: string;
+    webPort: number;
+  };
+}
+
+export {};

package/react-native/context.ts

@@ -0,0 +1,10 @@
+const files = new Map();
+
+files.set('./index.tsx', require('./pages/index.tsx'));
+files.set('./_404.tsx', require('./pages/_404.tsx'));
+
+export function context(id: string) {
+  return files.get(id);
+}
+
+context.keys = () => Array.from(files.keys());

package/react-native/index.ts

@@ -0,0 +1,4 @@
+import { register } from 'react-native-bedrock';
+import App from './src/_app';
+
+register(App);

package/react-native/pages/_404.tsx

@@ -0,0 +1 @@
+export { default } from './index';

package/react-native/pages/index.tsx

@@ -0,0 +1,10 @@
+import { WebView } from '@apps-in-toss/framework';
+import { View } from 'react-native';
+
+export default function Index() {
+  return (
+    <View style={{ flex: 1 }}>
+      <WebView style={{ flex: 1 }} localhostPort={Ait.webPort} />
+    </View>
+  );
+}

package/react-native/react-native.config.cjs

@@ -0,0 +1,5 @@
+/* eslint-disable @typescript-eslint/no-require-imports */
+/* eslint-disable @typescript-eslint/no-var-requires */
+module.exports = {
+  reactNativePath: require('path').dirname(require.resolve('react-native/package.json')),
+};

package/react-native/src/_app.tsx

@@ -0,0 +1,12 @@
+import { type PropsWithChildren } from 'react';
+import { Bedrock, type InitialProps } from 'react-native-bedrock';
+import { context } from '../context';
+
+function AppContainer({ children }: PropsWithChildren<InitialProps>) {
+  return <>{children}</>;
+}
+
+export default Bedrock.registerApp(AppContainer, {
+  appName: Ait.appName, // this auto replace appName to Ait.appName
+  context,
+});