recreate @primate/react

packages/frontend/package.json

@@ -27,8 +27,6 @@
     "@babel/core": "7",
     "babel-preset-solid": "1",
     "primate": "workspace:^",
-    "react": "18",
-    "react-dom": "18",
     "solid-js": "1",
     "svelte": "4"
   },
@@ -39,12 +37,6 @@
     "babel-preset-solid": {
       "optional": true
     },
-    "react": {
-      "optional": true
-    },
-    "react-dom": {
-      "optional": true
-    },
     "solid-js": {
       "optional": true
     },

packages/react/package.json

@@ -0,0 +1,63 @@
+{
+  "name": "@primate/react",
+  "version": "0.12.0",
+  "description": "Primate React frontend",
+  "homepage": "https://primatejs.com/modules/react",
+  "bugs": "https://github.com/primatejs/primate/issues",
+  "license": "MIT",
+  "files": [
+    "src/**/*.js",
+    "!src/**/*.spec.js"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/primatejs/primate",
+    "directory": "packages/react"
+  },
+  "dependencies": {
+    "@primate/frontend": "workspace:^",
+    "@rcompat/build": "^0.4.0",
+    "@rcompat/fs": "^0.4.0",
+    "@rcompat/platform": "^0.3.0"
+  },
+  "peerDependencies": {
+    "primate": "workspace:^",
+    "react": "18",
+    "react-dom": "18"
+  },
+  "type": "module",
+  "imports": {
+    "#*": {
+      "@primate/lt": "./src/private/*.js",
+      "default": "./src/private/*.js"
+    },
+    "#build": {
+      "@primate/lt": "./src/private/build/index.js",
+      "default": "./src/private/build/index.js"
+    },
+    "#serve": {
+      "@primate/lt": "./src/private/serve/index.js",
+      "default": "./src/private/serve/index.js"
+    },
+    "#context/*": {
+      "@primate/lt": "./src/private/context/*.js",
+      "default": "./src/private/context/*.js"
+    },
+    "#client": {
+      "@primate/lt": "./src/private/client/index.js",
+      "default": "./src/private/client/index.js"
+    },
+    "#client/*": {
+      "@primate/lt": "./src/private/client/*.js",
+      "default": "./src/private/client/*.js"
+    }
+  },
+  "exports": {
+    ".": {
+      "runtime": "./src/public/runtime.js",
+      "default": "./src/public/default.js"
+    },
+    "./head": "./src/public/head.js",
+    "./context/*": "./src/public/context/*.js"
+  }
+}

packages/frontend/src/server/react/build/index.js → packages/react/src/private/build/index.js

@@ -1,7 +1,7 @@
-import build from "#build";
-import create_root from "#react/client/create-root";
-import expose from "#react/client/expose";
-import name from "#react/name";
+import create_root from "#client/create-root";
+import expose from "#client/expose";
+import name from "#name";
+import build from "@primate/frontend/core/build";
 import client from "./client.js";
 import publish from "./publish.js";
 import server from "./server.js";

packages/frontend/src/client/react/create-root.js → packages/react/src/private/client/create-root.js

@@ -8,8 +8,8 @@ export default length => {
 
   return `
     import { createElement, useState } from "react";
-    import AppContext from "@primate/frontend/react/context/app";
-    import HeadContext from "@primate/frontend/react/context/head";
+    import AppContext from "@primate/react/context/app";
+    import HeadContext from "@primate/react/context/head";
     import platform from "@rcompat/platform";
 
     export default ({

packages/frontend/src/client/react/expose.js → packages/react/src/private/client/expose.js

@@ -3,5 +3,5 @@ export default `
   const { createElement } = React;
   export { createElement };
   export { hydrateRoot } from "react-dom/client";
-  export { default as ReactHead } from "@primate/frontend/react/head";
+  export { default as ReactHead } from "@primate/react/head";
 `;

packages/react/src/private/pkgname.js

@@ -0,0 +1 @@
+export default "@primate/react";

packages/frontend/src/server/react/serve/index.js → packages/react/src/private/serve/index.js

@@ -1,6 +1,6 @@
-import handler from "#handler";
-import client from "#react/client";
-import name from "#react/name";
+import client from "#client";
+import name from "#name";
+import handler from "@primate/frontend/core/handler";
 import render from "./render.js";
 
 export default (extension, spa) => (app, next) => {

packages/react/src/public/context/app.js

@@ -0,0 +1 @@
+export { default } from "#context/app";

packages/react/src/public/context/head.js

@@ -0,0 +1 @@
+export { default } from "#context/head";

packages/frontend/src/server/react/public/default.js → packages/react/src/public/default.js

@@ -1,14 +1,14 @@
-import build from "#react/build";
-import default_extension from "#react/extension";
-import name from "#react/name";
-import serve from "#react/serve";
+import build from "#build";
+import default_extension from "#extension";
+import pkgname from "#pkgname";
+import serve from "#serve";
 
 export default ({
   extension = default_extension,
   // activate fetch-based browsing
   spa = true,
 } = {}) => ({
-  name: `primate:${name}`,
+  name: pkgname,
   build: build(extension),
   serve: serve(extension, spa),
 });

packages/frontend/src/server/react/public/head.js → packages/react/src/public/head.js

@@ -1,4 +1,4 @@
-import HeadContext from "@primate/frontend/react/context/head";
+import HeadContext from "@primate/react/context/head";
 import platform from "@rcompat/platform";
 import { Component } from "react";
 

packages/frontend/src/server/react/public/runtime.js → packages/react/src/public/runtime.js

@@ -1,12 +1,12 @@
-import default_extension from "#react/extension";
-import name from "#react/name";
-import serve from "#react/serve";
+import default_extension from "#extension";
+import pkgname from "#pkgname";
+import serve from "#serve";
 
 export default ({
   extension = default_extension,
   // activate fetch-based browsing
   spa = true,
 } = {}) => ({
-  name: `primate:${name}`,
+  name: pkgname,
   serve: serve(extension, spa),
 });

packages/react/tsconfig.json

@@ -0,0 +1,3 @@
+{
+  "extends": "../../tsconfig.base.json"
+}