@4399ywkf/cli 1.0.10 → 2.0.1

package/dist/templates/cleanUnusedKeys.ts

@@ -1,344 +0,0 @@
-/* eslint-disable unicorn/prefer-top-level-await */
-import { consola } from 'consola';
-import { colors } from 'consola/utils';
-import * as fs from 'node:fs';
-import * as path from 'node:path';
-
-import { IGNORED_FILES } from './protectedPatterns';
-
-interface UnusedKey {
-  filePath: string;
-  fullKey: string;
-  key: string;
-  namespace: string;
-}
-
-interface ReportData {
-  generatedAt: string;
-  statistics: {
-    totalKeys: number;
-    unusedKeys: number;
-    usageRate: string;
-    usedKeys: number;
-  };
-  unusedKeys: UnusedKey[];
-  unusedKeysByNamespace: Array<{
-    count: number;
-    keys: string[];
-    namespace: string;
-  }>;
-}
-
-/**
- * Remove a key from a nested object
- */
-function removeKeyFromObject(obj: any, keyPath: string): boolean {
-  const keys = keyPath.split('.');
-  const lastKey = keys.pop()!;
-
-  let current = obj;
-  const parents: Array<{ key: string; obj: any }> = [];
-
-  // Navigate to the parent of the target key
-  for (const key of keys) {
-    if (!current[key]) {
-      return false; // Key path doesn't exist
-    }
-    parents.push({ key, obj: current });
-    current = current[key];
-  }
-
-  // Remove the key
-  if (lastKey in current) {
-    delete current[lastKey];
-
-    // Clean up empty parent objects
-    for (let i = parents.length - 1; i >= 0; i--) {
-      const { obj, key } = parents[i];
-      if (Object.keys(obj[key]).length === 0) {
-        delete obj[key];
-      } else {
-        break; // Stop if parent still has other keys
-      }
-    }
-
-    return true;
-  }
-
-  return false;
-}
-
-/**
- * Clean unused keys from TypeScript default locale files
- */
-function cleanDefaultLocaleFiles(unusedKeys: UnusedKey[], dryRun: boolean = true) {
-  const defaultLocalesPath = path.join(process.cwd(), 'src/locales/default');
-
-  // Get ignored namespace names from IGNORED_FILES (remove .ts extension)
-  const ignoredNamespaces = new Set(IGNORED_FILES.map((f) => f.replace('.ts', '')));
-
-  // Group by namespace
-  const byNamespace = new Map<string, string[]>();
-  for (const key of unusedKeys) {
-    // Skip ignored namespaces (from IGNORED_FILES)
-    if (ignoredNamespaces.has(key.namespace)) {
-      continue;
-    }
-
-    if (!byNamespace.has(key.namespace)) {
-      byNamespace.set(key.namespace, []);
-    }
-    byNamespace.get(key.namespace)!.push(key.key);
-  }
-
-  consola.info(`Processing ${byNamespace.size} namespace files...`);
-  consola.info('');
-
-  let totalRemoved = 0;
-
-  for (const [namespace, keys] of byNamespace.entries()) {
-    const filePath = path.join(defaultLocalesPath, `${namespace}.ts`);
-
-    if (!fs.existsSync(filePath)) {
-      consola.warn(`File not found: ${filePath}`);
-      continue;
-    }
-
-    try {
-      // eslint-disable-next-line @typescript-eslint/no-require-imports
-      const loadedModule = require(filePath);
-      const translations = loadedModule.default || loadedModule;
-
-      // Create a deep copy to avoid modifying the original
-      const updatedTranslations = structuredClone(translations);
-
-      let removedCount = 0;
-
-      // Remove each unused key
-      for (const key of keys) {
-        if (removeKeyFromObject(updatedTranslations, key)) {
-          removedCount++;
-          totalRemoved++;
-        }
-      }
-
-      if (removedCount > 0) {
-        consola.info(
-          colors.cyan(namespace.padEnd(20)),
-          colors.gray('→'),
-          colors.red(`${removedCount} keys to remove`),
-        );
-
-        if (!dryRun) {
-          // Generate new content
-          // eslint-disable-next-line @typescript-eslint/no-use-before-define
-          const newContent = generateTypeScriptContent(updatedTranslations);
-
-          // Write back to file
-          fs.writeFileSync(filePath, newContent, 'utf8');
-          consola.success(`  ✓ Updated ${filePath}`);
-        } else {
-          consola.info(`  ${colors.gray('(dry run - no changes made)')}`);
-        }
-      }
-    } catch (error) {
-      consola.error(`Failed to process ${namespace}:`, error);
-    }
-  }
-
-  return totalRemoved;
-}
-
-/**
- * Clean unused keys from JSON locale files
- */
-function cleanLocaleJsonFiles(unusedKeys: UnusedKey[], dryRun: boolean = true) {
-  const localesPath = path.join(process.cwd(), 'locales');
-  const locales = fs
-    .readdirSync(localesPath)
-    .filter((f) => fs.statSync(path.join(localesPath, f)).isDirectory());
-
-  consola.info(`Processing ${locales.length} locale directories...`);
-  consola.info('');
-
-  // Get ignored namespace names from IGNORED_FILES (remove .ts extension)
-  const ignoredNamespaces = new Set(IGNORED_FILES.map((f) => f.replace('.ts', '')));
-
-  // Group by namespace
-  const byNamespace = new Map<string, string[]>();
-  for (const key of unusedKeys) {
-    // Skip ignored namespaces (from IGNORED_FILES)
-    if (ignoredNamespaces.has(key.namespace)) {
-      continue;
-    }
-
-    if (!byNamespace.has(key.namespace)) {
-      byNamespace.set(key.namespace, []);
-    }
-    byNamespace.get(key.namespace)!.push(key.key);
-  }
-
-  let totalRemoved = 0;
-
-  for (const locale of locales) {
-    consola.info(colors.cyan(`Locale: ${locale}`));
-
-    for (const [namespace, keys] of byNamespace.entries()) {
-      const filePath = path.join(localesPath, locale, `${namespace}.json`);
-
-      if (!fs.existsSync(filePath)) {
-        continue;
-      }
-
-      try {
-        const content = fs.readFileSync(filePath, 'utf8');
-        const translations = JSON.parse(content);
-
-        let removedCount = 0;
-
-        // Remove each unused key
-        for (const key of keys) {
-          if (removeKeyFromObject(translations, key)) {
-            removedCount++;
-            totalRemoved++;
-          }
-        }
-
-        if (removedCount > 0) {
-          consola.info(
-            `  ${colors.gray(namespace.padEnd(20))} → ${colors.red(removedCount + ' keys removed')}`,
-          );
-
-          if (!dryRun) {
-            // Write back to file with pretty formatting
-            fs.writeFileSync(filePath, JSON.stringify(translations, null, 2) + '\n', 'utf8');
-          }
-        }
-      } catch (error) {
-        consola.error(`Failed to process ${locale}/${namespace}:`, error);
-      }
-    }
-
-    consola.info('');
-  }
-
-  return totalRemoved;
-}
-
-/**
- * Check if a key needs quotes in TypeScript object notation
- */
-function needsQuotes(key: string): boolean {
-  // Keys that need quotes:
-  // - Contains special characters (-, ., spaces, etc.)
-  // - Starts with a number
-  // - Is a reserved keyword
-  return !/^[$A-Z_a-z][\w$]*$/.test(key);
-}
-
-/**
- * Generate TypeScript file content from object
- */
-function generateTypeScriptContent(obj: any): string {
-  const jsonString = JSON.stringify(obj, null, 2);
-
-  // Convert JSON to TypeScript object notation
-  // Handle keys that need quotes vs those that don't
-  let tsContent = jsonString.replaceAll(/"([^"]+)":/g, (match, key) => {
-    if (needsQuotes(key)) {
-      // Keep quotes for keys with special characters
-      return `'${key}':`;
-    }
-    // Remove quotes for valid identifiers
-    return `${key}:`;
-  });
-
-  // Use single quotes for string values
-  tsContent = tsContent.replaceAll(/: "([^"]*)"/g, ": '$1'");
-
-  return `export default ${tsContent};\n`;
-}
-
-/**
- * Main function
- */
-async function main() {
-  const reportPath = path.join(process.cwd(), 'i18n-unused-keys-report.json');
-
-  // Check if report exists
-  if (!fs.existsSync(reportPath)) {
-    consola.error(
-      `Report file not found: ${reportPath}\n` +
-        'Please run "bun run workflow:i18n-analyze" first to generate the report.',
-    );
-    throw new Error('Report file not found');
-  }
-
-  // Load report
-  const reportContent = fs.readFileSync(reportPath, 'utf8');
-  const report: ReportData = JSON.parse(reportContent);
-
-  consola.box('🧹 Clean Unused i18n Keys');
-  consola.info('');
-
-  // Show statistics
-  consola.info(colors.cyan('Statistics from report:'));
-  consola.info(`  Total keys: ${report.statistics.totalKeys}`);
-  consola.info(`  Used keys: ${report.statistics.usedKeys}`);
-  consola.info(`  Unused keys: ${colors.red(report.statistics.unusedKeys.toString())}`);
-  consola.info(`  Usage rate: ${report.statistics.usageRate}`);
-  consola.info('');
-
-  if (report.unusedKeys.length === 0) {
-    consola.success('No unused keys to clean!');
-    return;
-  }
-
-  // Ask for confirmation
-  const args = process.argv.slice(2);
-  const dryRun = !args.includes('--no-dry-run');
-
-  if (dryRun) {
-    consola.warn('Running in DRY RUN mode - no files will be modified');
-    consola.info('To actually clean the files, run: bun run workflow:i18n-clean --no-dry-run');
-    consola.info('');
-  } else {
-    consola.warn('⚠️  WARNING: This will modify your locale files!');
-    consola.info('Make sure you have committed your changes or have a backup.');
-    consola.info('');
-  }
-
-  // Clean default locale files (TypeScript)
-  consola.box('Step 1: Cleaning default locale files (TypeScript)');
-  const removedFromDefault = cleanDefaultLocaleFiles(report.unusedKeys, dryRun);
-  consola.info('');
-
-  // Clean locale JSON files
-  consola.box('Step 2: Cleaning locale JSON files');
-  const removedFromJson = cleanLocaleJsonFiles(report.unusedKeys, dryRun);
-  consola.info('');
-
-  // Summary
-  consola.box('Summary');
-  consola.info(`Keys marked for removal: ${colors.red(report.unusedKeys.length.toString())}`);
-  consola.info(
-    `Total operations: ${colors.yellow((removedFromDefault + removedFromJson).toString())}`,
-  );
-
-  if (dryRun) {
-    consola.info('');
-    consola.warn('This was a DRY RUN - no files were modified');
-    consola.info('To actually clean the files, run:');
-    consola.info(colors.cyan('  bun run workflow:i18n-clean --no-dry-run'));
-  } else {
-    consola.success('✓ Cleanup completed!');
-    consola.info('');
-    consola.info('Next steps:');
-    consola.info('  1. Review the changes with git diff');
-    consola.info('  2. Run "bun run i18n" to regenerate all locale files');
-    consola.info('  3. Test your application');
-    consola.info('  4. Commit the changes');
-  }
-}
-
-main();

