generator-reackt 0.6.0 → 1.0.0

package/generators/component/index.js

@@ -1,51 +1 @@
-import { join } from 'path';
-import { createRequire } from 'module';
-import { fileURLToPath } from 'url';
-
-import fileSystem from '../util/fs.js';
-
-// we cannot use ES6 imports on this object, as it directly exports a class to
-// module.exports - no default export nor a named export is present for us to use
-const require = createRequire(import.meta.url);
-const __dirname = fileURLToPath(import.meta.url);
-const Generator = require('yeoman-generator');
-
-const src = (...paths) => join('src', ...paths);
-
-export default class extends Generator {
-  constructor(...args) {
-    super(...args);
-
-    this.sourceRoot(join(__dirname, '..', '..', 'templates', 'component'));
-    this.answers = {};
-    this.fileSystem = fileSystem(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: false
-      }
-    ]);
-  }
-
-  async writing() {
-    const {
-      component: { name }
-    } = this.answers;
-    const fileName = src('components', `${name}.js`);
-    const testName = src('components', `${name}.test.js`);
-
-    this.log(`Creating ${name} component`);
-    await this.fileSystem.copyTemplate('index.js', fileName);
-    await this.fileSystem.copyTemplate('index.test.js', testName);
-  }
-}
+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,127 +1 @@
-import { join, dirname } from 'path';
-import { createRequire } from 'module';
-import { fileURLToPath } from 'url';
-
-import fileSystem from '../util/fs.js';
-
-// we cannot use ES6 imports on this object, as it directly exports a class to
-// module.exports - no default export nor a named export is present for us to use
-const require = createRequire(import.meta.url);
-const __dirname = fileURLToPath(import.meta.url);
-const Generator = require('yeoman-generator');
-
-const src = (...paths) => join('src', ...paths);
-
-export default class extends Generator {
-  constructor(...args) {
-    super(...args);
-
-    this.sourceRoot(join(__dirname, '..', '..', 'templates', 'module'));
-    this.answers = {};
-    this.fileSystem = fileSystem(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: true
-      },
-      {
-        type: 'confirm',
-        name: 'flags.createSaga',
-        message: 'Generate a saga?',
-        default: true
-      },
-      {
-        type: 'confirm',
-        name: 'flags.createSelector',
-        message: 'Generate a selector?',
-        default: true
-      },
-      {
-        type: 'confirm',
-        name: 'flags.addJest',
-        message: 'Generate test files?',
-        default: true
-      }
-    ]);
-  }
-
-  async writing() {
-    const {
-      directoryMode,
-      module: { name },
-      flags
-    } = this.answers;
-
-    this.log(`Creating module ${name}`);
-
-    const buildPaths = (ext) => {
-      const namePath = `${name}${ext}`;
-      const indexPath = `index${ext}`;
-      const destPath = [];
-
-      switch (directoryMode) {
-        default:
-        case 'file':
-          destPath.push(namePath);
-          break;
-        case 'dir':
-          destPath.push(name, indexPath);
-          break;
-      }
-
-      if (flags.createReducer) {
-        this.fileSystem.copyTemplate(
-          join('reducer', indexPath),
-          src('reducers', ...destPath)
-        );
-      }
-
-      if (flags.createSaga) {
-        this.fileSystem.copyTemplate(
-          join('saga', indexPath),
-          src('sagas', ...destPath)
-        );
-      }
-
-      if (flags.createSelector) {
-        this.fileSystem.copyTemplate(
-          join('selector', indexPath),
-          src('selectors', ...destPath)
-        );
-      }
-    };
-
-    buildPaths('.js');
-
-    if (flags.addJest) {
-      buildPaths('.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,34 +1 @@
-import { mkdirp } from 'mkdirp';
-import { join } from 'path';
-import { fileURLToPath } from 'url';
-
-const __dirname = fileURLToPath(import.meta.url);
-
-export default (gen) => ({
-  copy: (file) =>
-    gen.fs.copy(gen.templatePath(file), gen.destinationPath(file)),
-  copyTo: (src, dst) =>
-    gen.fs.copy(gen.templatePath(src), gen.destinationPath(dst)),
-  copyDirectory: (dir) =>
-    gen.fs.copyTpl(
-      gen.templatePath(`${dir}/**/*`),
-      gen.destinationPath(dir),
-      gen.answers
-    ),
-  copyTemplate: (source, destination) =>
-    gen.fs.copyTpl(
-      gen.templatePath(source),
-      gen.destinationPath(destination),
-      gen.answers
-    ),
-  copyTemplateInPlace: (file) =>
-    gen.fs.copyTpl(
-      gen.templatePath(file),
-      gen.destinationPath(file),
-      gen.answers
-    ),
-  createFile: (file, contents) =>
-    gen.fs.write(gen.destinationPath(file), contents),
-  makeDirectory: mkdirp,
-  resolve: (...paths) => join(__dirname, '..', '..', '..', ...paths)
-});
+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,63 +1,83 @@
-{
-  "name": "generator-reackt",
-  "version": "0.6.0",
-  "description": "Create an opinionated React-based web applcication",
-  "type": "module",
-  "files": [
-    "generators",
-    "templates",
-    ".prettierrc",
-    ".stylelintrc"
-  ],
-  "repository": {
-    "type": "git",
-    "url": "ssh://git@git.codecube.xyz:7999/web/generator-reackt.git"
-  },
-  "keywords": [
-    "yeoman-generator",
-    "generator",
-    "scaffold",
-    "frontend",
-    "reactjs",
-    "webpack",
-    "redux"
-  ],
-  "scripts": {
-    "version": "auto-changelog -l false -p --hide-credit && git add CHANGELOG.md",
-    "prepare": "husky"
-  },
-  "engines": {
-    "node": ">=16"
-  },
-  "author": "ayan4m1 <andrew@bulletlogic.com>",
-  "license": "MIT",
-  "dependencies": {
-    "chalk": "^5.3.0",
-    "date-fns": "^3.6.0",
-    "got": "^14.4.1",
-    "gulp-if": "^3.0.0",
-    "gulp-prettier": "^6.0.0",
-    "inquirer": "9.3.5",
-    "inquirer-autocomplete-prompt": "^3.0.1",
-    "jsonfile": "^6.1.0",
-    "mkdirp": "^3.0.1",
-    "spdx-license-ids": "^3.0.18",
-    "yeoman-generator": "^4.13.0",
-    "yeoman-stylelint": "^1.0.0"
-  },
-  "devDependencies": {
-    "@babel/eslint-parser": "^7.24.7",
-    "@babel/plugin-syntax-import-assertions": "^7.24.7",
-    "auto-changelog": "^2.4.0",
-    "eslint": "8.57.0",
-    "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-prettier": "^5.1.3",
-    "husky": "^9.0.11",
-    "lint-staged": "^15.2.7",
-    "postcss": "^8.4.39",
-    "postcss-scss": "^4.0.9",
-    "prettier": "^3.3.2",
-    "stylelint": "^16.6.1",
-    "stylelint-config-recommended": "^14.0.1"
-  }
-}
+{
+  "name": "generator-reackt",
+  "version": "1.0.0",
+  "description": "Create an opinionated React-based web applcication",
+  "type": "module",
+  "files": [
+    "generators",
+    "templates",
+    ".prettierrc",
+    ".stylelintrc"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/ayan4m1/generator-reackt.git"
+  },
+  "keywords": [
+    "yeoman-generator",
+    "generator",
+    "scaffold",
+    "frontend",
+    "react",
+    "webpack"
+  ],
+  "scripts": {
+    "version": "auto-changelog -l false -p --hide-credit && git add CHANGELOG.md",
+    "prepare": "husky",
+    "prepack": "rollup -c",
+    "build": "rollup -c"
+  },
+  "engines": {
+    "node": ">=22"
+  },
+  "publishConfig": {
+    "access": "public",
+    "provenance": true
+  },
+  "author": "ayan4m1 <andrew@bulletlogic.com>",
+  "license": "MIT",
+  "dependencies": {
+    "date-fns": "^3.6.0",
+    "gulp-if": "^3.0.0",
+    "gulp-prettier": "^6.0.0",
+    "jsonfile": "^6.2.1",
+    "mem-fs": "^4.0.0",
+    "mkdirp": "^3.0.1",
+    "spdx-license-ids": "^3.0.23",
+    "yeoman-generator": "^8.3.0",
+    "yeoman-stylelint": "^1.0.0"
+  },
+  "devDependencies": {
+    "@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",
+    "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/.browserslistrc

@@ -1,3 +1,3 @@
-last 2 versions
-not dead
-> 1%
+last 2 versions
+not dead
+> 1%

package/templates/app/.editorconfig

@@ -1,11 +1,11 @@
-root = true
-
-[*]
-indent_style = space
-indent_size = 2
-charset = utf-8
-trim_trailing_whitespace = true
-insert_final_newline = true
-
-[{*.md,*.snap}]
-trim_trailing_whitespace = false
+root = true
+
+[*]
+indent_style = space
+indent_size = 2
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+
+[{*.md,*.snap}]
+trim_trailing_whitespace = false

package/templates/app/.esdoc.json

@@ -1,23 +1,23 @@
-{
-  "source": "./src",
-  "destination": "./docs",
-  "plugins": [
-    {
-      "name": "esdoc-standard-plugin",
-      "option": {
-        "test": {
-          "source": "./src/",
-          "interfaces": ["describe", "it", "context", "suite", "test"],
-          "includes": ["test\\.js$"]
-        }
-      }
-    },
-    { "name": "esdoc-jsx-plugin" },
-    {
-      "name": "esdoc-ecmascript-proposal-plugin",
-      "option": {
-        "all": true
-      }
-    }
-  ]
-}
+{
+  "source": "./src",
+  "destination": "./docs",
+  "plugins": [
+    {
+      "name": "esdoc-standard-plugin",
+      "option": {
+        "test": {
+          "source": "./src/",
+          "interfaces": ["describe", "it", "context", "suite", "test"],
+          "includes": ["test\\.js$"]
+        }
+      }
+    },
+    { "name": "esdoc-jsx-plugin" },
+    {
+      "name": "esdoc-ecmascript-proposal-plugin",
+      "option": {
+        "all": true
+      }
+    }
+  ]
+}

package/templates/app/.lintstagedrc

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

package/templates/app/.prettierrc

@@ -1,5 +1,5 @@
-{
-  "singleQuote": true,
-  "trailingComma": "none",
-  "endOfLine": "auto"
-}
+{
+  "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;