@next-core/yo 1.4.21 → 1.5.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@next-core/yo",
-  "version": "1.4.21",
+  "version": "1.5.0",
   "description": "Generator for next v3",
   "homepage": "https://github.com/easyops-cn/next-core/tree/v3/packages/yo",
   "license": "GPL-3.0",
@@ -30,8 +30,8 @@
     "@next-core/i18n": "^1.0.28",
     "@next-core/react-element": "^1.0.16",
     "@next-core/test-next": "^1.0.11",
-    "@next-core/theme": "^1.3.2",
+    "@next-core/theme": "^1.3.3",
     "react": "0.0.0-experimental-ee8509801-20230117"
   },
-  "gitHead": "cf4c4e20751988490dd812decd64444a28fc44c5"
+  "gitHead": "747c5259e22e0ac1821c00532cc0158a75f28593"
 }

package/src/plopfile.js

@@ -233,6 +233,14 @@ export default function (
             : `${data.pkgName}.${input}`;
         },
       },
+      {
+        type: "confirm",
+        name: "useI18n",
+        message: "Use i18n with this brick?",
+        when(data) {
+          return data.type === "brick";
+        },
+      },
       {
         type: "input",
         name: "providerName",
@@ -272,7 +280,9 @@ export default function (
             type: "addMany",
             destination: "bricks/{{pkgName}}/src/{{brickName}}",
             base: "templates/brick",
-            templateFiles: "templates/brick",
+            templateFiles: data.useI18n
+              ? "templates/brick"
+              : "templates/brick/!(i18n.ts)",
           },
           {
             type: "append",

package/src/templates/brick/index.tsx.hbs

@@ -3,11 +3,11 @@ import { createDecorators } from "@next-core/element";
 import { ReactNextElement } from "@next-core/react-element";
 import "@next-core/theme";
 import styleText from "./styles.shadow.css";
-
-// --- NOTE: uncomment these lines below to enable i18n for your brick ---
-// import { useTranslation, initializeReactI18n } from "@next-core/i18n/react";
-// import { K, NS, locales } from "./i18n.js";
-// initializeReactI18n(NS, locales);
+{{#if useI18n}}
+import { useTranslation, initializeReactI18n } from "@next-core/i18n/react";
+import { K, NS, locales } from "./i18n.js";
+initializeReactI18n(NS, locales);
+{{/if}}
 
 const { defineElement, property } = createDecorators();
 
@@ -26,8 +26,19 @@ class {{>className}} extends ReactNextElement {
   }
 }
 
-export function {{>className}}Component() {
-  // const { t } = useTranslation(NS);
-  // const hello = t(K.HELLO);
-  return <div>It works!</div>;
+export interface {{>className}}Props {
+  // Define props here.
+}
+export function {{>className}}Component(props: {{>className}}Props) {
+{{#if useI18n}}
+  const { t } = useTranslation(NS);
+  const hello = t(K.HELLO);
+{{/if}}
+  return <div>
+    {{#if useI18n}}
+      {hello} word!
+    {{else}}
+      It works!
+    {{/if}}
+  </div>;
 }