generator-reackt 0.5.0 → 1.0.0

package/.prettierrc

@@ -2,4 +2,4 @@
   "singleQuote": true,
   "trailingComma": "none",
   "endOfLine": "auto"
-}
+}

package/.stylelintrc

@@ -1,104 +1,5 @@
 {
-  "defaultSeverity": "error",
-  "rules": {
-    "at-rule-empty-line-before": [
-      "always",
-      {
-        "except": [ "blockless-after-blockless", "first-nested" ],
-        "ignore": [ "after-comment" ],
-        "ignoreAtRules": [ "else" ]
-      }
-    ],
-    "at-rule-name-newline-after": "always-multi-line",
-    "at-rule-name-space-after": "always-single-line",
-    "at-rule-semicolon-newline-after": "always",
-    "at-rule-semicolon-space-before": "never",
-    "block-closing-brace-empty-line-before": "never",
-    "block-closing-brace-newline-after": [
-      "always",
-      {
-        "ignoreAtRules": [ "else", "if" ]
-      }
-    ],
-    "block-closing-brace-newline-before": "always-multi-line",
-    "block-closing-brace-space-after": "always-single-line",
-    "block-closing-brace-space-before": "always-single-line",
-    "block-no-empty": true,
-    "block-opening-brace-newline-after": "always",
-    "block-opening-brace-newline-before": "never-single-line",
-    "block-opening-brace-space-after": "always-single-line",
-    "block-opening-brace-space-before": "always",
-    "comment-empty-line-before": [
-      "always",
-      {
-        "ignore": [ "after-comment", "stylelint-commands" ]
-      }
-    ],
-    "comment-no-empty": true,
-    "comment-whitespace-inside": "always",
-    "custom-property-empty-line-before": null,
-    "declaration-bang-space-after": "never",
-    "declaration-bang-space-before": "always",
-    "declaration-block-semicolon-newline-after": "always",
-    "declaration-block-semicolon-newline-before": null,
-    "declaration-block-semicolon-space-after": "always-single-line",
-    "declaration-block-semicolon-space-before": "never",
-    "declaration-block-single-line-max-declarations": 1,
-    "declaration-block-trailing-semicolon": "always",
-    "declaration-colon-newline-after": null,
-    "declaration-colon-space-after": "always",
-    "declaration-colon-space-before": "never",
-    "declaration-empty-line-before": "never",
-    "function-comma-newline-after": null,
-    "function-comma-newline-before": null,
-    "function-comma-space-after": "always",
-    "function-comma-space-before": null,
-    "function-max-empty-lines": 0,
-    "function-whitespace-after": "always",
-    "indentation": 2,
-    "max-empty-lines": 2,
-    "max-line-length": 100,
-    "max-nesting-depth": 4,
-    "media-feature-colon-space-after": "always",
-    "media-feature-colon-space-before": "never",
-    "media-feature-parentheses-space-inside": "never",
-    "media-feature-range-operator-space-after": "always",
-    "media-feature-range-operator-space-before": "always",
-    "media-query-list-comma-newline-after": null,
-    "media-query-list-comma-newline-before": null,
-    "media-query-list-comma-space-after": null,
-    "media-query-list-comma-space-before": null,
-    "no-duplicate-at-import-rules": true,
-    "no-duplicate-selectors": true,
-    "no-empty-source": true,
-    "no-eol-whitespace": true,
-    "no-extra-semicolons": true,
-    "no-invalid-double-slash-comments": true,
-    "no-missing-end-of-source-newline": true,
-    "rule-empty-line-before": [
-      "always",
-      {
-        "except": [ "first-nested" ],
-        "ignore": [ "after-comment" ]
-      }
-    ],
-    "selector-attribute-brackets-space-inside": "never",
-    "selector-attribute-operator-space-after": "never",
-    "selector-attribute-operator-space-before": "never",
-    "selector-combinator-space-after": "always",
-    "selector-combinator-space-before": "always",
-    "selector-descendant-combinator-no-non-space": true,
-    "selector-list-comma-newline-after": "always",
-    "selector-list-comma-newline-before": "never-multi-line",
-    "selector-list-comma-space-after": "always-single-line",
-    "selector-list-comma-space-before": null,
-    "selector-max-empty-lines": 0,
-    "string-no-newline": true,
-    "string-quotes": "double",
-    "value-list-comma-newline-after": "always-multi-line",
-    "value-list-comma-newline-before": null,
-    "value-list-comma-space-after": null,
-    "value-list-comma-space-before": "never",
-    "value-list-max-empty-lines": 0
-  }
+  "customSyntax": "postcss-scss",
+  "defaultSeverity": "warning",
+  "extends": "stylelint-config-recommended"
 }

package/LICENSE

@@ -1,9 +1,21 @@
-The MIT License
+MIT License
 
