jamespot-react-components 1.3.67 → 1.3.69

package/eslint.config.js

@@ -1,102 +0,0 @@
-import js from '@eslint/js';
-import prettierConfig from 'eslint-config-prettier';
-import importPlugin from 'eslint-plugin-import';
-import reactPlugin from 'eslint-plugin-react';
-import reactHooksPlugin from 'eslint-plugin-react-hooks';
-import storybookPlugin from 'eslint-plugin-storybook';
-import globals from 'globals';
-import ts from 'typescript-eslint';
-import * as customPlugin from './eslint-plugin-custom/index.js';
-
-export default [
-    {
-        ignores: ['coverage/**', 'dist/**', 'eslint-plugin-custom/**', 'eslint.config.js', 'node_modules/**'],
-    },
-    js.configs.recommended,
-    ...ts.configs.recommended,
-    {
-        files: ['**/*.{ts,tsx}'],
-        languageOptions: {
-            parser: ts.parser,
-            globals: {
-                ...globals.browser,
-                ...globals.node,
-                ...globals.jest,
-            },
-            parserOptions: {
-                project: ['./tsconfig.json', './.storybook/tsconfig.json'],
-                ecmaVersion: 2024,
-                sourceType: 'module',
-            },
-        },
-        plugins: {
-            '@typescript-eslint': ts.plugin,
-            react: reactPlugin,
-            'react-hooks': reactHooksPlugin,
-            storybook: storybookPlugin,
-            import: importPlugin,
-            custom: customPlugin,
-        },
-        rules: {
-            ...ts.configs.recommended.rules,
-            ...reactPlugin.configs.recommended.rules,
-            ...reactHooksPlugin.configs.recommended.rules,
-            ...storybookPlugin.configs.recommended.rules,
-            'custom/no-barrel-imports': 'error',
-            'import/no-duplicates': 'error',
-            'import/no-cycle': 'error',
-            'import/no-unresolved': 'error',
-            'no-console': ['error', { allow: ['warn', 'error'] }],
-            'no-restricted-imports': [
-                'error',
-                {
-                    patterns: [
-                        {
-                            group: ['src/*'],
-                            message: 'Use relative import (./ ou ../)',
-                        },
-                    ],
-                },
-            ],
-            'react/react-in-jsx-scope': 'off',
-            'react-hooks/refs': 'warn',
-            'react-hooks/set-state-in-effect': 'warn',
-            '@typescript-eslint/ban-ts-comment': [
-                'error',
-                {
-                    'ts-ignore': 'allow-with-description',
-                },
-            ],
-            '@typescript-eslint/ban-types': 'off',
-            '@typescript-eslint/no-empty-interface': 'off',
-            '@typescript-eslint/no-explicit-any': 'warn',
-            '@typescript-eslint/no-empty-object-type': 'warn',
-            '@typescript-eslint/no-namespace': 'off',
-            '@typescript-eslint/no-unused-expressions': 'error',
-            '@typescript-eslint/no-unused-vars': [
-                'error',
-                {
-                    argsIgnorePattern: '^_',
-                    varsIgnorePattern: '^_',
-                    caughtErrorsIgnorePattern: '^_',
-                },
-            ],
-            '@typescript-eslint/prefer-nullish-coalescing': 'error',
-            '@typescript-eslint/prefer-optional-chain': 'error',
-            '@typescript-eslint/prefer-as-const': 'error',
-        },
-        settings: {
-            react: {
-                version: 'detect',
-                jsxRuntime: 'automatic',
-            },
-            'import/resolver': {
-                typescript: {
-                    alwaysTryTypes: true,
-                    project: './tsconfig.json',
-                },
-            },
-        },
-    },
-    prettierConfig,
-];

package/scripts/generate.ts

