@auto-engineer/design-system-importer 0.13.3 → 0.15.0

package/package.json

@@ -15,22 +15,18 @@
   "dependencies": {
     "figma-api": "2.0.2-beta",
     "tsx": "^3.12.7",
-    "@auto-engineer/message-bus": "0.13.3"
+    "@auto-engineer/message-bus": "0.15.0"
   },
   "devDependencies": {
-    "@auto-engineer/cli": "0.13.3"
+    "@auto-engineer/cli": "0.15.0"
   },
-  "version": "0.13.3",
+  "version": "0.15.0",
   "scripts": {
     "start": "tsx src/index.ts",
     "build": "tsc && tsx ../../scripts/fix-esm-imports.ts && cp -r src/utils/templates dist/src/utils/",
     "test": "vitest run --reporter=dot",
     "test:coverage": "vitest run --coverage",
-    "lint": "eslint 'src/**/*.ts' --max-warnings 0 --config ../../eslint.config.ts",
     "type-check": "tsc --noEmit",
-    "format": "prettier --write \"**/*.{js,ts,json,md,yml,yaml}\" --ignore-path ../../.prettierignore --log-level warn",
-    "lint:fix": "eslint 'src/**/*.ts' --fix --config ../../eslint.config.ts",
-    "format:fix": "prettier --write \"**/*.{js,ts,json,md,yml,yaml}\" --ignore-path ../../.prettierignore --log-level warn",
     "link:dev": "pnpm build && pnpm link --global",
     "unlink:dev": "pnpm unlink --global"
   }

package/src/FigmaComponentsBuilder.ts

@@ -1,6 +1,6 @@
+import createDebug from 'debug';
 import * as dotenv from 'dotenv';
 import * as Figma from 'figma-api';
-import createDebug from 'debug';
 
 const debug = createDebug('auto:design-system-importer:figma-builder');
 const debugComponents = createDebug('auto:design-system-importer:figma-builder:components');

package/src/commands/import-design-system.ts

@@ -1,7 +1,7 @@
-import { type Command, type Event, defineCommandHandler } from '@auto-engineer/message-bus';
-import { importDesignSystemComponentsFromFigma, ImportStrategy, type FilterFunctionType } from '../index';
-import { FilterLoader } from '../utils/FilterLoader';
+import { type Command, defineCommandHandler, type Event } from '@auto-engineer/message-bus';
 import createDebug from 'debug';
+import { type FilterFunctionType, ImportStrategy, importDesignSystemComponentsFromFigma } from '../index';
+import { FilterLoader } from '../utils/FilterLoader';
 
 const debug = createDebug('auto:design-system-importer:command');
 const debugFilter = createDebug('auto:design-system-importer:command:filter');
