foobara-empty-typescript-react-project-generator 0.1.0 → 0.2.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: d88f0fadc7f0afc451cff43e45176a18e7cf1a9b3f7bf731a6123ff7f702fb1b
-  data.tar.gz: efe8102579f2d61c603365f8c874523eff5cfa1bab1e554763a7a466b5fe2341
+  metadata.gz: 5766d1ac0b265272cc62b2da7fa015890bceb2cce99f9def87d71e7b2eb102a4
+  data.tar.gz: 773f8ead5b569f765f9018e0c69b9131cdc55d6cc606f2cdbf8c951508952fc4
 SHA512:
-  metadata.gz: e7efd4a034de02009d2c62d493550b155b91e690ce80e70ec1f9321b3fb773eceb1ed5662a93584952daf17af131cc007f4ff3cd3219d5f45ea6bf165d7e8a81
-  data.tar.gz: 198dfe37e4f82b40e8bd0040728129a581f1608399f67b606d3fc6eb9bdc33677299ef663cf1447e698d2d33cb627fb94e814236b97805ac169442d1afd52948
+  metadata.gz: c6bb08aa04721d807cfc8af0d19d03d88000d752e62e190becb20737dfd416cc05a31a2faf12305117c0c5766fd8e7e82fb70b7b320ba74a9754a948a53e8505
+  data.tar.gz: b7ea9b1d7f2a04e4e18b8c866ab1148cdeed2fb07a920332fb2a6608d985be7e926c6b5c1acff3211e1ccc9ce44edd8a44767e932ba60ffdb9310317808ad2b2

data/CHANGELOG.md

@@ -1,3 +1,7 @@
+## [0.2.0] - 2026-03-19
+
+- Switch to generating the project with Vite instead of CRA
+
 ## [0.1.0] - 2025-08-22
 
 - Mark as compatible with Foobara 0.1.0

data/src/write_empty_typescript_react_project_to_disk.rb

@@ -54,19 +54,18 @@ module Foobara
         end
 
         def run_pre_generation_tasks
-          run_npx_create_react_app
-          add_necessary_dev_dependencies_for_eslint
-          fix_uncorrectable_lint_violations
+          run_npm_create_vite
+          npm_install
           eslint_fix
           git_init
           git_add_all
-          git_commit_lint_fixes
+          git_commit_initial_setup
         end
 
-        def run_npx_create_react_app
-          puts "created empty project with create-react-app..."
+        def run_npm_create_vite
+          puts "creating empty project with Vite..."
 
-          cmd = "npx create-react-app --template typescript #{empty_typescript_react_project_config.project_dir}"
+          cmd = "npm create vite@latest #{empty_typescript_react_project_config.project_dir} -- --template react-ts"
 
           FileUtils.mkdir_p output_parent_directory
 
@@ -75,16 +74,10 @@ module Foobara
           end
         end
 
-        def add_necessary_dev_dependencies_for_eslint
-          puts "adding dependencies needed for linter to actually work..."
+        def npm_install
+          puts "installing dependencies..."
 
-          cmd = "npm install --save-dev " \
-                "@babel/plugin-proposal-private-property-in-object@^7.21.11 " \
-                "@eslint/create-config@^0.4.6 " \
-                "eslint-config-standard-with-typescript@^37.0.0 " \
-                "eslint-plugin-n@^16.5.0 " \
-                "eslint-plugin-promise@^6.1.1 " \
-                "typescript@^4.0.0 "
+          cmd = "npm install"
 
           Dir.chdir project_directory do
             run_cmd_and_write_output(cmd)
@@ -104,18 +97,10 @@ module Foobara
           end
         end
 
-        def fix_uncorrectable_lint_violations
-          Dir.chdir(project_directory) do
-            web_vitals_contents = File.read("src/reportWebVitals.ts")
-            web_vitals_contents.gsub!("if (onPerfEntry && ", "if (onPerfEntry != null && ")
-            File.write("src/reportWebVitals.ts", web_vitals_contents)
-          end
-        end
-
         def eslint_fix
           puts "linting..."
 
-          cmd = "npx eslint 'src/**/*.{js,jsx,ts,tsx}' --fix"
+          cmd = "npx eslint . --fix"
           Dir.chdir project_directory do
             run_cmd_and_write_output(cmd)
           end
@@ -137,8 +122,8 @@ module Foobara
           end
         end
 