package/dist/templates/color/ColorScales/ScaleRow.tsx

@@ -1,74 +0,0 @@
-import { Space, message } from "antd";
-import React, { memo } from "react";
-import { Flexbox } from "react-layout-kit";
-
-import { copyToClipboard } from "@/utils/copyToClipboard";
-
-import { alphaBg, useStyles } from "./style";
-
-export interface IScaleRow {
-  name: string;
-  scale: string[];
-  title: "light" | "lightA" | "dark" | "darkA";
-}
-
-const ScaleRow = memo<IScaleRow>(({ name, title, scale }) => {
-  const { styles } = useStyles();
-
-  let style = {};
-  let isAlpha = false;
-
-  switch (title) {
-    case "lightA": {
-      style = { background: alphaBg.light, backgroundColor: "#fff" };
-      isAlpha = true;
-      break;
-    }
-    case "darkA": {
-      style = { background: alphaBg.dark, backgroundColor: "#000" };
-      isAlpha = true;
-      break;
-    }
-    default: {
-      break;
-    }
-  }
-
-  return (
-    <Space size={2}>
-      <div className={styles.scaleRowTitle} key={title}>
-        <div className={styles.text}>{title}</div>
-      </div>
-      {scale.map((color, index) => {
-        if (index === 0 || index === 12) return false;
-
-        return (
-          <div
-            className={styles.scaleBox}
-            key={index}
-            onClick={async () => {
-              const content = `token.${name}${index}${
-                isAlpha ? "A" : ""
-              } /* ${color} */`;
-
-              await copyToClipboard(content);
-              message.success(content);
-            }}
-            style={style}
-            title={color}
-          >
-            <Flexbox
-              align={"center"}
-              className={styles.scaleItem}
-              horizontal
-              justify={"center"}
-              style={{ backgroundColor: color }}
-            />
-          </div>
-        );
-      })}
-    </Space>
-  );
-});
-
-export default ScaleRow;

