move i18n imports to their respective frontend pages

packages/i18n/package.json

@@ -36,11 +36,13 @@
     }
   },
   "exports": {
-    "./*/locale": "./src/server/*/locale.js",
-    "./*": "./src/server/*/index.js",
+    "./core/*": {
+      "@primate/lt": "./src/public/*.js",
+      "default": "./src/public/*.js"
+    },
     ".": {
-      "runtime": "./src/runtime.js",
-      "default": "./src/default.js"
+      "runtime": "./src/public/runtime.js",
+      "default": "./src/public/default.js"
     }
   }
 }

packages/i18n/src/private/header.js

@@ -0,0 +1 @@
+export default "Primate-I18N-Locale";

packages/i18n/src/private/hook/handle.js

@@ -1,3 +1,4 @@
+import header from "#header";
 import name from "#name";
 import { OK } from "@rcompat/http/status";
 
@@ -14,7 +15,7 @@ export default ({ env }) => (request, next) => {
     return next(request);
   }
 
-  const set_locale = request.headers.get("primate-i18n-locale");
+  const set_locale = request.headers.get(header);
 
   if (set_locale === undefined) {
     return next(request);

packages/i18n/src/private/save.js

@@ -1,7 +1,7 @@
+import header from "#header";
+
 export default locale => fetch("/", {
-  headers: {
-    "Primate-I18N-Locale": locale,
-  },
+  headers: { [header]: locale },
   method: "post",
   body: null,
 });

packages/i18n/src/public/resolve.js

@@ -0,0 +1 @@
+export { default } from "#resolve";

packages/i18n/src/public/save.js

@@ -0,0 +1 @@
+export { default } from "#save";

packages/react/package.json

@@ -21,10 +21,16 @@
     "@rcompat/platform": "^0.3.0"
   },
   "peerDependencies": {
+    "@primate/i18n": "workspace:^",
     "primate": "workspace:^",
     "react": "18",
     "react-dom": "18"
   },
+  "peerDependenciesMeta": {
+    "@primate/i18n": {
+      "optional": true
+    }
+  },
   "type": "module",
   "imports": {
     "#*": {
@@ -50,14 +56,18 @@
     "#client/*": {
       "@primate/lt": "./src/private/client/*.js",
       "default": "./src/private/client/*.js"
+    },
+    "#i18n/*": {
+      "@primate/lt": "./src/private/i18n/*.js",
+      "default": "./src/private/i18n/*.js"
     }
   },
   "exports": {
     ".": {
       "runtime": "./src/public/runtime.js",
       "default": "./src/public/default.js"
     },
-    "./head": "./src/public/head.js",
+    "./*": "./src/public/*.js",
     "./context/*": "./src/public/context/*.js"
   }
 }

packages/i18n/src/server/react/index.js → packages/react/src/private/i18n/index.js

@@ -1,7 +1,7 @@
-import resolve from "#resolve";
-import AppContext from "@primate/react/context/app";
+import AppContext from "#context/app";
+import locale_store from "#i18n/locale";
+import resolve from "@primate/i18n/core/resolve";
 import { useContext } from "react";