@@ -1,121 +0,0 @@
-/* eslint-disable no-console */
-import fs from 'fs';
-import path from 'path';
-
-// Lightweight arg parsing
-const args = process.argv.slice(2);
-if (args.length < 2) {
-    console.error('Usage: npx tsx generate.ts <stories> <path-to-component>');
-    process.exit(1);
-}
-
-const mode = args[0];
-const targetPath = args[1];
-
-const OPENAI_API_KEY = process.env.OPENAI_API_KEY;
-if (!OPENAI_API_KEY) {
-    console.error('Please set OPENAI_API_KEY in environment.');
-    process.exit(1);
-}
-
-const MODEL = process.env.OPENAI_MODEL ?? 'gpt-4o-mini';
-
-function readFileOrThrow(p: string) {
-    try {
-        return fs.readFileSync(p, 'utf8');
-    } catch (err) {
-        console.error(`Cannot read file ${p}`, err);
-        process.exit(1);
-    }
-}
-
-async function callOpenAI(prompt: string) {
-    const body = {
-        model: MODEL,
-        messages: [{ role: 'user', content: prompt }],
-        temperature: 0.0,
-        max_tokens: 2000,
-    };
-
-    const res = await fetch('https://api.openai.com/v1/chat/completions', {
-        method: 'POST',
-        headers: {
-            'Content-Type': 'application/json',
-            Authorization: `Bearer ${OPENAI_API_KEY}`,
-        },
-        body: JSON.stringify(body),
-    });
-
-    if (!res.ok) {
-        const text = await res.text();
-        throw new Error(`OpenAI API error: ${res.status} ${text}`);
-    }
-    const json = await res.json();
-    return json.choices[0].message.content as string;
-}
-
-async function generateStoriesForComponent(componentFilePath: string, storiesFilePath?: string) {
-    const compText = readFileOrThrow(componentFilePath);
-    let prompt;
-    if (storiesFilePath && fs.existsSync(storiesFilePath)) {
-        const storiesText = readFileOrThrow(storiesFilePath);
-        prompt = `Tu es un assistant qui transforme des fichiers Storybook (.stories.tsx) et qui y ajoute des tests (play) pour un composant React.\n\n
-                    Composant:\n\n
-                    ${compText}\n\n
-                    Storybook Stories:\n\n
-                    ${storiesText}\n\n
-                    Part du fichier de stories :\n
-                    - Change les meta (pour rajouter le tags: ['testing'] et aussi changer le title basé sur le chemin avec comme prefix generate/),\n
-                    - complete les stories s'il manque de la couverture de props clés,\n
-                    - pour chaque story une fonction 'play' qui teste le comportement (getByRole/getByText, userEvent, expect),\n
-                    - imports nécessaires (storybook/test, action, etc.),\n
-                    - parameters: { mode: 'test' } pour les stories de test.\n\n
-                    - le code/commentaire doivent être en anglais.\n\n
-                    Fournis uniquement le contenu du fichier .stories.tsx sans explications sans zone de code "\`\`\`tsx" ton résultat doit pouvoir être sauvegarder dans le fichier directement sans transformation.`;
-    } else {
-        prompt = `Tu es un assistant qui génère des fichiers Storybook (.stories.tsx) avec tests (play) pour un composant React.\n\n
-                    Composant:\n\n
-                    ${compText}\n\n
-                    Génère un fichier .stories.tsx complet qui expose :\n
-                    - un export default meta (title basé sur le chemin),\n
-                    - au moins 2-4 stories pertinentes couvrant props clés (args),\n
-                    - pour chaque story une fonction 'play' qui teste le comportement (getByRole/getByText, userEvent, expect),\n
-                    - imports nécessaires (storybook/test, action, etc.),\n
-                    - parameters: { mode: 'test' } pour les stories de test.\n\n
-                    - le code/commentaire doivent être en anglais.\n\n
-                    Fournis uniquement le contenu du fichier .stories.tsx sans explications sans zone de code "\`\`\`tsx" ton résultat doit pouvoir être sauvegarder dans le fichier directement sans transformation.`;
-    }
-    const storiesSampleText = readFileOrThrow('../src/components/JRCButton/JRCButton.stories.tsx');
-    prompt += `\n\n
-                    Le fichier de stories doit être compatible avec Storybook 7.0 et React 18\n\n
-                    Voici un exemple de fichier de stories qu'on souhaite:\n\n
-                    ${storiesSampleText}
-                `;
-    return await callOpenAI(prompt);
-}
-
-async function modeStories(componentFilePath: string) {
-    const abs = path.resolve(componentFilePath);
-    const dir = path.dirname(abs);
-    const base = path.basename(abs).replace(/\.tsx?$/, '');
-    const storiesFilePath = path.join(dir, `${base}.stories.tsx`);
-
-    console.log('Generating .stories.tsx for', abs);
-    const storiesText = await generateStoriesForComponent(componentFilePath, storiesFilePath);
-
-    fs.writeFileSync(storiesFilePath, storiesText, 'utf8');
-    console.log(`Wrote story file to ${storiesFilePath}`);
-}
-
-(async () => {
-    try {
-        if (mode === 'stories') await modeStories(targetPath);
-        else {
-            console.error('Unknown mode. Use `stories`');
-            process.exit(1);
-        }
-    } catch (err: any) {
-        console.error('Error:', err.message ?? err);
-        process.exit(1);
-    }
-})();