astro-i18nya 0.1.0 → 0.1.1

package/README.md

@@ -1,15 +1,53 @@
 # astro-i18nya
 
-To install dependencies:
+I18n support for astro.
 
-```bash
-bun install
+## Features
+
+- Integration with `i18nya` and `astro`
+- A `<Trans />` component that works better than the one in `react-i18next`!
+
+## Installation
+
+```sh
+npx astro add astro-i18nya
+# or
+npm install astro-i18nya
 ```
 
-To run:
+Make sure you called `init()` from `i18nya` in `src/i18n.ts`:
+
+```ts
+import { init } from 'i18nya';
 
-```bash
-bun run index.ts
+const i18nya = await init({ ... });
+export default i18nya;
 ```
 
-This project was created using `bun init` in bun v1.3.2. [Bun](https://bun.com) is a fast all-in-one JavaScript runtime.
+Then in `astro.config.mjs`:
+
+```ts
+import i18nya from "./i18n";
+import astro_i18nya from "astro-i18nya";
+
+export default defineConfig({
+  integrations: [astro_i18nya(i18nya)],
+  // `i18n:` is not needed
+});
+```
+
+## Trans
+
+```tsx
+<Trans t={t("test", { user: "John" })}>
+  <b />
+  <a href="https://example.com" />
+</Trans>
+```
+
+With `"test": "Hello <1>{{user}}</1>, welcome to <2><1>my site</1></2>."`, the above element will become:
+
+```html
+<b>Hello John</b>, welcome to <a href="https://example.com"><b>my site</b></a
+>.
+```

package/dist/Trans.d.ts

@@ -0,0 +1,31 @@
+import type { ReactNode } from "react";
+type Props = {
+    children: ReactNode;
+    t: string;
+};
+/**
+ * A fake version of `<Trans>` in `react-i18next` with *very different* behaviour.
+ *
+ * You feed in a list of empty elements in `<Trans>`. The structure will follow the translation strings.
+ *
+ * IMPORTANT: It is **HIGHLY RECOMMENDED** to use `experimentalReactChildren: true` for `@astrojs/react` in your astro config,
+ * otherwise this will not work correctly outside of `.tsx` files.
+ *
+ * @example ```tsx
+ * <Trans t={t("test", { user: "John" })}>
+ *   <b />
+ *   <a href="https://example.com" />
+ * </Trans>
+ * ```
+ * With `"test": "Hello <1>{{user}}</1>, welcome to <2><1>my site</1></2>."`, the above element will become:
+ * ```tsx
+ * <b>Hello John</b>, welcome to <a href="https://example.com"><b>my site</b></a>.
+ * ```
+ *
+ * @param children the list of tags.
+ * @param t return value of t()
+ * @returns ReactNode
+ */
+declare const _default: ({ children, t }: Props) => string | import("react/jsx-runtime").JSX.Element;
+export default _default;
+//# sourceMappingURL=Trans.d.ts.map

package/dist/Trans.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Trans.d.ts","sourceRoot":"","sources":["../src/Trans.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAqB,SAAS,EAAE,MAAM,OAAO,CAAC;AAE1D,KAAK,KAAK,GAAG;IACX,QAAQ,EAAE,SAAS,CAAC;IACpB,CAAC,EAAE,MAAM,CAAC;CACX,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;GAsBG;0CAC+B,KAAK;AAAvC,wBAsDsC"}

package/dist/Trans.js

@@ -0,0 +1,81 @@
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+//? https://react.i18next.com/latest/trans-component
+// do something similar to ↑
+import { Children, cloneElement, isValidElement } from "react";
+/**
+ * A fake version of `<Trans>` in `react-i18next` with *very different* behaviour.
+ *
+ * You feed in a list of empty elements in `<Trans>`. The structure will follow the translation strings.
+ *
+ * IMPORTANT: It is **HIGHLY RECOMMENDED** to use `experimentalReactChildren: true` for `@astrojs/react` in your astro config,
+ * otherwise this will not work correctly outside of `.tsx` files.
+ *
+ * @example ```tsx
+ * <Trans t={t("test", { user: "John" })}>
+ *   <b />
+ *   <a href="https://example.com" />
+ * </Trans>
+ * ```
+ * With `"test": "Hello <1>{{user}}</1>, welcome to <2><1>my site</1></2>."`, the above element will become:
+ * ```tsx
+ * <b>Hello John</b>, welcome to <a href="https://example.com"><b>my site</b></a>.
+ * ```
+ *
+ * @param children the list of tags.
+ * @param t return value of t()
+ * @returns ReactNode
+ */
+export default (({ children, t }) => {
+    // find /<\/(\d+)>/g, where group 1 parse to int is largest
+    const maxTagId = Math.max(...t.match(/<\/(\d+)>/g).map((i) => parseInt(i.slice(2, -1))));
+    const inputs = Children.toArray(children).filter((c) => isValidElement(c));
+    if ((maxTagId ?? 0) > inputs.length) {
+        return t; // syntax error
+    }
+    const elms = []; // resulting list of elements
+    const tagStack = [];
+    for (let ch_idx = 0; ch_idx < t.length;) {
+        if (t.substring(ch_idx, ch_idx + 2) == "\\<") {
+            elms.push("<");
+            ch_idx += 2;
+            continue;
+        }
+        if (t.substring(ch_idx, ch_idx + 2) == "</") {
+            let j = 0;
+            while (t[++j + ch_idx] != ">" && j + ch_idx < t.length)
+                ;
+            const tag = Number.parseInt(t.substring(++ch_idx + 1, (ch_idx += j)));
+            if (Number.isNaN(tag)) {
+                elms.push(t.substring(ch_idx - j - 1, ch_idx));
+                continue;
+            }
+            let { p, l } = tagStack.pop();
+            if (tag != p) {
+                return t; // syntax error
+            }
+            elms.push(cloneElement(inputs[p - 1], {}, ...elms.splice(l, elms.length - l)));
+            continue;
+        }
+        if (t[ch_idx] == "<") {
+            let j = 0;
+            while (t[++j + ch_idx] != ">" && j + ch_idx < t.length)
+                ;
+            const tag = Number.parseInt(t.substring(++ch_idx, (ch_idx += j)));
+            if (Number.isNaN(tag)) {
+                elms.push(t.substring(ch_idx - j - 1, ch_idx));
+                continue;
+            }
+            tagStack.push({ p: tag, l: elms.length });
+            elms.push(""); // in order to splice later, contents inside a new tag element must start fresh
+            continue;
+        }
+        if (typeof elms[elms.length - 1] === "string") {
+            elms[elms.length - 1] += t[ch_idx++];
+        }
+        else {
+            elms.push(t[ch_idx++]);
+        }
+    }
+    return _jsx(_Fragment, { children: elms });
+});
+//# sourceMappingURL=Trans.js.map

package/dist/Trans.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Trans.js","sourceRoot":"","sources":["../src/Trans.tsx"],"names":[],"mappings":"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"}

package/dist/index.d.ts

@@ -0,0 +1,7 @@
+import type { I18Nya } from "i18nya";
+import type { AstroIntegration } from "astro";
+import Trans from "./Trans.js";
+import { listLang, getLangName, makeGetStaticPaths } from "./util.js";
+export { Trans, listLang, getLangName, makeGetStaticPaths };
+export default function astroI18nya<T extends string | number | symbol>(i18nya: I18Nya<T>): AstroIntegration;
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AACrC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,KAAK,MAAM,YAAY,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AACtE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,kBAAkB,EAAE,CAAC;AAE5D,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,GAAG,MAAM,EACpE,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,GAChB,gBAAgB,CAqBlB"}

package/dist/index.js

@@ -0,0 +1,26 @@
+import Trans from "./Trans.js";
+import { listLang, getLangName, makeGetStaticPaths } from "./util.js";
+export { Trans, listLang, getLangName, makeGetStaticPaths };
+export default function astroI18nya(i18nya) {
+    return {
+        name: "astro-i18nya",
+        hooks: {
+            "astro:config:setup": ({ updateConfig }) => {
+                updateConfig({
+                    i18n: {
+                        defaultLocale: i18nya.config.defaultLang,
+                        locales: Object.keys(i18nya.translations),
+                        routing: {
+                            prefixDefaultLocale: false,
+                            redirectToDefaultLocale: true,
+                            fallbackType: "redirect",
+                        },
+                    },
+                    // required for <Trans>
+                    // integrations: [react({ experimentalReactChildren: true })],
+                });
+            },
+        },
+    };
+}
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,YAAY,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AACtE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,kBAAkB,EAAE,CAAC;AAE5D,MAAM,CAAC,OAAO,UAAU,WAAW,CACjC,MAAiB;IAEjB,OAAO;QACL,IAAI,EAAE,cAAc;QACpB,KAAK,EAAE;YACL,oBAAoB,EAAE,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE;gBACzC,YAAY,CAAC;oBACX,IAAI,EAAE;wBACJ,aAAa,EAAE,MAAM,CAAC,MAAM,CAAC,WAAW;wBACxC,OAAO,EAAE,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC;wBACzC,OAAO,EAAE;4BACP,mBAAmB,EAAE,KAAK;4BAC1B,uBAAuB,EAAE,IAAI;4BAC7B,YAAY,EAAE,UAAU;yBACzB;qBACF;oBACD,uBAAuB;oBACvB,8DAA8D;iBAC/D,CAAC,CAAC;YACL,CAAC;SACF;KACF,CAAC;AACJ,CAAC"}

package/dist/util.d.ts

@@ -0,0 +1,21 @@
+import type { I18Nya } from "i18nya";
+/**
+ * Obtain the language name.
+ * @param lang the language locale
+ * @param displayLang in what language should the name of the language be shown. By default, use native language names.
+ * @returns language name
+ */
+export declare const getLangName: (lang: string, displayLang?: string) => string;
+/**
+ * List out available languages.
+ * @param i18nya return value of `init()` from `i18nya`
+ * @param displayLang in what language should the name of the language be shown. By default, use native language names.
+ * @returns a map of language locale → language name
+ */
+export declare const listLang: <T extends string | number | symbol>(i18nya: I18Nya<T>, displayLang?: string) => Map<string, string>;
+export declare const makeGetStaticPaths: <T extends string | number | symbol>(i18nya: I18Nya<T>) => () => Promise<{
+    params: {
+        lang: string;
+    };
+}[]>;
+//# sourceMappingURL=util.d.ts.map

package/dist/util.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"util.d.ts","sourceRoot":"","sources":["../src/util.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAErC;;;;;GAKG;AACH,eAAO,MAAM,WAAW,GAAI,MAAM,MAAM,EAAE,cAAc,MAAM,WACe,CAAC;AAE9E;;;;;GAKG;AACH,eAAO,MAAM,QAAQ,GAAI,CAAC,SAAS,MAAM,GAAG,MAAM,GAAG,MAAM,EACzD,QAAQ,MAAM,CAAC,CAAC,CAAC,EACjB,cAAc,MAAM,wBAOnB,CAAC;AAEJ,eAAO,MAAM,kBAAkB,GAC5B,CAAC,SAAS,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,QAAQ,MAAM,CAAC,CAAC,CAAC;;;;IAIN,CAAC"}

package/dist/util.js

@@ -0,0 +1,21 @@
+/**
+ * Obtain the language name.
+ * @param lang the language locale
+ * @param displayLang in what language should the name of the language be shown. By default, use native language names.
+ * @returns language name
+ */
+export const getLangName = (lang, displayLang) => new Intl.DisplayNames([displayLang ?? lang], { type: "language" }).of(lang);
+/**
+ * List out available languages.
+ * @param i18nya return value of `init()` from `i18nya`
+ * @param displayLang in what language should the name of the language be shown. By default, use native language names.
+ * @returns a map of language locale → language name
+ */
+export const listLang = (i18nya, displayLang) => new Map(Object.keys(i18nya.translations).map((l) => [
+    l,
+    getLangName(l.replace("_", "-"), displayLang),
+]));
+export const makeGetStaticPaths = (i18nya) => async () => Object.keys(i18nya.translations)
+    .filter((lang) => lang !== i18nya.config.defaultLang)
+    .map((lang) => ({ params: { lang: lang } }));
+//# sourceMappingURL=util.js.map

package/dist/util.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"util.js","sourceRoot":"","sources":["../src/util.ts"],"names":[],"mappings":"AAEA;;;;;GAKG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,IAAY,EAAE,WAAoB,EAAE,EAAE,CAChE,IAAI,IAAI,CAAC,YAAY,CAAC,CAAC,WAAW,IAAI,IAAI,CAAC,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC;AAE9E;;;;;GAKG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,CACtB,MAAiB,EACjB,WAAoB,EACpB,EAAE,CACF,IAAI,GAAG,CACL,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;IAC1C,CAAC;IACD,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC,EAAE,WAAW,CAAC;CAC9C,CAAC,CACH,CAAC;AAEJ,MAAM,CAAC,MAAM,kBAAkB,GAC7B,CAAqC,MAAiB,EAAE,EAAE,CAC1D,KAAK,IAAI,EAAE,CACT,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC;KAC7B,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC;KACpD,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC"}

