opt-in for storefront tokens

digdir · May 22, 2024 · cf47c6c · cf47c6c
1 parent fe47cb9
commit cf47c6c
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 10 deletions.
diff --git a/packages/cli/bin/designsystemet.ts b/packages/cli/bin/designsystemet.ts
@@ -11,14 +11,15 @@ program
   .command('tokens')
   .showHelpAfterError()
   .description('run Designsystemet token builder')
-  .option('-t, --tokens [string]', `Path to ${chalk.blue('design-tokens')}`, 'design-tokens')
-  .option('-o, --out [string]', `Output directory for built ${chalk.blue('design-tokens')}`, 'dist/tokens')
-  .option('-p, --preview')
+  .option('-t, --tokens [string]', `Path to ${chalk.blue('design-tokens')}`, './design-tokens')
+  .option('-o, --out [string]', `Output directory for built ${chalk.blue('design-tokens')}`, './dist/tokens')
+  .option('-p, --preview', 'Generate preview token.ts files', false)
   .action((opts) => {
-    const tokens = typeof opts.tokens === 'string' ? opts.tokens : 'design-tokens';
-    const out = typeof opts.out === 'string' ? opts.out : 'dist/tokens';
+    const tokens = typeof opts.tokens === 'string' ? opts.tokens : './design-tokens';
+    const out = typeof opts.out === 'string' ? opts.out : './dist/tokens';
+    const preview = opts.preview;
     console.log(`Bulding tokens in ${chalk.green(tokens)}`);
-    return run({ tokens, out });
+    return run({ tokens, out, preview });
   });
 
 program

diff --git a/packages/cli/package.json b/packages/cli/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@digdir/designsystemet",
-  "version": "0.0.6",
+  "version": "0.0.8",
   "description": "CLI for Designsystemet",
   "author": "Designsystemet team",
   "repository": {
@@ -15,7 +15,7 @@
   },
   "scripts": {
     "designsystemet": "esno ./bin/designsystemet.ts",
-    "build:tokens": "yarn clean:theme && yarn designsystemet tokens -t ../../design-tokens -o ../../packages/theme/brand",
+    "build:tokens": "yarn clean:theme && yarn designsystemet tokens -p -t ../../design-tokens -o ../../packages/theme/brand",
     "prepublish": "yarn clean && tsc",
     "prepublish:tsup": "yarn clean && tsup src/**/*.ts bin/designsystemet.ts --cjsInterop --shims --format esm",
     "clean": "rimraf dist",

diff --git a/packages/cli/src/tokens/build.ts b/packages/cli/src/tokens/build.ts
@@ -110,6 +110,8 @@ type Options = {
   tokens: string;
   /** Output directoru for built tokens */
   out: string;
+  /** Generate preview tokens */
+  preview: boolean;
 };
 
 const sd = new StyleDictionary();
@@ -147,7 +149,7 @@ export async function run(options: Options): Promise<void> {
           include,
         };
 
-        console.log(config);
+        // console.log(config);
 
         return [`${folderName}: ${fileName}`, config];
       })
@@ -173,7 +175,7 @@ export async function run(options: Options): Promise<void> {
     console.log('🏁 Finished building package tokens!');
   }
 
-  if (storefrontConfigs.length > 0) {
+  if (storefrontConfigs.length > 0 && options.preview) {
     console.log('\n🏗️  Started building storefront tokens…');
     await Promise.all(
       storefrontConfigs.map(async ([name, config]) => {