feat: add the ability to generate theme from elements with specific p…

…refix

theme/theme-cli/src/index.ts

@@ -11,6 +11,7 @@ logger.heading = 'figma-theme' as string
     value.split(',').map((page) => page.replace('-', ':')))
   .option('--included-pages <includedPages>', 'Included pages', (value) =>
     value.split(',').map((page) => page.replace('-', ':')))
+  .option('--prefix <prefix>', 'Prefix for components')
   .arguments('<fileId>')
   .parse(process.argv)
 
@@ -34,7 +35,13 @@ if (!fileId) {
     // eslint-disable-next-line dot-notation
     process.env['FIGMA_TOKEN'] = id
     readline.close()
-    run(fileId, (program as any).output, options.ignoredPages, options.includedPages)
+    run(
+      fileId,
+      (program as any).output,
+      options.ignoredPages,
+      options.includedPages,
+      options.prefix
+    )
       .then(() => logger.info('Theme successful generated'))
       .catch((error) => logger.error(error.message))
   })

theme/theme-cli/src/run.ts

@@ -3,12 +3,12 @@ import { FileResponse }    from 'figma-js'
 import { FigmaFileLoader } from '@atls/figma-file-loader'
 import { FigmaTheme }      from '@atls/figma-theme'
 
-export const run = async (fileId, output, ignoredPages, includedPages) => {
+export const run = async (fileId, output, ignoredPages, includedPages, prefix) => {
   const loader = new FigmaFileLoader()
 
   const file: FileResponse = await loader.load(fileId)
 
-  const theme = new FigmaTheme(file, output, ignoredPages, includedPages)
+  const theme = new FigmaTheme(file, output, ignoredPages, includedPages, prefix)
 
   await theme.generate()
 }

theme/theme/package.json

@@ -19,6 +19,7 @@
     "@atls/figma-theme-line-heights-generator": "workspace:*",
     "@atls/figma-theme-radii-generator": "workspace:*",
     "@atls/figma-theme-shadows-generator": "workspace:*",
+    "@atls/figma-utils": "workspace:*",
     "figma-js": "1.16.1-0",
     "prettier": "2.8.8"
   },