package/dist/templates/color/ColorScales/index.md

@@ -1,168 +0,0 @@
----
-nav: Colors
-title: ColorScales
-description: The ColorScales component is a memoized component used to display a color scale. It receives props containing the name of the scale, the color scale items, and a number representing the index of the mid-highlight. The component renders a set of ScaleRow components, each representing a different part of the color scale.
-apiHeader:
-  atomId: 'colors, neutrals'
-  pkg: '@lobehub/ui/color'
-  docUrl: 'https://github.com/lobehub/lobe-ui/tree/master/src/color/ColorScales/index.md'
-  sourceUrl: 'https://github.com/lobehub/lobe-ui/tree/master/src/color/colors/index.ts'
----
-
-## Primary
-
-```tsx
-import { ColorScales, primary } from '@lobehub/ui/color';
-
-export default () => <ColorScales name="primary" scale={primary} midHighLight={9} />;
-```
-
-## Colors
-
-### Red
-
-```tsx
-import { ColorScales, red } from '@lobehub/ui/color';
-
-export default () => <ColorScales name="red" scale={red} midHighLight={9} />;
-```
-
-### Volcano
-
-```tsx
-import { ColorScales, volcano } from '@lobehub/ui/color';
-
-export default () => <ColorScales name="volcano" scale={volcano} midHighLight={9} />;
-```
-
-### Orange
-
-```tsx
-import { ColorScales, orange } from '@lobehub/ui/color';
-
-export default () => <ColorScales name="orange" scale={orange} midHighLight={9} />;
-```
-
-### Gold
-
-```tsx
-import { ColorScales, gold } from '@lobehub/ui/color';
-
-export default () => <ColorScales name="gold" scale={gold} midHighLight={9} />;
-```
-
-### Yellow
-
-```tsx
-import { ColorScales, yellow } from '@lobehub/ui/color';
-
-export default () => <ColorScales name="yellow" scale={yellow} midHighLight={9} />;
-```
-
-### Lime
-
-```tsx
-import { ColorScales, lime } from '@lobehub/ui/color';
-
-export default () => <ColorScales name="lime" scale={lime} midHighLight={9} />;
-```
-
-### Green
-
-```tsx
-import { ColorScales, green } from '@lobehub/ui/color';
-
-export default () => <ColorScales name="green" scale={green} midHighLight={9} />;
-```
-
-### Cyan
-
-```tsx
-import { ColorScales, cyan } from '@lobehub/ui/color';
-
-export default () => <ColorScales name="cyan" scale={cyan} midHighLight={9} />;
-```
-
-### Blue
-
-```tsx
-import { ColorScales, blue } from '@lobehub/ui/color';
-
-export default () => <ColorScales name="blue" scale={blue} midHighLight={9} />;
-```
-
-### Geekblue
-
-```tsx
-import { ColorScales, geekblue } from '@lobehub/ui/color';
-
-export default () => <ColorScales name="geekblue" scale={geekblue} midHighLight={9} />;
-```
-
-### Purple
-
-```tsx
-import { ColorScales, purple } from '@lobehub/ui/color';
-
-export default () => <ColorScales name="purple" scale={purple} midHighLight={9} />;
-```
-
-### Magenta
-
-```tsx
-import { ColorScales, magenta } from '@lobehub/ui/color';
-
-export default () => <ColorScales name="magenta" scale={magenta} midHighLight={9} />;
-```
-
-## Neutral
-
-### Gray
-
-```tsx
-import { ColorScales, gray } from '@lobehub/ui/color';
-
-export default () => <ColorScales name="gray" scale={gray} midHighLight={9} />;
-```
-
-## Extra Neutral
-
-### Mauve
-
-```tsx
-import { ColorScales, mauve } from '@lobehub/ui/color';
-
-export default () => <ColorScales name="mauve" scale={mauve} midHighLight={9} />;
-```
-
-### Olive
-
-```tsx
-import { ColorScales, olive } from '@lobehub/ui/color';
-
-export default () => <ColorScales name="olive" scale={olive} midHighLight={9} />;
-```
-
-### Sage
-
-```tsx
-import { ColorScales, sage } from '@lobehub/ui/color';
-
-export default () => <ColorScales name="sage" scale={sage} midHighLight={9} />;
-```
-
-### Sand
-
-```tsx
-import { ColorScales, sand } from '@lobehub/ui/color';
-
-export default () => <ColorScales name="sand" scale={sand} midHighLight={9} />;
-```
-
-### Slate
-
-```tsx
-import { ColorScales, slate } from '@lobehub/ui/color';
-
-export default () => <ColorScales name="slate" scale={slate} midHighLight={9} />;
-```

