create-wordpress-theme-ts 1.0.0 → 1.0.2

package/bin/index.js

@@ -1,4 +1,4 @@
-#!/usr/bin/env node
+#!/usr/bin/env node
 
 import { program } from 'commander';
 import inquirer from 'inquirer';
@@ -7,13 +7,43 @@ import ora from 'ora';
 import fs from 'fs-extra';
 import path from 'path';
 import { fileURLToPath } from 'url';
-import { execSync } from 'child_process';
+import { execSync, spawn } from 'child_process';
 
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = path.dirname(__filename);
 
 const TEMPLATE_DIR = path.join(__dirname, '..', 'template');
 
+// Files and directories to ignore when copying the template
+const IGNORED_PATTERNS = [
+  'node_modules',
+  '.git',
+  'dist',
+  '.DS_Store',
+  'Thumbs.db',
+  '*.log',
+  '.eslintcache',
+];
+
+// Filter function to exclude ignored files/directories
+function shouldCopyFile(src) {
+  const basename = path.basename(src);
+
+  for (const pattern of IGNORED_PATTERNS) {
+    // Handle glob patterns with *
+    if (pattern.includes('*')) {
+      const regex = new RegExp('^' + pattern.replace(/\./g, '\\.').replace(/\*/g, '.*') + '$');
+      if (regex.test(basename)) {
+        return false;
+      }
+    } else if (basename === pattern) {
+      return false;
+    }
+  }
+
+  return true;
+}
+
 program
   .name('create-wp-theme-ts')
   .description('Create a new WordPress theme powered by React, TypeScript, and Vite')
@@ -90,7 +120,7 @@ program
     // Copy template files
     const copySpinner = ora('Creating project structure...').start();
     try {
-      await fs.copy(TEMPLATE_DIR, targetDir);
+      await fs.copy(TEMPLATE_DIR, targetDir, { filter: shouldCopyFile });
       copySpinner.succeed('Project structure created');
     } catch (error) {
       copySpinner.fail('Failed to create project structure');
@@ -153,13 +183,31 @@ program
 
     // Install dependencies
     if (!options.skipInstall) {
-      const installSpinner = ora('Installing dependencies (this may take a few minutes)...').start();
+      const installSpinner = ora(
+        'Installing dependencies (this may take a few minutes)...'
+      ).start();
       try {
-        execSync('npm install', { cwd: targetDir, stdio: 'ignore' });
+        await new Promise((resolve, reject) => {
+          const npmInstall = spawn('npm install', {
+            cwd: targetDir,
+            stdio: 'ignore',
+            shell: true,
+          });
+          npmInstall.on('close', (code) => {
+            if (code === 0) {
+              resolve();
+            } else {
+              reject(new Error(`npm install exited with code ${code}`));
+            }
+          });
+          npmInstall.on('error', reject);
+        });
         installSpinner.succeed('Dependencies installed');
       } catch (error) {
         installSpinner.fail('Failed to install dependencies');
-        console.log(chalk.yellow('\nYou can install dependencies manually by running: npm install\n'));
+        console.log(
+          chalk.yellow('\nYou can install dependencies manually by running: npm install\n')
+        );
       }
     }
 
@@ -172,8 +220,12 @@ program
     }
     console.log(chalk.cyan('  npm run dev         # Start development server'));
     console.log(chalk.cyan('  npm run build:prod  # Build for production\n'));
-    console.log(chalk.gray('The production build creates a WordPress theme zip file in the dist/ folder.'));
-    console.log(chalk.gray('Upload it via WordPress Admin > Appearance > Themes > Add New > Upload Theme\n'));
+    console.log(
+      chalk.gray('The production build creates a WordPress theme zip file in the dist/ folder.')
+    );
+    console.log(
+      chalk.gray('Upload it via WordPress Admin > Appearance > Themes > Add New > Upload Theme\n')
+    );
   });
 
 program.parse();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-wordpress-theme-ts",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "description": "CLI tool to scaffold a WordPress theme powered by React, TypeScript, and Vite",
   "type": "module",
   "main": "index.js",

package/template/eslint.config.js

@@ -0,0 +1,71 @@
+import js from '@eslint/js';
+import typescript from '@typescript-eslint/eslint-plugin';
+import tsParser from '@typescript-eslint/parser';
+import react from 'eslint-plugin-react';
+import reactHooks from 'eslint-plugin-react-hooks';
+import prettier from 'eslint-config-prettier';
+
+export default [
+  {
+    ignores: ['node_modules/**', 'dist/**', '*.config.js', '*.config.ts'],
+  },
+  js.configs.recommended,
+  {
+    files: ['**/*.{ts,tsx}'],
+    languageOptions: {
+      parser: tsParser,
+      parserOptions: {
+        ecmaVersion: 'latest',
+        sourceType: 'module',
+        ecmaFeatures: {
+          jsx: true,
+        },
+      },
+      globals: {
+        // Browser globals
+        window: 'readonly',
+        document: 'readonly',
+        console: 'readonly',
+        setTimeout: 'readonly',
+        clearTimeout: 'readonly',
+        setInterval: 'readonly',
+        clearInterval: 'readonly',
+        fetch: 'readonly',
+        URL: 'readonly',
+        HTMLElement: 'readonly',
+        HTMLInputElement: 'readonly',
+        HTMLTextAreaElement: 'readonly',
+        Event: 'readonly',
+        MouseEvent: 'readonly',
+        KeyboardEvent: 'readonly',
+        FormData: 'readonly',
+        Response: 'readonly',
+        Request: 'readonly',
+        Headers: 'readonly',
+        // React global (for JSX types)
+        React: 'readonly',
+      },
+    },
+    plugins: {
+      '@typescript-eslint': typescript,
+      react,
+      'react-hooks': reactHooks,
+    },
+    rules: {
+      ...typescript.configs.recommended.rules,
+      ...react.configs.recommended.rules,
+      ...reactHooks.configs.recommended.rules,
+      'react/react-in-jsx-scope': 'off', // Not needed with React 17+ JSX transform
+      'react/prop-types': 'off', // Using TypeScript for prop validation
+      'no-undef': 'off', // TypeScript handles this
+      '@typescript-eslint/no-unused-vars': ['warn', { argsIgnorePattern: '^_' }],
+      '@typescript-eslint/no-explicit-any': 'off',
+    },
+    settings: {
+      react: {
+        version: 'detect',
+      },
+    },
+  },
+  prettier,
+];