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]) => {