package/dist/templates/color/ColorScales/index.tsx

@@ -1,70 +0,0 @@
-import { Space } from 'antd';
-import React, { memo } from 'react';
-import { Flexbox } from 'react-layout-kit';
-
-import { ColorScaleItem } from '../types';
-import ScaleRow from './ScaleRow';
-import { useStyles } from './style';
-
-export interface ColorScalesProps {
-  /**
-   * @description Index of the mid highlight color in the scale
-   */
-  midHighLight: number;
-  /**
-   * @description Name of the color scale
-   */
-  name: string;
-  /**
-   * @description Color scale item object
-   */
-  scale: ColorScaleItem;
-}
-
-const ColorScales = memo<ColorScalesProps>(({ name, scale, midHighLight }) => {
-  const { styles } = useStyles();
-
-  return (
-    <Flexbox align={'center'} flex={1} horizontal justify={'center'}>
-      <div style={{ padding: '8px 16px 32px 0' }}>
-        <Space direction={'vertical'} size={2}>
-          <Space key="scale-title" size={2}>
-            <Flexbox align={'center'} className={styles.scaleRowTitle} horizontal key="scale-num" />
-            {Array.from({ length: scale.light.length })
-              .fill('')
-              .map((_, index) => {
-                if (index === 0 || index === 12) return false;
-
-                const isMidHighlight = midHighLight === index;
-
-                return (
-                  <div className={styles.scaleBox} key={`num${index}`}>
-                    <div className={styles.scaleBox}>
-                      <Flexbox
-                        align={'center'}
-                        className={styles.scaleItem}
-                        horizontal
-                        justify={'center'}
-                        style={{
-                          fontWeight: isMidHighlight ? 700 : 400,
-                          opacity: 0.5,
-                        }}
-                      >
-                        {index}
-                      </Flexbox>
-                    </div>
-                  </div>
-                );
-              })}
-          </Space>
-          <ScaleRow key="light" name={name} scale={scale.light} title="light" />
-          <ScaleRow key="lightA" name={name} scale={scale.lightA} title="lightA" />
-          <ScaleRow key="dark" name={name} scale={scale.dark} title="dark" />
-          <ScaleRow key="darkA" name={name} scale={scale.darkA} title="darkA" />
-        </Space>
-      </div>
-    </Flexbox>
-  );
-});
-
-export default ColorScales;