-Copyright 2018-2023 ayan4m1 <andrew@bulletlogic.com>
+Copyright (c) 2018-2026 ayan4m1 <andrew@bulletlogic.com>
 
-Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is furnished
+to do so, subject to the following conditions:
 
-The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+The above copyright notice and this permission notice (including the next
+paragraph) shall be included in all copies or substantial portions of the
+Software.
 
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS
+OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF
+OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

package/README.md

@@ -4,15 +4,17 @@ This project scaffolds a modern web application. It is fairly opinionated, but i
 
 Here's the mile-long list of technologies the generated project can leverage:
 
-- [Babel](https://babeljs.io/) - Compile modern ECMAScript to Node-compatible JS
+- [TypeScript](https://www.typescriptlang.org/) - The language of the modern web
 - [Webpack](https://webpack.js.org/) - Bundle code, styles, markup, and more into a web application
 - [husky](https://www.npmjs.com/package/husky) - Execute lint-staged before committing to Git
 - [lint-staged](https://www.npmjs.com/package/lint-staged) - Execute linters for specific file types
-- [ESLint](https://eslint.org/) - Apply hundreds of style/usage rules to ECMAScript
+- [ESLint](https://eslint.org/) - Apply hundreds of style/usage rules to JS/TS
 - [Prettier](https://prettier.io/) - Apply style/formatting rules to code
 - [stylelint](https://stylelint.io/) - Apply style/usage rules to Sass
 - [Bootstrap](https://getbootstrap.com/) - UI toolkit
+- [Material-UI](https://mui.com/material-ui/) - UI toolkit
 - [React](https://reactjs.org/) - UI library
 - [Redux](https://redux.js.org/) - Application state container
 - [Redux-Saga](https://redux-saga.js.org/) - Redux middleware for action/side-effect interaction
 - [Jest](https://jestjs.io/) - Unit, integration, and snapshot testing
+- [RTL](https://testing-library.com/docs/react-testing-library/intro/) - Opinionated unit testing for React

package/generators/app/index.js

@@ -1 +1 @@
-"use strict";var e=require("got"),t=require("path"),s=require("gulp-if"),a=require("date-fns"),i=require("../util/fs.js"),o=require("gulp-prettier"),r=require("jsonfile"),n=require("yeoman-stylelint"),l=require("spdx-license-ids");require("mkdirp"),l.push("SEE LICENSE IN LICENSE"),l.sort();const p=require("yeoman-generator"),c=(...e)=>t.join("src",...e),d=[{value:null,name:"None"},{value:"bootstrap",name:"Bootstrap"},{value:"bulma",name:"Bulma"},{value:"foundation",name:"Foundation"},{value:"materialize",name:"Materialize"},{value:"uikit",name:"UIKit"},{value:"materialUi",name:"Material-UI"}],m={fontAwesome:["@fortawesome/fontawesome-svg-core","@fortawesome/free-solid-svg-icons","@fortawesome/react-fontawesome"],bootstrap:["bootstrap"],uikit:["uikit","uikit-react"],foundation:["foundation-sites"],materialize:["materialize-css"],bulma:["bulma"],materialUi:["@material-ui/core"],lintStaged:["husky","lint-staged"],redux:["redux","react-redux","redux-saga"],reduxJest:["redux-mock-store"],core:["@babel/runtime","core-js","normalize-scss","prop-types","react@17","react-dom@17","react-router-dom","reselect","classnames"],storybook:["@storybook/react","@storybook/addons","@storybook/addon-knobs"],esdoc:["esdoc","esdoc-ecmascript-proposal-plugin","esdoc-jsx-plugin","esdoc-standard-plugin","opener"],jest:["babel-jest","eslint-plugin-jest","jest","react-test-renderer","opener"],dev:["@babel/core","@babel/eslint-parser","@babel/plugin-proposal-class-properties","@babel/plugin-proposal-object-rest-spread","@babel/plugin-transform-regenerator","@babel/plugin-transform-runtime","@babel/preset-env","@babel/preset-react","@babel/register","autoprefixer","babel-loader","clean-webpack-plugin","cross-env","css-loader","css-minimizer-webpack-plugin","eslint-config-prettier","eslint-import-resolver-webpack","eslint-plugin-import","eslint-plugin-jsx-a11y","eslint-plugin-prettier","eslint-plugin-react-hooks","eslint-plugin-react","eslint-webpack-plugin","eslint","html-loader","html-webpack-plugin","mini-css-extract-plugin","postcss-flexbugs-fixes","postcss-loader","postcss-scss","prettier","sass-loader","sass","style-loader","stylelint-config-recommended","stylelint-webpack-plugin","stylelint","terser-webpack-plugin","webpack-cli","webpack","webpack-dev-server"]},u={core:[".babelrc",".prettierrc",".stylelintrc",".editorconfig","jsconfig.json",".browserslistrc",c("utils","index.js")],templated:[".eslintrc.js","package.json",c("index.js"),c("index.html"),c("index.scss"),"webpack.config.babel.js"],esdoc:[".esdoc.json"],jest:["jest.config.js"],lintStaged:[".lintstagedrc"],fontAwesome:[c("icons.js")]},g={redux:[c("reducers"),c("sagas"),c("selectors")],core:[c("components"),c("utils")]},h={"build:documentation":"esdoc","view:documentation":"opener ./docs/index.html"},y={test:"jest","view:coverage":"opener ./coverage/index.html"};module.exports=class extends p{constructor(...e){super(...e),this.env.adapter.promptModule.registerPrompt("autocomplete",require("inquirer-autocomplete-prompt")),this.sourceRoot(t.join(__dirname,"..","..","templates","app")),this.answers={},this.fileSystem=i(this),this.registerTransformStream(s(/\.js$/,o(r.readFileSync(t.join(__dirname,"..","..",".prettierrc"))))),this.registerTransformStream(s(/\.scss$/,n({configFile:t.join(__dirname,"..","..",".stylelintrc")})))}async prompting(){const{name:e,email:t}=this.user.git;this.answers=await this.prompt([{type:"input",name:"package.name",message:"Package name",default:this.appname.replace(/\s+/g,"-")},{type:"input",name:"package.version",message:"Package version",default:"0.1.0"},{type:"autocomplete",name:"package.license",message:"Package license",source:(e,t)=>{const s=new RegExp(`.*${t}.*`,"i");return new Promise((e=>{e(l.filter((e=>s.test(e))))}))}},{type:"input",name:"package.description",message:"Package description"},{type:"input",name:"author.name",message:"Author name",default:e()},{type:"input",name:"author.email",message:"Author email address",default:t()},{type:"list",name:"styleFramework",message:"What CSS framework would you like to use?",choices:d},{type:"confirm",name:"flags.addLintStaged",message:"Force linting before commits?",default:!0},{type:"confirm",name:"flags.addFontAwesome",message:"Add Font Awesome?",default:!0},{type:"confirm",name:"flags.addRedux",message:"Add Redux?",default:!0},{type:"confirm",name:"flags.addJest",message:"Add Jest?",default:!0},{type:"confirm",name:"flags.addStorybook",message:"Add Storybook?",default:!1},{type:"confirm",name:"flags.addESDoc",message:"Add ESDoc?",default:!1}])}async writing(){const{flags:t,package:{license:s},author:{name:i,email:o}}=this.answers;let r="Place your license here.\n";if("SEE LICENSE IN LICENSE"!==s){this.log(`Downloading ${s} license from spdx/license-list-data...`);const{body:t}=await e(`https://raw.githubusercontent.com/spdx/license-list-data/master/text/${s}.txt`);r=t.replace("<year>",a.format(new Date,"yyyy")).replace("<copyright holders>",`${i} <${o}>`)}this.fileSystem.createFile("LICENSE",r),u.core.forEach(this.fileSystem.copy),u.templated.forEach(this.fileSystem.copyTemplateInPlace),g.core.forEach(this.fileSystem.copyDirectory),this.fileSystem.copyTo("gitignore",".gitignore"),t.addRedux&&g.redux.forEach(this.fileSystem.copyDirectory),t.addJest&&(u.jest.forEach(this.fileSystem.copy),this.fs.append(this.destinationPath(".gitignore"),"coverage/"),this.fs.extendJSON(this.destinationPath("package.json"),{scripts:{...y}})),t.addESDoc&&(u.esdoc.forEach(this.fileSystem.copy),this.fs.append(this.destinationPath(".gitignore"),"docs/"),this.fs.extendJSON(this.destinationPath("package.json"),{scripts:{...h}})),t.addLintStaged&&u.lintStaged.forEach(this.fileSystem.copy),t.addFontAwesome&&u.fontAwesome.forEach(this.fileSystem.copy)}install(){const e=[],t=[],{flags:s,styleFramework:a}=this.answers;this.log("Building a list of packages to install"),e.push.apply(e,m.core),t.push.apply(t,m.dev),null!==a&&e.push.apply(e,m[a]),s.addLintStaged&&t.push.apply(t,m.lintStaged),s.addFontAwesome&&e.push.apply(e,m.fontAwesome),s.addRedux&&e.push.apply(e,m.redux),s.addJest&&t.push.apply(t,m.jest),s.addRedux&&s.addJest&&t.push.apply(t,m.reduxJest),s.addStorybook&&t.push.apply(t,m.storybook),s.addESDoc&&e.push.apply(e,m.esdoc),this.log(`Getting ready to install ${e.length} dependencies and ${t.length} dev dependencies.`),this.npmInstall(e,{save:!0}),this.npmInstall(t,{"save-dev":!0}),this.spawnCommandSync("git",["init"]),this.spawnCommandSync("npx",["husky","install"]),this.spawnCommandSync("npx",["husky","add",".husky/pre-commit","npx lint-staged"])}};
+import{join as e}from"path";import t from"gulp-if";import{format as s}from"date-fns";import a from"gulp-prettier";import{readFileSync as i}from"jsonfile";import o from"yeoman-stylelint";import n from"spdx-license-ids"with{type:"json"};import r from"yeoman-generator";import l,{src as c}from"../util/fs.js";n.push("SEE LICENSE IN LICENSE"),n.sort();const d=e=>Object.fromEntries(Object.entries(e).map(([e,t])=>[e,/^\d/.test(t)?`^${t}`:t])),p=[{value:null,name:"None"},{value:"bootstrap",name:"Bootstrap"},{value:"bulma",name:"Bulma"},{value:"foundation",name:"Foundation"},{value:"materialize",name:"Materialize"},{value:"uikit",name:"UIKit"},{value:"materialUi",name:"Material-UI"}],m={fontAwesome:["@fortawesome/fontawesome-svg-core","@fortawesome/free-solid-svg-icons","@fortawesome/react-fontawesome"],bootstrap:["bootstrap","react-bootstrap","@popperjs/core"],uikit:["uikit","uikit-react"],foundation:["foundation-sites","react-foundation"],materialize:["materialize-css","react-materialize"],bulma:["bulma"],materialUi:["@mui/material","@emotion/react","@emotion/styled"],lintStaged:["husky","lint-staged"],redux:["redux","react-redux","redux-saga"],reduxJest:["redux-mock-store"],rtl:["@testing-library/react","@testing-library/dom"],core:["normalize-scss","react","react-dom","react-router-dom@6","reselect","classnames"],storybook:["storybook@10","@storybook/react-vite@10","@storybook/addon-docs@10","@storybook/addon-a11y@10","@storybook/addon-links@10","@storybook/addon-themes@10","@vitejs/plugin-react","vite"],esdoc:["esdoc","esdoc-ecmascript-proposal-plugin","esdoc-jsx-plugin","esdoc-standard-plugin","opener"],jest:["@types/jest","eslint-plugin-jest","jest","react-test-renderer","opener"],dev:["@eslint/js@9","@types/react","@types/react-dom","autoprefixer","clean-webpack-plugin","cross-env","css-loader","css-minimizer-webpack-plugin","eslint-config-prettier","eslint-import-resolver-typescript","eslint-plugin-import-x","eslint-plugin-prettier","eslint-plugin-react-hooks","eslint-plugin-react","eslint-webpack-plugin","eslint@9","globals","html-loader","html-webpack-plugin","mini-css-extract-plugin","postcss","postcss-flexbugs-fixes","postcss-loader","postcss-scss","prettier","sass-loader","sass","style-loader","stylelint-config-recommended","stylelint-webpack-plugin","stylelint","terser-webpack-plugin","ts-loader","typescript@6","typescript-eslint","webpack-cli","webpack","webpack-dev-server"]},g={foundation:["@types/react-foundation"]},u={core:[".yarnrc.yml",".prettierrc",".stylelintrc",".editorconfig",".browserslistrc"],templated:["tsconfig.json",c("index.tsx"),c("index.html"),c("utils","index.ts")],esdoc:[".esdoc.json"],jest:["jest.config.js"],storybook:[e(".storybook","main.ts"),e(".storybook","preview.ts")],lintStaged:[".lintstagedrc"]},y={redux:[c("reducers"),c("sagas"),c("selectors")],templated:[c("components"),c("pages"),c("types")]},f={"build:documentation":"esdoc","view:documentation":"opener ./docs/index.html"},h={test:"jest","view:coverage":"opener ./coverage/index.html"},k={storybook:"storybook dev -p 6006","build:storybook":"storybook build"};class b extends r{answers;fileSystem;constructor(e,t,s){super(e,t,s),this.answers={component:{},deploy:{},module:{},package:{},author:{},flags:{}},this.fileSystem=l(this),this.sourceRoot(this.fileSystem.resolve("templates","app"))}initializing(){this.env.options.nodePackageManager="yarn",process.env.YARN_NPM_MINIMAL_AGE_GATE="0",this.queueTransformStream({},t(/\.tsx?$/,a(i(this.fileSystem.resolve(".prettierrc")))),t(/\.scss$/,o({configFile:this.fileSystem.resolve(".stylelintrc")})))}async prompting(){const[e,t]=await Promise.all([this.git.name(),this.git.email()]);this.answers=await this.prompt([{type:"input",name:"package.name",message:"Package name",default:this.appname.replace(/\s+/g,"-")},{type:"input",name:"package.version",message:"Package version",default:"0.1.0"},{type:"search",name:"package.license",message:"Package license",source:e=>{const t=new RegExp(`.*${e??""}.*`,"i");return n.filter(e=>t.test(e))}},{type:"input",name:"package.description",message:"Package description"},{type:"input",name:"author.name",message:"Author name",default:e},{type:"input",name:"author.email",message:"Author email address",default:t},{type:"select",name:"styleFramework",message:"What CSS framework would you like to use?",choices:p},{type:"confirm",name:"flags.addCnamePlugin",message:"Deploying to GitHub Pages with CNAME?",default:!1},{type:"input",name:"deploy.domain",message:"Hostname to use",when:e=>e.flags.addCnamePlugin},{type:"confirm",name:"flags.addLintStaged",message:"Force linting before commits?",default:!0},{type:"confirm",name:"flags.addFontAwesome",message:"Add Font Awesome?",default:!0},{type:"confirm",name:"flags.addRedux",message:"Add Redux?",default:!1},{type:"confirm",name:"flags.addJest",message:"Add Jest?",default:!1},{type:"confirm",name:"flags.addStorybook",message:"Add Storybook?",default:!1},{type:"confirm",name:"flags.addEsDoc",message:"Add ESDoc?",default:!1}])}async writing(){const{flags:t,styleFramework:a,package:{license:i},author:{name:o,email:n}}=this.answers;let r="Place your license here.\n";if("SEE LICENSE IN LICENSE"!==i){this.log(`Downloading ${i} license from spdx/license-list-data...`);const e=await fetch(`https://raw.githubusercontent.com/spdx/license-list-data/master/text/${i}.txt`);if(200!==e.status)this.log(`License download failed with HTTP ${e.status} - ${e.statusText}`);else{r=(await e.text()).replace("<year>",s(new Date,"yyyy")).replace("<copyright holders>",`${o} <${n}>`)}}this.fileSystem.createFile("LICENSE",r),u.core.forEach(this.fileSystem.copy),u.templated.forEach(this.fileSystem.copyTemplateInPlace),y.templated.forEach(this.fileSystem.copyDirectory),this.fileSystem.copyTemplate("_package.json","package.json"),this.fileSystem.copyTemplate("_eslint.config.mjs","eslint.config.mjs"),this.fileSystem.copyTemplate("webpack.config.nts","webpack.config.ts"),"materialUi"!==this.answers.styleFramework&&this.fileSystem.copyTemplate(c("index.nscss"),c("index.scss")),this.fileSystem.copyTo("gitignore",".gitignore"),t.addRedux&&y.redux.forEach(this.fileSystem.copyDirectory),t.addJest&&(u.jest.forEach(this.fileSystem.copy),this.fs.append(this.destinationPath(".gitignore"),"coverage/"),this.fs.extendJSON(this.destinationPath("package.json"),{scripts:{...h}})),t.addStorybook&&(u.storybook.forEach(this.fileSystem.copyTemplateInPlace),this.fileSystem.copyTemplate(e("_stories","SuspenseFallback.stories.tsx"),c("components","SuspenseFallback.stories.tsx")),this.fs.append(this.destinationPath(".gitignore"),"storybook-static/"),this.fs.extendJSON(this.destinationPath("package.json"),{scripts:{...k}})),t.addEsDoc&&(u.esdoc.forEach(this.fileSystem.copy),this.fs.append(this.destinationPath(".gitignore"),"docs/"),this.fs.extendJSON(this.destinationPath("package.json"),{scripts:{...f}})),t.addLintStaged&&(u.lintStaged.forEach(this.fileSystem.copy),this.fileSystem.createFile(".husky/pre-commit","npx lint-staged\n"));const l=[...m.core],p=[...m.dev];a&&(l.push(...m[a]),g[a]&&p.push(...g[a])),t.addLintStaged&&p.push(...m.lintStaged),t.addFontAwesome&&l.push(...m.fontAwesome),t.addRedux&&l.push(...m.redux),t.addJest&&p.push(...m.jest),t.addRedux&&t.addJest&&p.push(...m.reduxJest),t.addStorybook&&p.push(...m.storybook),t.addEsDoc&&l.push(...m.esdoc),this.log(`Resolving ${l.length} dependencies and ${p.length} dev dependencies.`);const[b,w]=await Promise.all([this.addDependencies(l),this.addDevDependencies(p)]);this.packageJson.merge({dependencies:d(b),devDependencies:d(w)})}install(){this.spawnSync("yarn",["set","version","stable"],{stdio:"inherit"})}async end(){const{flags:e}=this.answers;this.spawnSync("git",["init"],{stdio:"inherit"}),e.addLintStaged&&this.spawnSync("npx",["husky"],{stdio:"inherit"})}}export{b as default};

package/generators/component/index.js

@@ -1 +1 @@
-"use strict";var e=require("path"),t=require("../util/fs.js");require("mkdirp");const s=require("yeoman-generator"),n=(...t)=>e.join("src",...t);module.exports=class extends s{constructor(...s){super(...s),this.sourceRoot(e.join(__dirname,"..","..","templates","component")),this.answers={},this.fileSystem=t(this)}async prompting(){this.answers=await this.prompt([{type:"input",name:"component.name",message:"Component name"},{type:"confirm",name:"flags.addRedux",message:"Connect this component to the Redux store?",default:!1}])}async writing(){const{component:{name:e}}=this.answers,t=n("components",`${e}.js`),s=n("components",`${e}.test.js`);this.log(`Creating ${e} component`),await this.fileSystem.copyTemplate("index.js",t),await this.fileSystem.copyTemplate("index.test.js",s)}};
+import e from"yeoman-generator";import t,{src as s}from"../util/fs.js";class o extends e{answers;fileSystem;constructor(e,s,o){super(e,s,o),this.answers={component:{},deploy:{},module:{},package:{},author:{},flags:{}},this.fileSystem=t(this),this.sourceRoot(this.fileSystem.resolve("templates","component"))}async prompting(){this.answers=await this.prompt([{type:"input",name:"component.name",message:"Component name"},{type:"confirm",name:"flags.addRedux",message:"Connect this component to the Redux store?",default:!1},{type:"confirm",name:"flags.addStorybook",message:"Add a Storybook story?",default:!1}])}async writing(){const{flags:e,component:{name:t}}=this.answers,o=s("components",`${t}.tsx`),n=s("components",`${t}.test.tsx`);this.log(`Creating ${t} component`),this.fileSystem.copyTemplate("index.tsx",o),this.fileSystem.copyTemplate("index.test.tsx",n),e.addStorybook&&this.fileSystem.copyTemplate("index.stories.tsx",s("components",`${t}.stories.tsx`))}}export{o as default};

package/generators/module/index.js

@@ -1 +1 @@
-"use strict";var e=require("path"),t=require("../util/fs.js");require("mkdirp");const a=require("yeoman-generator"),s=(...t)=>e.join("src",...t);module.exports=class extends a{constructor(...a){super(...a),this.sourceRoot(e.join(__dirname,"..","..","templates","module")),this.answers={},this.fileSystem=t(this)}async prompting(){this.answers=await this.prompt([{type:"input",name:"module.name",message:"Module name"},{type:"list",name:"directoryMode",message:"Choose a way of structuring the module.",choices:[{name:"Create a directory with the module name and an index.js file inside that.",value:"dir",short:"Directory"},{name:"Create a file with the module name.",value:"file",short:"File"}]},{type:"confirm",name:"flags.createReducer",message:"Generate a reducer?",default:!0},{type:"confirm",name:"flags.createSaga",message:"Generate a saga?",default:!0},{type:"confirm",name:"flags.createSelector",message:"Generate a selector?",default:!0},{type:"confirm",name:"flags.addJest",message:"Generate test files?",default:!0}])}async writing(){const{directoryMode:t,module:{name:a},flags:r}=this.answers;this.log(`Creating module ${a}`);const i=i=>{const o=`${a}${i}`,n=`index${i}`,c=[];switch(t){default:case"file":c.push(o);break;case"dir":c.push(a,n)}r.createReducer&&this.fileSystem.copyTemplate(e.join("reducer",n),s("reducers",...c)),r.createSaga&&this.fileSystem.copyTemplate(e.join("saga",n),s("sagas",...c)),r.createSelector&&this.fileSystem.copyTemplate(e.join("selector",n),s("selectors",...c))};i(".js"),r.addJest&&i(".test.js")}};
+import{join as e}from"path";import t from"yeoman-generator";import a,{src as s}from"../util/fs.js";class r extends t{answers;fileSystem;constructor(e,t,s){super(e,t,s),this.answers={component:{},deploy:{},module:{},package:{},author:{},flags:{}},this.fileSystem=a(this),this.sourceRoot(this.fileSystem.resolve("templates","module"))}async prompting(){this.answers=await this.prompt([{type:"input",name:"module.name",message:"Module name"},{type:"select",name:"directoryMode",message:"Choose a way of structuring the module.",choices:[{name:"Create a directory with the module name and an index.js file inside that.",value:"dir",short:"Directory"},{name:"Create a file with the module name.",value:"file",short:"File"}]},{type:"confirm",name:"flags.createReducer",message:"Generate a reducer?",default:!0},{type:"confirm",name:"flags.createSaga",message:"Generate a saga?",default:!0},{type:"confirm",name:"flags.createSelector",message:"Generate a selector?",default:!0},{type:"confirm",name:"flags.addJest",message:"Generate test files?",default:!0}])}async writing(){const{directoryMode:t,module:{name:a},flags:r}=this.answers;if(!a)return void this.log("ERROR: No module name provided!");this.log(`Creating module ${a}`);const o=o=>{const i=`${a}${o}`,m=`index${o}`,l=[];switch(t){default:case"file":l.push(i);break;case"dir":l.push(a,m)}r.createReducer&&this.fileSystem.copyTemplate(e("reducer",m),s("reducers",...l)),r.createSaga&&this.fileSystem.copyTemplate(e("saga",m),s("sagas",...l)),r.createSelector&&this.fileSystem.copyTemplate(e("selector",m),s("selectors",...l))};o(".ts"),r.addJest&&o(".test.ts")}}export{r as default};

package/generators/util/fs.js

@@ -1 +1 @@
-"use strict";var t=require("mkdirp");module.exports=e=>({copy:t=>e.fs.copy(e.templatePath(t),e.destinationPath(t)),copyTo:(t,a)=>e.fs.copy(e.templatePath(t),e.destinationPath(a)),copyDirectory:t=>e.fs.copyTpl(e.templatePath(`${t}/**/*`),e.destinationPath(t),e.answers),copyTemplate:(t,a)=>e.fs.copyTpl(e.templatePath(t),e.destinationPath(a),e.answers),copyTemplateInPlace:t=>e.fs.copyTpl(e.templatePath(t),e.destinationPath(t),e.answers),createFile:(t,a)=>e.fs.write(e.destinationPath(t),a),makeDirectory:t});
+import{join as t}from"path";import{mkdirp as e}from"mkdirp";import{fileURLToPath as a}from"url";const o=a(import.meta.url),p=(...e)=>t("src",...e);var r=a=>({copy:t=>a.fs.copy(a.templatePath(t),a.destinationPath(t)),copyTo:(t,e)=>a.fs.copy(a.templatePath(t),a.destinationPath(e)),copyDirectory:t=>a.fs.copyTpl(a.templatePath(`${t}/**/*`),a.destinationPath(t),a.answers),copyTemplate:(t,e)=>a.fs.copyTpl(a.templatePath(t),a.destinationPath(e),a.answers),copyTemplateInPlace:t=>a.fs.copyTpl(a.templatePath(t),a.destinationPath(t),a.answers),createFile:(t,e)=>a.fs.write(a.destinationPath(t),e),makeDirectory:e,resolve:(...e)=>t(o,"..","..","..",...e)});export{r as default,p as src};

package/package.json

@@ -1,7 +1,8 @@
 {
   "name": "generator-reackt",
-  "version": "0.5.0",
-  "description": "Create an opinionated React-based web application",
+  "version": "1.0.0",
+  "description": "Create an opinionated React-based web applcication",
+  "type": "module",
   "files": [
     "generators",
     "templates",
@@ -10,60 +11,73 @@
   ],
   "repository": {
     "type": "git",
-    "url": "ssh://git@git.codecube.xyz:7999/web/generator-reackt.git"
+    "url": "git+https://github.com/ayan4m1/generator-reackt.git"
   },
   "keywords": [
     "yeoman-generator",
     "generator",
     "scaffold",
     "frontend",
-    "reactjs",
-    "webpack",
-    "redux"
+    "react",
+    "webpack"
   ],
   "scripts": {
-    "build": "rollup -c",
-    "watch": "rollup -c -w",
-    "prepublishOnly": "rollup -c",
-    "version": "auto-changelog -l false -p --hide-credit && git add CHANGELOG.md"
+    "version": "auto-changelog -l false -p --hide-credit && git add CHANGELOG.md",
+    "prepare": "husky",
+    "prepack": "rollup -c",
+    "build": "rollup -c"
   },
   "engines": {
-    "node": ">=16"
+    "node": ">=22"
+  },
+  "publishConfig": {
+    "access": "public",
+    "provenance": true
   },
   "author": "ayan4m1 <andrew@bulletlogic.com>",
   "license": "MIT",
   "dependencies": {
-    "chalk": "^5.2.0",
-    "date-fns": "^2.30.0",
-    "got": "^11.8.3",
+    "date-fns": "^3.6.0",
     "gulp-if": "^3.0.0",
-    "gulp-prettier": "^4.0.0",
-    "inquirer": "8.x",
-    "inquirer-autocomplete-prompt": "^1.4.0",
-    "jsonfile": "^6.1.0",
+    "gulp-prettier": "^6.0.0",
+    "jsonfile": "^6.2.1",
+    "mem-fs": "^4.0.0",
     "mkdirp": "^3.0.1",
-    "spdx-license-ids": "^3.0.13",
-    "yeoman-generator": "^4.13.0",
-    "yeoman-stylelint": "^0.1.3"
+    "spdx-license-ids": "^3.0.23",
+    "yeoman-generator": "^8.3.0",
+    "yeoman-stylelint": "^1.0.0"
   },
   "devDependencies": {
-    "@babel/core": "^7.21.8",
-    "@babel/eslint-parser": "^7.21.8",
-    "@babel/preset-env": "^7.21.5",
-    "@babel/register": "^7.21.0",
-    "@rollup/plugin-babel": "^6.0.3",
-    "@rollup/plugin-eslint": "^9.0.4",
-    "@rollup/plugin-node-resolve": "^15.0.2",
-    "@rollup/plugin-terser": "^0.4.1",
-    "auto-changelog": "^2.4.0",
-    "eslint": "^8.40.0",
-    "eslint-config-prettier": "^8.8.0",
-    "eslint-plugin-prettier": "^4.2.1",
-    "husky": "^8.0.3",
-    "lint-staged": "^13.2.2",
-    "prettier": "^2.8.8",
-    "rollup": "^3.21.7",
+    "@eslint/js": "^9.39.5",
+    "@rollup/plugin-terser": "^1.0.0",
+    "@rollup/plugin-typescript": "^12.3.0",
+    "@types/gulp-if": "^3.0.5",
+    "@types/jest": "^30.0.0",
+    "@types/jsonfile": "^6.1.4",
+    "@types/node": "24.13.3",
+    "@types/rollup-plugin-auto-external": "^2",
+    "@types/spdx-license-ids": "^3.0.0",
+    "@yeoman/types": "^1.1.1",
+    "auto-changelog": "^2.6.0",
+    "eslint": "^9.39.5",
+    "eslint-config-prettier": "10.1.8",
+    "eslint-import-resolver-typescript": "^4.4.5",
+    "eslint-plugin-import-x": "^4.17.1",
+    "eslint-plugin-prettier": "^5.5.6",
+    "globals": "^17.11.0",
+    "husky": "^9.1.7",
+    "lint-staged": "^17.4.1",
+    "postcss": "^8.5.26",
+    "postcss-scss": "^4.0.9",
+    "prettier": "^3.9.6",
+    "rollup": "^4.63.1",
     "rollup-plugin-auto-external": "^2.0.0",
-    "rollup-plugin-multi-input": "^1.4.1"
-  }
+    "semantic-release": "^25.0.9",
+    "stylelint": "^17.14.1",
+    "stylelint-config-recommended": "^18.0.0",
+    "tslib": "^2.8.1",
+    "typescript": "^6.0.3",
+    "typescript-eslint": "^8.68.0"
+  },
+  "packageManager": "yarn@4.18.0"
 }

package/templates/app/.lintstagedrc

@@ -1,4 +1,4 @@
 {
-  "*.js": "eslint",
+  "*.{ts,tsx}": "eslint",
   "*.scss": "stylelint"
 }

package/templates/app/.prettierrc

@@ -2,4 +2,4 @@
   "singleQuote": true,
   "trailingComma": "none",
   "endOfLine": "auto"
-}
+}

package/templates/app/.storybook/main.ts

@@ -0,0 +1,19 @@
+import react from '@vitejs/plugin-react';
+import { mergeConfig } from 'vite';
+import type { StorybookConfig } from '@storybook/react-vite';
+
+const config: StorybookConfig = {
+  framework: '@storybook/react-vite',
+  stories: ['../src/**/*.mdx', '../src/**/*.stories.@(ts|tsx)'],
+  addons: [
+    '@storybook/addon-docs',
+    '@storybook/addon-a11y',
+    '@storybook/addon-links',
+    '@storybook/addon-themes'
+  ],
+  // since Storybook 8 the framework no longer injects @vitejs/plugin-react
+  viteFinal: (config: StorybookConfig) =>
+    mergeConfig(config, { plugins: [react()] })
+};
+
+export default config;

package/templates/app/.storybook/preview.ts

@@ -0,0 +1,36 @@
+<% if (styleFramework === 'bootstrap') { %>
+import { withThemeByDataAttribute } from '@storybook/addon-themes';
+<% } else { %>
+import { withThemeByClassName } from '@storybook/addon-themes';
+<% } %>
+import type { Preview } from '@storybook/react-vite';
+
+import '../src/index.scss';
+
+const preview: Preview = {
+  parameters: {
+    controls: {
+      matchers: {
+        color: /(background|bg|color)$/i,
+        date: /date$/i
+      }
+    }
+  },
+  decorators: [
+<% if (styleFramework === 'bootstrap') { %>
+    withThemeByDataAttribute({
+      attributeName: 'data-bs-theme',
+      themes: { light: 'light', dark: 'dark' },
+      defaultTheme: 'light'
+    })
+<% } else { %>
+    withThemeByClassName({
+      themes: { light: 'light', dark: 'dark' },
+      defaultTheme: 'light'
+    })
+<% } %>
+  ],
+  tags: ['autodocs']
+};
+
+export default preview;