feat(framework): add webview-react package

Author: kyro95

packages/webview-react/package.json

@@ -0,0 +1,44 @@
+{
+    "name": "@aurora-mp/webview-react",
+    "version": "0.0.1-alpha.4",
+    "description": "React webview package of the aurora-mp TypeScript framework.",
+    "keywords": [
+        "aurora-mp",
+        "webview",
+        "framework",
+        "multiplayer",
+        "gta",
+        "typescript",
+        "react"
+    ],
+    "license": "MIT",
+    "author": "Aurora Team",
+    "type": "module",
+    "main": "dist/index.js",
+    "types": "dist/index.d.ts",
+    "files": [
+        "dist"
+    ],
+    "repository": {
+        "type": "git",
+        "url": "git+https://github.com/aurora-mp/framework.git",
+        "directory": "packages/webview"
+    },
+    "publishConfig": {
+        "access": "public",
+        "registry": "https://registry.npmjs.org/"
+    },
+    "scripts": {
+        "build": "tsup"
+    },
+    "devDependencies": {
+        "@types/react": "^19.1.8",
+        "tsup": "^8.5.0"
+    },
+    "dependencies": {
+        "@aurora-mp/core": "workspace:*",
+        "@aurora-mp/webview": "workspace:*",
+        "react": "^18.2.0",
+        "react-dom": "^18.2.0"
+    }
+}

packages/webview-react/src/hooks/index.ts

@@ -0,0 +1 @@
+export * from './use-aurora';

packages/webview-react/src/hooks/use-aurora.ts

@@ -0,0 +1,17 @@
+import { aurora } from '@aurora-mp/webview';
+import React from 'react';
+
+export const useAurora = () => {
+    const wrap = <T extends (...args: any[]) => any>(fn: T) =>
+        React.useCallback((...args: Parameters<T>) => fn(...args), []);
+
+    return {
+        on: wrap(aurora.on),
+        onServer: wrap(aurora.onServer),
+        emit: wrap(aurora.emit),
+        emitServer: wrap(aurora.emitServer),
+        invokeClientRpc: wrap(aurora.invokeClientRpc),
+        onClientRpc: wrap(aurora.onClientRpc),
+        invokeServerRpc: wrap(aurora.invokeServerRpc),
+    };
+};

packages/webview-react/src/index.ts

@@ -0,0 +1 @@
+export * from './hooks';

packages/webview-react/tsconfig.json

@@ -0,0 +1,13 @@
+{
+    "extends": "../../tsconfig.base.json",
+    "compilerOptions": {
+        "baseUrl": ".",
+        "paths": {
+            "@webview-react/*": ["src/*"]
+        },
+        "outDir": "dist",
+        "rootDir": "src"
+    },
+    "include": ["src/**/*.ts", "package.json"],
+    "exclude": ["node_modules", "dist"]
+}

packages/webview-react/tsup.config.ts

@@ -0,0 +1,16 @@
+import { defineConfig } from 'tsup';
+import packageJson from './package.json' assert { type: 'json' };
+
+export default defineConfig({
+    entry: ['src/index.ts'],
+    format: ['esm'],
+    splitting: false,
+    sourcemap: false,
+    clean: true,
+    bundle: true,
+    minify: false,
+    dts: true,
+    experimentalDts: false,
+    external: [...Object.keys(packageJson.dependencies || {})],
+    noExternal: [...Object.keys(packageJson.devDependencies)],
+});