package/dist/templates/color/ColorScales/style.ts

@@ -1,42 +0,0 @@
-import { createStyles } from 'antd-style';
-
-export const alphaBg = {
-  dark: 'url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAIAAAD8GO2jAAAABGdBTUEAALGPC/xhBQAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAIKADAAQAAAABAAAAIAAAAACPTkDJAAAAZUlEQVRIDe2VMQoAMAgDa9/g/1/oIzrpZBCh2dLFkkoDF0Fz99OdiOjks+2/7S8fRRmMMIVoRGSoYzvvqF8ZIMKlC1GhQBc6IkPzq32QmdAzkEGihpWOSPsAss8HegYySNSw0hE9WQ4StafZFqkAAAAASUVORK5CYII=) 0% 0% / 26px',
-  light:
-    'url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABGdBTUEAALGPC/xhBQAAAFpJREFUWAntljEKADAIA23p6v//qQ+wfUEcCu1yriEgp0FHRJSJcnehmmWm1Dv/lO4HIg1AAAKjTqm03ea88zMCCEDgO4HV5bS757f+7wRoAAIQ4B9gByAAgQ3pfiDmXmAeEwAAAABJRU5ErkJggg==) 0% 0% / 26px',
-};
-
-export const useStyles = createStyles(({ css, token }) => ({
-  scaleBox: css`
-    cursor: pointer;
-
-    position: relative;
-
-    width: 48px;
-    height: 32px;
-
-    background-position:
-      0 0,
-      0 8px,
-      8px -8px,
-      -8px 0;
-    background-size: 16px 16px;
-
-    transition: scale 400ms ${token.motionEaseOut};
-
-    &:active {
-      scale: 0.8;
-    }
-  `,
-  scaleItem: css`
-    width: 100%;
-    height: 100%;
-  `,
-  scaleRowTitle: css`
-    width: 64px;
-    height: 32px;
-  `,
-  text: css`
-    opacity: 0.5;
-  `,
-}));