package/package.json

@@ -1,9 +1,10 @@
 {
   "name": "astro-i18nya",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "Astro integration for i18nya: i18n as small as a cat's paw",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
+  "type": "module",
   "scripts": {
     "build": "tsc",
     "test": "jest"
@@ -12,8 +13,12 @@
     "type": "git",
     "url": "git+https://github.com/FyraLabs/i18nya.git"
   },
+  "jest": {
+    "testPathIgnorePatterns": ["<rootDir>/dist"]
+  },
   "keywords": [
     "astro",
+    "astro-integration",
     "internationalization",
     "i18n",
     "translation",
@@ -38,6 +43,7 @@
     "@types/node": "^24.10.1",
     "babel-jest": "^30.2.0",
     "jest": "^30.2.0",
+    "jest-environment-jsdom": "^30.2.0",
     "react-test-renderer": "^19.2.0",
     "typescript": "^5.9.3"
   },
@@ -45,10 +51,8 @@
     "typescript": "^5"
   },
   "dependencies": {
-    "@astrojs/react": "^4.4.2",
     "astro": "^5.16.0",
     "i18nya": "^0.1.0",
-    "jest-environment-jsdom": "^30.2.0",
     "react": "^19.2.0"
   }
 }

package/src/Trans.tsx

@@ -13,6 +13,9 @@ type Props = {
  * A fake version of `<Trans>` in `react-i18next` with *very different* behaviour.
  *
  * You feed in a list of empty elements in `<Trans>`. The structure will follow the translation strings.
+ * 
+ * IMPORTANT: It is **HIGHLY RECOMMENDED** to use `experimentalReactChildren: true` for `@astrojs/react` in your astro config,
+ * otherwise this will not work correctly outside of `.tsx` files.
  *
  * @example ```tsx
  * <Trans t={t("test", { user: "John" })}>

package/src/index.ts

@@ -1,11 +1,12 @@
 import type { I18Nya } from "i18nya";
 import type { AstroIntegration } from "astro";
-import react from "@astrojs/react";
-import Trans from "./Trans";
-import { listLang, getLangName } from "./util";
-export { Trans, listLang, getLangName };
+import Trans from "./Trans.js";
+import { listLang, getLangName, makeGetStaticPaths } from "./util.js";
+export { Trans, listLang, getLangName, makeGetStaticPaths };
 
-export default function (i18nya: I18Nya): AstroIntegration {
+export default function astroI18nya<T extends string | number | symbol>(
+  i18nya: I18Nya<T>,
+): AstroIntegration {
   return {
     name: "astro-i18nya",
     hooks: {
@@ -14,9 +15,14 @@ export default function (i18nya: I18Nya): AstroIntegration {
           i18n: {
             defaultLocale: i18nya.config.defaultLang,
             locales: Object.keys(i18nya.translations),
+            routing: {
+              prefixDefaultLocale: false,
+              redirectToDefaultLocale: true,
+              fallbackType: "redirect",
+            },
           },
           // required for <Trans>
-          integrations: [react({ experimentalReactChildren: true })],
+          // integrations: [react({ experimentalReactChildren: true })],
         });
       },
     },

package/src/util.ts

@@ -15,10 +15,20 @@ export const getLangName = (lang: string, displayLang?: string) =>
  * @param displayLang in what language should the name of the language be shown. By default, use native language names.
  * @returns a map of language locale → language name
  */
-export const listLang = (i18nya: I18Nya, displayLang?: string) =>
+export const listLang = <T extends string | number | symbol>(
+  i18nya: I18Nya<T>,
+  displayLang?: string,
+) =>
   new Map(
     Object.keys(i18nya.translations).map((l) => [
       l,
       getLangName(l.replace("_", "-"), displayLang),
     ]),
   );
+
+export const makeGetStaticPaths =
+  <T extends string | number | symbol>(i18nya: I18Nya<T>) =>
+  async () =>
+    Object.keys(i18nya.translations)
+      .filter((lang) => lang !== i18nya.config.defaultLang)
+      .map((lang) => ({ params: { lang: lang } }));

package/tsconfig.json

@@ -1,11 +1,12 @@
 {
-  "exclude": ["./dist"],
+  "extends": "astro/tsconfigs/base",
+  "exclude": ["./dist", "*.config.*", "**/*.test.*"],
   "compilerOptions": {
     "rootDir": "./src",
     "outDir": "./dist",
 
     // Environment setup & latest features
-    "lib": ["ESNext"],
+    "lib": ["ESNext", "DOM"],
     "target": "ESNext",
     "module": "Preserve",
     "moduleDetection": "force",
@@ -19,9 +20,10 @@
     "declarationMap": true,
 
     // Module resolution
-    "moduleResolution": "bundler",
-    "allowImportingTsExtensions": true,
-    "noEmit": true,
+    // "moduleResolution": "node16",
+    // "allowImportingTsExtensions": true,
+    "noEmit": false,
+    "allowImportingTsExtensions": false,
     "verbatimModuleSyntax": false,
     "isolatedModules": true,
     "resolveJsonModule": true,