feat(cli): add generate command to create localized astro pages

- use yargs to build documented command
- use typescript compiler API to parse frontmatter & inject
locale change
- update dependencies to latest

closes #13

README.md

@@ -17,8 +17,8 @@ websites!
 
 > **Status** [beta version]
 >
-> You can use it, and feedback is more than welcome! As integrations in Astro
-> are still experimental, note that some breaking changes may still be
+> You can use it, and feedback is more than welcome! As third-party integrations
+> in Astro are still experimental, note that some breaking changes may still be
 > introduced during this phase.
 
 ## Getting started

build.js → build.cjs

@@ -3,12 +3,25 @@
 require("esbuild")
  .build({
  bundle: true,
- entryPoints: ["src/index.mts", "src/utils.ts", "src/components/index.mts"],
+ entryPoints: [
+ "src/index.mts",
+ "src/utils.ts",
+ "src/components/index.mts",
+ "src/cli/index.ts",
+ ],
  outdir: "dist",
  outExtension: {
  ".js": ".mjs",
  },
- external: ["i18next", "locale-emoji"],
+ external: [
+ "i18next",
+ "locale-emoji",
+ "typescript",
+ "fdir",
+ "fs-extra",
+ "iso-639-1",
+ "iso-3166-1-alpha-2",
+ ],
  minify: false,
  format: "esm",
  platform: "node",

example/package.json

@@ -3,19 +3,19 @@
  "version": "0.0.1",
  "private": true,
  "scripts": {
- "dev": "npm link .. && astro dev",
+ "dev": "astro dev",
  "start": "astro dev",
  "build": "astro build",
  "build:package": "cd .. && npm run build && cd example",
- "preview": "astro preview"
+ "preview": "astro preview",
+ "i18n:generate": "astro-i18next generate -d en -l fr"
  },
  "devDependencies": {
- "@astrojs/sitemap": "^0.3.0",
- "@astrojs/tailwind": "^0.2.5",
- "astro": "1.0.0-rc.7",
- "astro-seo": "^0.5.1"
- },
- "dependencies": {
+ "@astrojs/sitemap": "^1.0.0",
+ "@astrojs/tailwind": "^1.0.0",
+ "astro": "^1.0.5",
+ "astro-i18next": "file:..",
+ "astro-seo": "^0.5.1",
  "i18next-fs-backend": "^1.1.5"
  }
 }

example/src/pages/about.astro

@@ -1,8 +1,24 @@
 ---
-import i18next from "i18next";
-import About from "templates:About";
+import { t, changeLanguage } from "i18next";
+import { Trans } from "astro-i18next/components";
+import BaseTemplate from "templates:BaseTemplate";
+import Link from "atoms:Link";
 
-i18next.changeLanguage(i18next.options.supportedLngs[0]);
+changeLanguage("en");
 ---
 
-<About />
+<BaseTemplate>
+ <p class="mt-4 text-center text-xl max-w-xl">
+ <Trans i18nKey="about">
+ Created with love ❤️, cheese 🧀 and baguettes 🥖 during the <Link
+ href="https://hackathon-1-0-projects.vercel.app/"
+ title={t("astroHackathonTitle")}
+ >Astro hackathon
+ </Link> of April / May 2022 by <Link
+ href="https://twitter.com/yassinedoghri"
+ title={t("twitterTitle")}
+ >@yassinedoghri
+ </Link>.
+ </Trans>
+ </p>
+</BaseTemplate>

example/src/components/templates/About.astro → example/src/pages/fr/about.astro

@@ -1,8 +1,10 @@
 ---
+import { t, changeLanguage } from "i18next";
 import { Trans } from "astro-i18next/components";
-import Link from "atoms:Link";
-import { t } from "i18next";
 import BaseTemplate from "templates:BaseTemplate";
+import Link from "atoms:Link";
+
+changeLanguage("fr");
 ---
 
 <BaseTemplate>

example/src/components/templates/Home.astro → example/src/pages/fr/index.astro

@@ -1,8 +1,10 @@
 ---
+import Link from "atoms:Link";
+import { t, changeLanguage } from "i18next";
 import { Trans } from "astro-i18next/components";
 import BaseTemplate from "templates:BaseTemplate";
-import Link from "atoms:Link";
-import { t } from "i18next";
+
+changeLanguage("fr");
 ---
 
 <BaseTemplate>

example/src/pages/index.astro

@@ -1,8 +1,19 @@
 ---
-import i18next from "i18next";
-import Home from "templates:Home";
+import Link from "atoms:Link";
+import { t, changeLanguage } from "i18next";
+import { Trans } from "astro-i18next/components";
+import BaseTemplate from "templates:BaseTemplate";
 
-i18next.changeLanguage(i18next.options.supportedLngs[0]);
+changeLanguage("en");
 ---
 
-<Home />
+<BaseTemplate>
+ <p class="mt-4 text-center text-xl max-w-xl">
+ <Trans i18nKey="description">
+ An <Link href="https://astro.build" title={t("astroTitle")}>astro</Link> integration
+ of <Link href="https://www.i18next.com/" title={t("i18nextTitle")}
+ >i18next
+ </Link> and utility components to help you translate your astro websites!
+ </Trans>
+ </p>
+</BaseTemplate>