@digdir/designsystemet 1.12.1 → 1.13.0

package/dist/src/scripts/update-preview-tokens.js

@@ -1,5 +1,4 @@
 // src/scripts/update-preview-tokens.ts
-import path from "path";
 import pc4 from "picocolors";
 
 // ../../designsystemet.config.json
@@ -3143,54 +3142,133 @@ async function processPlatform(options) {
   return processedBuilds;
 }
 
-// src/utils.ts
+// src/utils/filesystem.ts
 import fs from "fs/promises";
+import path from "path";
 import pc3 from "picocolors";
-var mkdir = async (dir, dry) => {
-  if (dry) {
-    console.log(`${pc3.blue("mkdir")} ${dir}`);
-    return Promise.resolve();
-  }
-  const exists = await fs.access(dir, fs.constants.F_OK).then(() => true).catch(() => false);
-  if (exists) {
-    return Promise.resolve();
-  }
-  return fs.mkdir(dir, { recursive: true });
-};
-var writeFile = async (path2, data, dry) => {
-  if (dry) {
-    console.log(`${pc3.blue("writeFile")} ${path2}`);
-    return Promise.resolve();
-  }
-  return fs.writeFile(path2, data, { encoding: "utf-8" }).catch((error) => {
-    console.error(pc3.red(`Error writing file: ${path2}`));
-    console.error(pc3.red(error));
-    throw error;
-  });
-};
-var cleanDir = async (dir, dry) => {
-  if (dry) {
-    console.log(`${pc3.blue("cleanDir")} ${dir}`);
-    return Promise.resolve();
+var FileSystem = class {
+  isInitialized = false;
+  dry = false;
+  verbose = false;
+  /** Default working directory is where the process was started */
+  workingDir = process.cwd();
+  outDir = this.workingDir;
+  /** Initialize the file system */
+  init({ dry, outdir, verbose }) {
+    if (this.isInitialized) {
+      console.warn(pc3.yellow("FileSystem is already initialized. Ignoring subsequent init call."));
+      return;
+    }
+    if (dry) {
+      console.log(pc3.blue("Initializing FileSystem in dry-run mode. No files will be written."));
+    }
+    this.dry = dry ?? false;
+    this.verbose = verbose ?? false;
+    this.outDir = outdir ? path.isAbsolute(outdir) ? outdir : path.join(this.workingDir, outdir) : this.workingDir;
+    if (this.verbose) {
+      console.log(
+        `FileSystem initialized with workingDir: ${pc3.green(this.workingDir)}, outDir: ${pc3.green(this.outDir)}`
+      );
+    }
+    this.isInitialized = true;
   }
-  console.log(`
+  /**
+   * Creates a directory if it does not already exist.
+   *
+   * @param dir - The path of the directory to create.
+   *
+   * @returns A promise that resolves when the operation is complete.
+   * If the directory already exists or `dry` is `true`, the promise resolves immediately.
+   */
+  mkdir = async (dir) => {
+    if (this.dry) {
+      console.log(`${pc3.blue("mkdir")} ${dir}`);
+      return Promise.resolve();
+    }
+    const exists = await fs.access(dir, fs.constants.F_OK).then(() => true).catch(() => false);
+    if (exists) {
+      return Promise.resolve();
+    }
+    return fs.mkdir(dir, { recursive: true });
+  };
+  writeFile = async (path2, data) => {
+    if (this.dry) {
+      console.log(`${pc3.blue("writeFile")} ${path2}`);
+      return Promise.resolve();
+    }
+    return fs.writeFile(path2, data, { encoding: "utf-8" }).catch((error) => {
+      console.error(pc3.red(`Error writing file: ${path2}`));
+      console.error(pc3.red(error));
+      throw error;
+    });
+  };
+  cp = async (src, dest, filter) => {
+    if (this.dry) {
+      console.log(`${pc3.blue("cp")} ${src} ${dest}`);
+      return Promise.resolve();
+    }
+    return fs.cp(src, dest, { recursive: true, filter });
+  };
+  copyFile = async (src, dest) => {
+    if (this.dry) {
+      console.log(`${pc3.blue("copyFile")} ${src} to ${dest}`);
+      return Promise.resolve();
+    }
+    return fs.copyFile(src, dest);
+  };
+  cleanDir = async (dir) => {
+    if (this.dry) {
+      console.log(`${pc3.blue("cleanDir")} ${dir}`);
+      return Promise.resolve();
+    }
+    console.log(`
 \u{1F525} Cleaning dir ${pc3.red(`${dir.trim()}`)} `);
-  return fs.rm(dir, { recursive: true, force: true });
+    return fs.rm(dir, { recursive: true, force: true });
+  };
+  readFile = async (path2, allowFileNotFound) => {
+    if (this.dry) {
+      console.log(`${pc3.blue("readFile")} ${path2}`);
+    }
+    try {
+      return await fs.readFile(path2, "utf-8");
+    } catch (error) {
+      if (allowFileNotFound && error.code === "ENOENT") {
+        return "";
+      }
+      throw error;
+    }
+  };
+  readdir = async (path2) => {
+    if (this.dry) {
+      console.log(`${pc3.blue("readdir")} ${path2}`);
+    }
+    try {
+      return await fs.readdir(path2);
+    } catch (error) {
+      if (error.code === "ENOENT") {
+        return [];
+      }
+      throw error;
+    }
+  };
+  writeFiles = async (files, outDir, log) => {
+    for (const { destination: filename, output } of files) {
+      if (filename) {
+        const filePath = path.join(outDir, filename);
+        const fileDir = path.dirname(filePath);
+        if (log) {
+          console.log(filename);
+        }
+        await this.mkdir(fileDir);
+        await this.writeFile(filePath, output);
+      }
+    }
+  };
 };
+var dsfs = new FileSystem();
 
 // src/scripts/update-preview-tokens.ts
 var OUTDIR = "../../internal/components/src/tokens/design-tokens";
-async function write(files, outDir, dry) {
-  for (const { destination, output } of files) {
-    if (destination) {
-      const filePath = path.join(outDir, destination);
-      const fileDir = path.dirname(filePath);
-      console.log(`Writing file: ${pc4.green(filePath)}`);
-      await mkdir(fileDir, dry);
-      await writeFile(filePath, output, dry);
-    }
-  }
-}
 var toPreviewToken = (tokens) => tokens.map(({ token, formatted }) => {
   const [variable, value] = formatted.split(":");
   return {
@@ -3213,7 +3291,7 @@ var formatTheme = async (themeConfig) => {
     verbose: false,
     buildTokenFormats: {}
   });
-  await cleanDir(OUTDIR, false);
+  await dsfs.cleanDir(OUTDIR);
   console.log(
     buildOptions?.buildTokenFormats ? `
 \u{1F3D7}\uFE0F Start building preview tokens for ${pc4.blue("Designsystemet")}
@@ -3244,15 +3322,14 @@ var formatTheme = async (themeConfig) => {
     console.log(`
 \u{1F4BE} Writing preview tokens`);
     for (const [type, tokens] of Object.entries(tokensGroupedByType)) {
-      write(
+      dsfs.writeFiles(
         [
           {
             destination: `${type}.json`,
             output: JSON.stringify(tokens, null, 2)
           }
         ],
-        OUTDIR,
-        false
+        OUTDIR
       );
     }
     console.log(`

package/dist/src/tokens/build.d.ts

@@ -1,3 +1,4 @@
 import { type BuildOptions } from './process/platform.js';
-export declare const buildTokens: (options: Omit<BuildOptions, "type" | "processed$themes" | "buildTokenFormats">) => Promise<import("./process/platform.js").ProcessReturn>;
+import type { OutputFile } from './types.js';
+export declare const buildTokens: (options: Omit<BuildOptions, "type" | "processed$themes" | "buildTokenFormats">) => Promise<OutputFile[]>;
 //# sourceMappingURL=build.d.ts.map

package/dist/src/tokens/build.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"build.d.ts","sourceRoot":"","sources":["../../../src/tokens/build.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,KAAK,YAAY,EAAmB,MAAM,uBAAuB,CAAC;AAkB3E,eAAO,MAAM,WAAW,GAAU,SAAS,IAAI,CAAC,YAAY,EAAE,MAAM,GAAG,kBAAkB,GAAG,mBAAmB,CAAC,2DAsD/G,CAAC"}
+{"version":3,"file":"build.d.ts","sourceRoot":"","sources":["../../../src/tokens/build.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,KAAK,YAAY,EAAmB,MAAM,uBAAuB,CAAC;AAE3E,OAAO,KAAK,EAAwB,UAAU,EAAE,MAAM,YAAY,CAAC;AAEnE,eAAO,MAAM,WAAW,GAAU,SAAS,IAAI,CAAC,YAAY,EAAE,MAAM,GAAG,kBAAkB,GAAG,mBAAmB,CAAC,0BAuC/G,CAAC"}

package/dist/src/tokens/build.js

@@ -1,47 +1,131 @@
 // src/tokens/build.ts
-import path from "path";
 import pc6 from "picocolors";
 import * as R17 from "ramda";
 
-// src/utils.ts
+// src/utils/filesystem.ts
 import fs from "fs/promises";
+import path from "path";
 import pc from "picocolors";
-var mkdir = async (dir, dry) => {
-  if (dry) {
-    console.log(`${pc.blue("mkdir")} ${dir}`);
-    return Promise.resolve();
-  }
-  const exists = await fs.access(dir, fs.constants.F_OK).then(() => true).catch(() => false);
-  if (exists) {
-    return Promise.resolve();
-  }
-  return fs.mkdir(dir, { recursive: true });
-};
-var writeFile = async (path2, data, dry) => {
-  if (dry) {
-    console.log(`${pc.blue("writeFile")} ${path2}`);
-    return Promise.resolve();
-  }
-  return fs.writeFile(path2, data, { encoding: "utf-8" }).catch((error) => {
-    console.error(pc.red(`Error writing file: ${path2}`));
-    console.error(pc.red(error));
-    throw error;
-  });
-};
-var readFile = async (path2, dry, allowFileNotFound) => {
-  if (dry) {
-    console.log(`${pc.blue("readFile")} ${path2}`);
-    return Promise.resolve("");
-  }
-  try {
-    return await fs.readFile(path2, "utf-8");
-  } catch (error) {
-    if (allowFileNotFound && error.code === "ENOENT") {
-      return "";
+var FileSystem = class {
+  isInitialized = false;
+  dry = false;
+  verbose = false;
+  /** Default working directory is where the process was started */
+  workingDir = process.cwd();
+  outDir = this.workingDir;
+  /** Initialize the file system */
+  init({ dry, outdir, verbose }) {
+    if (this.isInitialized) {
+      console.warn(pc.yellow("FileSystem is already initialized. Ignoring subsequent init call."));
+      return;
+    }
+    if (dry) {
+      console.log(pc.blue("Initializing FileSystem in dry-run mode. No files will be written."));
     }
-    throw error;
+    this.dry = dry ?? false;
+    this.verbose = verbose ?? false;
+    this.outDir = outdir ? path.isAbsolute(outdir) ? outdir : path.join(this.workingDir, outdir) : this.workingDir;
+    if (this.verbose) {
+      console.log(
+        `FileSystem initialized with workingDir: ${pc.green(this.workingDir)}, outDir: ${pc.green(this.outDir)}`
+      );
+    }
+    this.isInitialized = true;
   }
+  /**
+   * Creates a directory if it does not already exist.
+   *
+   * @param dir - The path of the directory to create.
+   *
+   * @returns A promise that resolves when the operation is complete.
+   * If the directory already exists or `dry` is `true`, the promise resolves immediately.
+   */
+  mkdir = async (dir) => {
+    if (this.dry) {
+      console.log(`${pc.blue("mkdir")} ${dir}`);
+      return Promise.resolve();
+    }
+    const exists = await fs.access(dir, fs.constants.F_OK).then(() => true).catch(() => false);
+    if (exists) {
+      return Promise.resolve();
+    }
+    return fs.mkdir(dir, { recursive: true });
+  };
+  writeFile = async (path2, data) => {
+    if (this.dry) {
+      console.log(`${pc.blue("writeFile")} ${path2}`);
+      return Promise.resolve();
+    }
+    return fs.writeFile(path2, data, { encoding: "utf-8" }).catch((error) => {
+      console.error(pc.red(`Error writing file: ${path2}`));
+      console.error(pc.red(error));
+      throw error;
+    });
+  };
+  cp = async (src, dest, filter) => {
+    if (this.dry) {
+      console.log(`${pc.blue("cp")} ${src} ${dest}`);
+      return Promise.resolve();
+    }
+    return fs.cp(src, dest, { recursive: true, filter });
+  };
+  copyFile = async (src, dest) => {
+    if (this.dry) {
+      console.log(`${pc.blue("copyFile")} ${src} to ${dest}`);
+      return Promise.resolve();
+    }
+    return fs.copyFile(src, dest);
+  };
+  cleanDir = async (dir) => {
+    if (this.dry) {
+      console.log(`${pc.blue("cleanDir")} ${dir}`);
+      return Promise.resolve();
+    }
+    console.log(`
+\u{1F525} Cleaning dir ${pc.red(`${dir.trim()}`)} `);
+    return fs.rm(dir, { recursive: true, force: true });
+  };
+  readFile = async (path2, allowFileNotFound) => {
+    if (this.dry) {
+      console.log(`${pc.blue("readFile")} ${path2}`);
+    }
+    try {
+      return await fs.readFile(path2, "utf-8");
+    } catch (error) {
+      if (allowFileNotFound && error.code === "ENOENT") {
+        return "";
+      }
+      throw error;
+    }
+  };
+  readdir = async (path2) => {
+    if (this.dry) {
+      console.log(`${pc.blue("readdir")} ${path2}`);
+    }
+    try {
+      return await fs.readdir(path2);
+    } catch (error) {
+      if (error.code === "ENOENT") {
+        return [];
+      }
+      throw error;
+    }
+  };
+  writeFiles = async (files, outDir, log) => {
+    for (const { destination: filename, output } of files) {
+      if (filename) {
+        const filePath = path.join(outDir, filename);
+        const fileDir = path.dirname(filePath);
+        if (log) {
+          console.log(filename);
+        }
+        await this.mkdir(fileDir);
+        await this.writeFile(filePath, output);
+      }
+    }
+  };
 };
+var dsfs = new FileSystem();
 
 // src/tokens/process/output/declarations.ts
 import pc4 from "picocolors";
@@ -49,11 +133,11 @@ import pc4 from "picocolors";
 // package.json
 var package_default = {
   name: "@digdir/designsystemet",
-  version: "1.12.1",
+  version: "1.13.0",
   description: "CLI for Designsystemet",
   author: "Designsystemet team",
   engines: {
-    node: ">=20 <25"
+    node: ">=20.20.1"
   },
   repository: {
     type: "git",
@@ -117,16 +201,16 @@ var package_default = {
     hsluv: "^1.0.1",
     "object-hash": "^3.0.0",
     picocolors: "^1.1.1",
-    postcss: "^8.5.6",
+    postcss: "^8.5.8",
     ramda: "^0.32.0",
-    "style-dictionary": "^5.3.0",
+    "style-dictionary": "^5.3.3",
     zod: "^4.3.6",
     "zod-validation-error": "^5.0.0"
   },
   devDependencies: {
     "@tokens-studio/types": "0.5.2",
     "@types/chroma-js": "^3.1.2",
-    "@types/node": "^24.10.13",
+    "@types/node": "^24.12.0",
     "@types/object-hash": "^3.0.6",
     "@types/ramda": "^0.31.1",
     tsup: "^8.5.1",
@@ -1695,25 +1779,13 @@ ${fileHeader}
 };
 
 // src/tokens/build.ts
-async function write(files, outDir, dry) {
-  for (const { destination, output } of files) {
-    if (destination) {
-      const filePath = path.join(outDir, destination);
-      const fileDir = path.dirname(filePath);
-      console.log(destination);
-      await mkdir(fileDir, dry);
-      await writeFile(filePath, output, dry);
-    }
-  }
-}
 var buildTokens = async (options) => {
-  const outDir = path.resolve(options.outDir);
-  const tokensDir = path.resolve(options.tokensDir);
-  const $themes = JSON.parse(await readFile(`${tokensDir}/$themes.json`));
+  const tokensDir = options.tokensDir;
+  const $themes = JSON.parse(await dsfs.readFile(`${tokensDir}/$themes.json`));
   const processed$themes = $themes.map(processThemeObject);
   let $designsystemet;
   try {
-    const $designsystemetContent = await readFile(`${tokensDir}/$designsystemet.jsonc`);
+    const $designsystemetContent = await dsfs.readFile(`${tokensDir}/$designsystemet.jsonc`);
     $designsystemet = JSON.parse($designsystemetContent);
   } catch (_error) {
   }
@@ -1721,7 +1793,6 @@ var buildTokens = async (options) => {
 \u{1F3D7}\uFE0F Start building tokens in ${pc6.green(tokensDir)}`);
   const processedBuilds = await processPlatform({
     ...options,
-    outDir,
     tokensDir,
     type: "build",
     processed$themes,
@@ -1740,12 +1811,7 @@ design-tokens: v${$designsystemet.version}` : ""
     const tailwindFiles = createTailwindCSSFiles(cssFiles);
     files = files.concat(tailwindFiles.filter(Boolean));
   }
-  console.log(`
-\u{1F4BE} Writing build to ${pc6.green(outDir)}`);
-  await write(files, outDir, options.dry);
-  console.log(`
-\u2705 Finished building tokens!`);
-  return processedBuilds;
+  return files;
 };
 export {
   buildTokens

package/dist/src/tokens/create/files.d.ts

@@ -0,0 +1,10 @@
+import type { OutputFile, Theme, TokenSets } from '../types.js';
+export declare const stringify: (data: unknown) => string;
+type CreateTokenFilesOptions = {
+    outDir: string;
+    theme: Theme;
+    tokenSets: TokenSets;
+};
+export declare const createTokenFiles: (options: CreateTokenFilesOptions) => Promise<OutputFile[]>;
+export {};
+//# sourceMappingURL=files.d.ts.map

package/dist/src/tokens/create/files.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"files.d.ts","sourceRoot":"","sources":["../../../../src/tokens/create/files.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,UAAU,EAAa,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAK3E,eAAO,MAAM,SAAS,GAAI,MAAM,OAAO,WAAkC,CAAC;AAE1E,KAAK,uBAAuB,GAAG;IAC7B,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,KAAK,CAAC;IACb,SAAS,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAU,SAAS,uBAAuB,0BAoDtE,CAAC"}