@@ -37,6 +37,7 @@ export const commandHandler = defineCommandHandler<
   (command: ImportDesignSystemCommand) => Promise<DesignSystemImportedEvent | DesignSystemImportFailedEvent>
 >({
   name: 'ImportDesignSystem',
+  displayName: 'Import Design System',
   alias: 'import:design-system',
   description: 'Import Figma design system',
   category: 'import',
@@ -56,7 +57,10 @@ export const commandHandler = defineCommandHandler<
   examples: [
     '$ auto import:design-system --output-dir=./.context --strategy=WITH_COMPONENT_SETS --filter-path=./shadcn-filter.ts',
   ],
-  events: ['ImportDesignSystemCompleted', 'ImportDesignSystemFailed'],
+  events: [
+    { name: 'ImportDesignSystemCompleted', displayName: 'Design System Imported' },
+    { name: 'ImportDesignSystemFailed', displayName: 'Design System Import Failed' },
+  ],
   handle: async (command: Command): Promise<DesignSystemImportedEvent | DesignSystemImportFailedEvent> => {
     const typedCommand = command as ImportDesignSystemCommand;
     debug('CommandHandler executing for ImportDesignSystem');

package/src/figma-api.ts

@@ -1,6 +1,6 @@
+import createDebug from 'debug';
 import * as dotenv from 'dotenv';
 import * as Figma from 'figma-api';
-import createDebug from 'debug';
 
 dotenv.config();
 

package/src/figma-importer.ts

@@ -1,7 +1,7 @@
-import * as path from 'path';
-import * as fs from 'fs/promises';
+import * as fs from 'node:fs/promises';
+import * as path from 'node:path';
 import createDebug from 'debug';
-import { type FilterFunctionType } from './FigmaComponentsBuilder.js';
+import type { FilterFunctionType } from './FigmaComponentsBuilder.js';
 import { generateMarkdownFromComponents } from './markdown-generator.js';
 
 const debug = createDebug('auto:design-system-importer');

package/src/file-operations.ts

@@ -1,5 +1,5 @@
-import * as path from 'path';
-import * as fs from 'fs/promises';
+import * as fs from 'node:fs/promises';
+import * as path from 'node:path';
 import createDebug from 'debug';
 
 const debugFiles = createDebug('auto:design-system-importer:files');

package/src/index.ts

@@ -1,8 +1,9 @@
 // Barrel exports
-export { generateDesignSystemMarkdown } from './markdown-generator.js';
-export { copyDesignSystemDocsAndUserPreferences } from './file-operations.js';
-export { importDesignSystemComponentsFromFigma, ImportStrategy } from './figma-importer.js';
+
 export type { FilterFunctionType } from './FigmaComponentsBuilder.js';
+export { ImportStrategy, importDesignSystemComponentsFromFigma } from './figma-importer.js';
+export { copyDesignSystemDocsAndUserPreferences } from './file-operations.js';
+export { generateDesignSystemMarkdown } from './markdown-generator.js';
 
 // Command exports
 import importDesignSystemHandler from './commands/import-design-system.js';

package/src/markdown-generator.ts

@@ -1,5 +1,5 @@
-import * as path from 'path';
-import * as fs from 'fs/promises';
+import * as fs from 'node:fs/promises';
+import * as path from 'node:path';
 import createDebug from 'debug';
 import { getAllTsxFiles, getComponentNameFromFile } from './file-operations.js';
 

package/src/utils/FilterLoader.ts

@@ -1,10 +1,10 @@
-import { extname, resolve as resolvePath, dirname, join } from 'path';
-import { pathToFileURL, fileURLToPath } from 'url';
-import { existsSync, readFileSync, writeFileSync, mkdtempSync, rmSync } from 'fs';
-import { spawnSync } from 'child_process';
-import { tmpdir } from 'os';
-import type { FilterFunctionType } from '../FigmaComponentsBuilder';
+import { spawnSync } from 'node:child_process';
+import { existsSync, mkdtempSync, readFileSync, rmSync, writeFileSync } from 'node:fs';
+import { tmpdir } from 'node:os';
+import { dirname, extname, join, resolve as resolvePath } from 'node:path';
+import { fileURLToPath, pathToFileURL } from 'node:url';
 import createDebug from 'debug';
+import type { FilterFunctionType } from '../FigmaComponentsBuilder';
 
 const debug = createDebug('auto:design-system-importer:filter-loader');
 const debugLoad = createDebug('auto:design-system-importer:filter-loader:load');
@@ -181,7 +181,7 @@ export class FilterLoader {
           debugStrategy('Successfully parsed filter code, creating function');
           // Create a function from the filter code
           // eslint-disable-next-line @typescript-eslint/no-implied-eval, @typescript-eslint/no-unsafe-call
-          const filter = new Function('return ' + output.filterCode)() as FilterFunctionType;
+          const filter = new Function(`return ${output.filterCode}`)() as FilterFunctionType;
           debugStrategy('Filter function created successfully');
           return filter;
         }

package/src/utils/templates/tsx-export.mjs

@@ -5,13 +5,17 @@ const filter = filterModule.filter || filterModule.default;
 
 if (typeof filter === 'function') {
   // Output the filter as a module we can import
-  console.log(JSON.stringify({
-    success: true,
-    filterCode: filter.toString()
-  }));
+  console.log(
+    JSON.stringify({
+      success: true,
+      filterCode: filter.toString(),
+    }),
+  );
 } else {
-  console.log(JSON.stringify({
-    success: false,
-    error: 'No filter function found'
-  }));
-}
+  console.log(
+    JSON.stringify({
+      success: false,
+      error: 'No filter function found',
+    }),
+  );
+}

package/src/utils/templates/tsx-final-loader.mjs

@@ -7,4 +7,4 @@ register('tsx', import.meta.url);
 const filterModule = await import('__FILTER_PATH__');
 
 // Export the filter function
-export const filter = filterModule.filter || filterModule.default;
+export const filter = filterModule.filter || filterModule.default;

package/src/utils/templates/tsx-loader.mjs

@@ -1,13 +1,12 @@
-import { register } from 'node:module';
+import { createRequire, register } from 'node:module';
 import { pathToFileURL } from 'node:url';
-import { createRequire } from 'node:module';
 
 // Try to find and register tsx
 try {
   // First try to find tsx in the project's node_modules
   const require = createRequire(import.meta.url);
   let tsxPath;
-  
+
   try {
     // Try to resolve tsx from the current working directory
     tsxPath = require.resolve('tsx/esm/api', { paths: [process.cwd()] });
@@ -20,7 +19,7 @@ try {
       tsxPath = require.resolve('tsx');
     }
   }
-  
+
   // Import tsx and register it
   const tsx = await import(tsxPath);
   if (tsx.register) {
@@ -45,4 +44,4 @@ if (typeof filter !== 'function') {
 }
 
 // Export it so we can use it
-export { filter };
+export { filter };

package/src/utils/templates/tsx-wrapper.mjs

@@ -1,15 +1,17 @@
 #!/usr/bin/env node
 // This script tests if the filter can be loaded and executed
-import('__FILTER_PATH__').then(module => {
-  const filter = module.filter || module.default;
-  if (typeof filter === 'function') {
-    // Test it works
-    filter({ name: 'test', type: 'COMPONENT', children: [] });
-    process.exit(0);
-  } else {
+import('__FILTER_PATH__')
+  .then((module) => {
+    const filter = module.filter || module.default;
+    if (typeof filter === 'function') {
+      // Test it works
+      filter({ name: 'test', type: 'COMPONENT', children: [] });
+      process.exit(0);
+    } else {
+      process.exit(1);
+    }
+  })
+  .catch((err) => {
+    console.error(err);
     process.exit(1);
-  }
-}).catch(err => {
-  console.error(err);
-  process.exit(1);
-});
+  });