-import locale_store from "./locale.js";
 
 export default (key, placeholders) => {
   locale_store.init();

packages/i18n/src/server/react/locale.js → packages/react/src/private/i18n/locale.js

@@ -1,5 +1,5 @@
-import save from "#save";
-import AppContext from "@primate/react/context/app";
+import AppContext from "#context/app";
+import save from "@primate/i18n/core/save";
 import { useContext } from "react";
 
 const $ = {

packages/react/src/public/head.js

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

packages/react/src/public/i18n.js

@@ -0,0 +1 @@
+export { default } from "#i18n/index";

packages/react/src/public/locale.js

@@ -0,0 +1 @@
+export { default } from "#i18n/locale";

packages/solid/package.json

@@ -22,10 +22,16 @@
   },
   "peerDependencies": {
     "@babel/core": "7",
+    "@primate/i18n": "workspace:^",
     "babel-preset-solid": "1",
     "primate": "workspace:^",
     "solid-js": "1"
   },
+  "peerDependenciesMeta": {
+    "@primate/i18n": {
+      "optional": true
+    }
+  },
   "type": "module",
   "imports": {
     "#*": {
@@ -51,14 +57,18 @@
     "#client/*": {
       "@primate/lt": "./src/private/client/*.js",
       "default": "./src/private/client/*.js"
+    },
+    "#i18n/*": {
+      "@primate/lt": "./src/private/i18n/*.js",
+      "default": "./src/private/i18n/*.js"
     }
   },
   "exports": {
     ".": {
       "runtime": "./src/public/runtime.js",
       "default": "./src/public/default.js"
     },
-    "./head": "./src/public/head.js",
+    "./*": "./src/public/*.js",
     "./context/*": "./src/public/context/*.js"
   }
 }

packages/i18n/src/server/solid/index.js → packages/solid/src/private/i18n/index.js

@@ -1,5 +1,5 @@
-import resolve from "#resolve";
-import AppContext from "@primate/solid/context/app";
+import resolve from "@primate/i18n/core/resolve";
+import AppContext from "#context/app";
 import { useContext } from "solid-js";
 import locale_store from "./locale.js";
 

packages/i18n/src/server/solid/locale.js → packages/solid/src/private/i18n/locale.js

@@ -1,5 +1,5 @@
-import save from "#save";
-import AppContext from "@primate/solid/context/app";
+import AppContext from "#context/app";
+import save from "@primate/i18n/core/save";
 import { useContext } from "solid-js";
 
 const $ = {

packages/solid/src/public/i18n.js

@@ -0,0 +1 @@
+export { default } from "#i18n/index";

packages/solid/src/public/locale.js

@@ -0,0 +1 @@
+export { default } from "#i18n/locale";

packages/svelte/package.json

@@ -19,9 +19,15 @@
     "@rcompat/fs": "^0.4.0"
   },
   "peerDependencies": {
+    "@primate/i18n": "workspace:^",
     "primate": "workspace:^",
     "svelte": "4"
   },
+  "peerDependenciesMeta": {
+    "@primate/i18n": {
+      "optional": true
+    }
+  },
   "type": "module",
   "imports": {
     "#*": {
@@ -43,12 +49,17 @@
     "#client/*": {
       "@primate/lt": "./src/private/client/*.js",
       "default": "./src/private/client/*.js"
+    },
+    "#i18n/*": {
+      "@primate/lt": "./src/private/i18n/*.js",
+      "default": "./src/private/i18n/*.js"
     }
   },
   "exports": {
     ".": {
       "runtime": "./src/public/runtime.js",
       "default": "./src/public/default.js"
-    }
+    },
+    "./*": "./src/public/*.js"
   }
 }

packages/svelte/src/private/client/create-root.js

@@ -14,14 +14,15 @@ export default length => {
   return `
     <script>
       import { afterUpdate, setContext } from "svelte";
+      import context_name from "@primate/svelte/context-name";
 
       export let components;
       export let data;
       export let request;
       export let context;
       export let update = () => undefined;
 
-      setContext("__primate__", context);
+      setContext(context_name, context);
 
       afterUpdate(update);
     </script>

packages/svelte/src/private/context-name.js

@@ -0,0 +1 @@
+export default "__PRMT__";

packages/i18n/src/server/svelte/index.js → packages/svelte/src/private/i18n/index.js

@@ -1,9 +1,10 @@
-import resolve from "#resolve";
+import context_name from "#context-name";
+import locale_store from "#i18n/locale";
+import resolve from "@primate/i18n/core/resolve";
 import { getContext } from "svelte";
 import { derived } from "svelte/store";
-import locale_store from "./locale.js";
 
 export default derived(locale_store, locale => (key, placeholders) => {
-  const { locales } = getContext("__primate__").i18n;
+  const { locales } = getContext(context_name).i18n;
   return resolve(locales[locale], key, placeholders);
 });

packages/i18n/src/server/svelte/locale.js → packages/svelte/src/private/i18n/locale.js

@@ -1,9 +1,10 @@
-import save from "#save";
+import context_name from "#context-name";
+import save from "@primate/i18n/core/save";
 import { getContext } from "svelte";
 import { writable } from "svelte/store";
 
 const store = writable("", set => {
-  const { locale } = getContext("__primate__").i18n;
+  const { locale } = getContext(context_name).i18n;
   set(locale);
 
   return () => undefined;

packages/svelte/src/public/context-name.js

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

packages/svelte/src/public/i18n.js

@@ -0,0 +1 @@
+export { default } from "#i18n/index";

packages/svelte/src/public/locale.js

@@ -0,0 +1 @@
+export { default } from "#i18n/locale";