@next-core/yo 1.6.2 → 1.6.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@next-core/yo",
-  "version": "1.6.2",
+  "version": "1.6.4",
   "description": "Generator for next v3",
   "homepage": "https://github.com/easyops-cn/next-core/tree/v3/packages/yo",
   "license": "GPL-3.0",
@@ -26,7 +26,7 @@
     "plop": "^4.0.1"
   },
   "devDependencies": {
-    "@next-core/build-next-bricks": "^1.24.0",
+    "@next-core/build-next-bricks": "^1.25.0",
     "@next-core/build-next-libs": "^1.0.25",
     "@next-core/element": "^1.2.19",
     "@next-core/i18n": "^1.0.87",
@@ -35,5 +35,5 @@
     "@next-core/theme": "^1.6.1",
     "react": "0.0.0-experimental-ee8509801-20230117"
   },
-  "gitHead": "30de503f4f8d9eea764201203c5049ec45f65733"
+  "gitHead": "b82dcf1b907a7238cb888454a9e86a0687ae019f"
 }

package/src/plopfile.js

@@ -314,6 +314,62 @@ export default function (
             path: "bricks/{{pkgName}}/docs/{{>lastTagName}}.md",
             templateFile: "templates/brick.md.hbs",
           },
+          async function updateJsxDts(answers) {
+            const jsxDtsFile = path.join(
+              bricksDir,
+              answers.pkgName,
+              "src/jsx.d.ts"
+            );
+            /** @type {string} */
+            let jsxDtsContent;
+            if (!existsSync(jsxDtsFile)) {
+              // jsxDtsContent = `import type { DetailedHTMLProps, HTMLAttributes } from "react"`;
+              const jsxDtsTemplateFile = path.join(
+                __dirname,
+                "templates/bricks/src/jsx.d.ts.hbs"
+              );
+              jsxDtsContent = await readFile(jsxDtsTemplateFile, "utf-8");
+            } else {
+              jsxDtsContent = await readFile(jsxDtsFile, "utf-8");
+            }
+            const tagName = plop.renderString(
+              "{{getTagName brickType pkgName brickName false false}}",
+              answers
+            );
+            const className = plop.renderString(
+              "{{pascalCase (getTagName brickType pkgName brickName true true)}}",
+              answers
+            );
+            const propName = `${className}Props`;
+            const importStatement = `import type { ${className}, ${propName} } from "./${answers.brickName}";`;
+            const definitionProp = `      "${tagName.replaceAll(".", "--")}": DetailedHTMLProps<HTMLAttributes<${className}>, ${className}> & ${propName};`;
+
+            /** @type {[RegExp, string][]} */
+            const replacementPatterns = [
+              [
+                /(\r?\n)(\r?\n)?(declare global )/,
+                `$1${importStatement}$1$2$3`,
+              ],
+              [
+                // eslint-disable-next-line no-regex-spaces
+                /(\r?\n)(    \}\r?\n  \}\r?\n\}\r?\n)$/,
+                `$1${definitionProp}$1$2`,
+              ],
+            ];
+
+            for (const [pattern, replacement] of replacementPatterns) {
+              const newJsxDts = jsxDtsContent.replace(pattern, replacement);
+              if (newJsxDts === jsxDtsContent) {
+                throw new Error(
+                  `Failed to add definition in jsx.d.ts for ${tagName}.`
+                );
+              }
+              jsxDtsContent = newJsxDts;
+            }
+
+            await writeFile(jsxDtsFile, jsxDtsContent);
+            return `Updated jsx.d.ts to include ${tagName} definition.`;
+          },
           async function modifyCommonBricksJson(answers) {
             if (answers.brickType === "common") {
               const realBrickName = `eo-${answers.brickName}`;

package/src/templates/bricks/package.json.hbs

@@ -11,10 +11,12 @@
     "dist-types",
     "docs"
   ],
+  "types": "dist-types/jsx.d.ts",
   "exports": {
     "./package.json": "./package.json",
     "./dist/bricks.json": "./dist/bricks.json",
     "./dist/manifest.json": "./dist/manifest.json",
+    ".": "./dist-types/jsx.d.ts",
     "./*": {
       "types": "./dist-types/*/index.d.ts"
     }
@@ -23,7 +25,7 @@
     "start": "cross-env NODE_ENV=development build-next-bricks --watch",
     "build": "npm run build:main && npm run build:types",
     "build:main": "cross-env NODE_ENV=production build-next-bricks",
-    "build:types": "tsc --emitDeclarationOnly --declaration --declarationDir dist-types --project tsconfig.json",
+    "build:types": "tsc --emitDeclarationOnly --declaration --declarationDir dist-types --project tsconfig.json && copy-jsx-d-ts",
     "build:manifest": "cross-env NODE_ENV=production build-next-bricks --manifest-only",
     "test": "cross-env NODE_ENV='test' test-next",
     "test:ci": "cross-env NODE_ENV='test' CI=true test-next",

package/src/templates/bricks/src/jsx.d.ts.hbs

@@ -0,0 +1,9 @@
+import type { DetailedHTMLProps, HTMLAttributes } from "react";
+
+declare global {
+  namespace JSX {
+    interface IntrinsicElements {
+      // Extend with brick definitions here
+    }
+  }
+}