-        def git_commit_lint_fixes
-          cmd = "git commit -m 'Make project work with eslint and eslint --fix everything'"
+        def git_commit_initial_setup
+          cmd = "git commit -m 'Initial Vite project with react-ts template'"
 
           Dir.chdir project_directory do
             run_cmd_and_write_output(cmd, raise_if_fails: false)

data/templates/.github/workflows/tests.yml

@@ -3,16 +3,17 @@ on: push
 jobs:
   tests:
     runs-on: ubuntu-latest
-    name: run test suite
+    name: build and lint
     steps:
-      - uses: actions/checkout@v2
+      - uses: actions/checkout@v4
       - name: Use Node.js
         if: always()
-        uses: actions/setup-node@v2
+        uses: actions/setup-node@v4
         with:
-          # how to grab this from .nvmrc??
-          node-version: "20.9"
+          node-version: "20"
       - name: Install dependencies
         run: npm install
-      - name: Run test
-        run: npm run test
+      - name: Lint
+        run: npm run lint
+      - name: Build
+        run: npm run build

data/templates/eslint.config.js

@@ -0,0 +1,30 @@
+import js from '@eslint/js'
+import globals from 'globals'
+import reactHooks from 'eslint-plugin-react-hooks'
+import reactRefresh from 'eslint-plugin-react-refresh'
+import tseslint from 'typescript-eslint'
+import { defineConfig, globalIgnores } from 'eslint/config'
+
+export default defineConfig([
+  globalIgnores(['dist']),
+  {
+    files: ['**/*.{ts,tsx}'],
+    extends: [
+      js.configs.recommended,
+      tseslint.configs.recommended,
+      reactHooks.configs.flat.recommended,
+      reactRefresh.configs.vite,
+    ],
+    languageOptions: {
+      ecmaVersion: 2020,
+      globals: globals.browser,
+    },
+  },
+  {
+    files: ['src/domains/**/*.{ts,tsx}'],
+    rules: {
+      '@typescript-eslint/no-explicit-any': 'off',
+      '@typescript-eslint/prefer-as-const': 'off',
+    },
+  },
+])

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: foobara-empty-typescript-react-project-generator
 version: !ruby/object:Gem::Version
-  version: 0.1.0
+  version: 0.2.0
 platform: ruby
 authors:
 - Miles Georgi
@@ -60,9 +60,8 @@ files:
 - src/generate_empty_typescript_react_project.rb
 - src/write_empty_typescript_react_project_to_disk.rb
 - templates/.env
-- templates/.eslintrc.js
 - templates/.github/workflows/tests.yml
-- templates/tsconfig.json
+- templates/eslint.config.js
 homepage: https://github.com/foobara/generators-empty-typescript-react-project-generator
 licenses:
 - Apache-2.0

data/templates/.eslintrc.js

@@ -1,45 +0,0 @@
-module.exports = {
-    "env": {
-        "browser": true,
-        "es2021": true
-    },
-    "extends": [
-        "standard-with-typescript",
-        "plugin:react/recommended"
-    ],
-    "overrides": [
-        {
-            "env": {
-                "node": true
-            },
-            "files": [
-                ".eslintrc.{js,cjs}"
-            ],
-            "parserOptions": {
-                "sourceType": "script"
-            }
-        }
-    ],
-    parser: '@typescript-eslint/parser',
-    "parserOptions": {
-        "ecmaVersion": "latest",
-        project: ['./tsconfig.json'],
-        "sourceType": "module"
-    },
-    "plugins": [
-        "react"
-    ],
-    settings: {
-        react: {
-            version: "detect"
-        },
-    },
-    "rules": {
-        "@typescript-eslint/explicit-function-return-type": "off",
-        "@typescript-eslint/triple-slash-reference": "off",
-        "@typescript-eslint/explicit-function-return-type": "off",
-        "@typescript-eslint/no-floating-promises": "off",
-        "react/jsx-indent" : ["error", 2],
-        "react/jsx-indent-props": ["error", 2]
-    }
-}

data/templates/tsconfig.json

@@ -1,26 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "es6",
-    "lib": [
-      "dom",
-      "dom.iterable",
-      "esnext"
-    ],
-    "allowJs": true,
-    "skipLibCheck": true,
-    "esModuleInterop": true,
-    "allowSyntheticDefaultImports": true,
-    "strict": true,
-    "forceConsistentCasingInFileNames": true,
-    "noFallthroughCasesInSwitch": true,
-    "module": "CommonJS",
-    "moduleResolution": "node",
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "noEmit": true,
-    "jsx": "react-jsx"
-  },
-  "include": [
-    "src"
-  ]
-}