@digdir/designsystemet 1.13.2 → 1.14.0

package/dist/src/migrations/codemods/css/plugins.js

@@ -1,46 +1,35 @@
-// src/migrations/codemods/css/plugins.ts
-import hash from "object-hash";
 import pc from "picocolors";
 import * as R from "ramda";
-var printDelete = (text) => console.log(`${pc.red("Deleted:")} ${text}`.replace(/"|'/g, ""));
-var deleteMsg = (decl, from) => `${pc.yellow(from)} @ ${pc.gray(`${JSON.stringify(decl.source?.input.file)}:${decl.source?.start?.line}:${decl.source?.start?.column}`)}`;
-var cssClassRename = (dictionary) => ({
-  postcssPlugin: `Renames CSS classes ${hash(dictionary)}`,
-  Rule(rule) {
-    const selector = rule.selector;
-    if (!selector) return;
-    for (const [from, to] of Object.entries(dictionary)) {
-      if (!selector.includes(from)) return;
-      const newSelector = selector.replace(new RegExp(from, "g"), to);
-      rule.selector = newSelector;
-    }
-  }
+import hash from "object-hash";
+//#region src/migrations/codemods/css/plugins.ts
+const printDelete = (text) => console.log(`${pc.red("Deleted:")} ${text}`.replace(/"|'/g, ""));
+const deleteMsg = (decl, from) => `${pc.yellow(from)} @ ${pc.gray(`${JSON.stringify(decl.source?.input.file)}:${decl.source?.start?.line}:${decl.source?.start?.column}`)}`;
+const cssClassRename = (dictionary) => ({
+	postcssPlugin: `Renames CSS classes ${hash(dictionary)}`,
+	Rule(rule) {
+		const selector = rule.selector;
+		if (!selector) return;
+		for (const [from, to] of Object.entries(dictionary)) {
+			if (!selector.includes(from)) return;
+			rule.selector = selector.replace(new RegExp(from, "g"), to);
+		}
+	}
 });
-var cssVarRename = (dictionary) => ({
-  postcssPlugin: `Replaces CSS variables ${hash(dictionary)}`,
-  Declaration(decl) {
-    const { value, prop } = decl;
-    const deleted = /* @__PURE__ */ new Set();
-    for (const [from, to] of Object.entries(dictionary)) {
-      if (R.isNotEmpty(to)) {
-        if (to === "[delete]") {
-          deleted.add(deleteMsg(decl, from));
-        }
-        if (R.includes(from, value)) {
-          decl.value = value.replace(from, to);
-          continue;
-        }
-        if (R.includes(from, prop) && decl.variable) {
-          decl.prop = prop.replace(from, to);
-        }
-      }
-    }
-    if (deleted.size > 0) {
-      Array.from(deleted).forEach(printDelete);
-    }
-  }
+const cssVarRename = (dictionary) => ({
+	postcssPlugin: `Replaces CSS variables ${hash(dictionary)}`,
+	Declaration(decl) {
+		const { value, prop } = decl;
+		const deleted = /* @__PURE__ */ new Set();
+		for (const [from, to] of Object.entries(dictionary)) if (R.isNotEmpty(to)) {
+			if (to === "[delete]") deleted.add(deleteMsg(decl, from));
+			if (R.includes(from, value)) {
+				decl.value = value.replace(from, to);
+				continue;
+			}
+			if (R.includes(from, prop) && decl.variable) decl.prop = prop.replace(from, to);
+		}
+		if (deleted.size > 0) Array.from(deleted).forEach(printDelete);
+	}
 });
-export {
-  cssClassRename,
-  cssVarRename
-};
+//#endregion
+export { cssClassRename, cssVarRename };

package/dist/src/migrations/codemods/css/run.js

@@ -1,154 +1,23 @@
-// src/migrations/codemods/css/run.ts
+import { dsfs } from "../../../utils/filesystem.js";
 import glob from "fast-glob";
 import postcss from "postcss";
-
-// src/utils/filesystem.ts
-import fs from "fs/promises";
-import path from "path";
-import pc from "picocolors";
-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."));
-    }
-    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/migrations/codemods/css/run.ts
-var runCssCodemod = async ({ plugins = [], globPattern = "./**/*.css" }) => {
-  const processor = postcss(plugins);
-  const transform = async () => {
-    console.log(`Running migration in ${globPattern}`);
-    const files = await glob([globPattern], {
-      ignore: ["**/node_modules/**", "**/dist/**"],
-      // TODO: Not working as expected
-      absolute: true
-    });
-    const filePromises = files.map(async (file) => {
-      if (file.includes("node_modules") || file.includes("dist")) {
-        return;
-      }
-      const contents = await dsfs.readFile(file);
-      const result = await processor.process(contents.toString(), { from: file });
-      await dsfs.writeFile(file, result.css);
-    });
-    await Promise.all(filePromises);
-  };
-  return transform();
-};
-export {
-  runCssCodemod
+//#region src/migrations/codemods/css/run.ts
+const runCssCodemod = async ({ plugins = [], globPattern = "./**/*.css" }) => {
+	const processor = postcss(plugins);
+	const transform = async () => {
+		console.log(`Running migration in ${globPattern}`);
+		const filePromises = (await glob([globPattern], {
+			ignore: ["**/node_modules/**", "**/dist/**"],
+			absolute: true
+		})).map(async (file) => {
+			if (file.includes("node_modules") || file.includes("dist")) return;
+			const contents = await dsfs.readFile(file);
+			const result = await processor.process(contents.toString(), { from: file });
+			await dsfs.writeFile(file, result.css);
+		});
+		await Promise.all(filePromises);
+	};
+	return transform();
 };
+//#endregion
+export { runCssCodemod };

package/dist/src/migrations/color-rename-next49.js

@@ -1,222 +1,46 @@
-// src/migrations/color-rename-next49.ts
-import * as R2 from "ramda";
-
-// src/migrations/codemods/css/plugins.ts
-import hash from "object-hash";
-import pc from "picocolors";
+import { cssVarRename } from "./codemods/css/plugins.js";
+import { runCssCodemod } from "./codemods/css/run.js";
 import * as R from "ramda";
-var printDelete = (text) => console.log(`${pc.red("Deleted:")} ${text}`.replace(/"|'/g, ""));
-var deleteMsg = (decl, from) => `${pc.yellow(from)} @ ${pc.gray(`${JSON.stringify(decl.source?.input.file)}:${decl.source?.start?.line}:${decl.source?.start?.column}`)}`;
-var cssVarRename = (dictionary) => ({
-  postcssPlugin: `Replaces CSS variables ${hash(dictionary)}`,
-  Declaration(decl) {
-    const { value, prop } = decl;
-    const deleted = /* @__PURE__ */ new Set();
-    for (const [from, to] of Object.entries(dictionary)) {
-      if (R.isNotEmpty(to)) {
-        if (to === "[delete]") {
-          deleted.add(deleteMsg(decl, from));
-        }
-        if (R.includes(from, value)) {
-          decl.value = value.replace(from, to);
-          continue;
-        }
-        if (R.includes(from, prop) && decl.variable) {
-          decl.prop = prop.replace(from, to);
-        }
-      }
-    }
-    if (deleted.size > 0) {
-      Array.from(deleted).forEach(printDelete);
-    }
-  }
-});
-
-// src/migrations/codemods/css/run.ts
-import glob from "fast-glob";
-import postcss from "postcss";
-
-// src/utils/filesystem.ts
-import fs from "fs/promises";
-import path from "path";
-import pc2 from "picocolors";
-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(pc2.yellow("FileSystem is already initialized. Ignoring subsequent init call."));
-      return;
-    }
-    if (dry) {
-      console.log(pc2.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: ${pc2.green(this.workingDir)}, outDir: ${pc2.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(`${pc2.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(`${pc2.blue("writeFile")} ${path2}`);
-      return Promise.resolve();
-    }
-    return fs.writeFile(path2, data, { encoding: "utf-8" }).catch((error) => {
-      console.error(pc2.red(`Error writing file: ${path2}`));
-      console.error(pc2.red(error));
-      throw error;
-    });
-  };
-  cp = async (src, dest, filter) => {
-    if (this.dry) {
-      console.log(`${pc2.blue("cp")} ${src} ${dest}`);
-      return Promise.resolve();
-    }
-    return fs.cp(src, dest, { recursive: true, filter });
-  };
-  copyFile = async (src, dest) => {
-    if (this.dry) {
-      console.log(`${pc2.blue("copyFile")} ${src} to ${dest}`);
-      return Promise.resolve();
-    }
-    return fs.copyFile(src, dest);
-  };
-  cleanDir = async (dir) => {
-    if (this.dry) {
-      console.log(`${pc2.blue("cleanDir")} ${dir}`);
-      return Promise.resolve();
-    }
-    console.log(`
-\u{1F525} Cleaning dir ${pc2.red(`${dir.trim()}`)} `);
-    return fs.rm(dir, { recursive: true, force: true });
-  };
-  readFile = async (path2, allowFileNotFound) => {
-    if (this.dry) {
-      console.log(`${pc2.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(`${pc2.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/migrations/codemods/css/run.ts
-var runCssCodemod = async ({ plugins = [], globPattern = "./**/*.css" }) => {
-  const processor = postcss(plugins);
-  const transform = async () => {
-    console.log(`Running migration in ${globPattern}`);
-    const files = await glob([globPattern], {
-      ignore: ["**/node_modules/**", "**/dist/**"],
-      // TODO: Not working as expected
-      absolute: true
-    });
-    const filePromises = files.map(async (file) => {
-      if (file.includes("node_modules") || file.includes("dist")) {
-        return;
-      }
-      const contents = await dsfs.readFile(file);
-      const result = await processor.process(contents.toString(), { from: file });
-      await dsfs.writeFile(file, result.css);
-    });
-    await Promise.all(filePromises);
-  };
-  return transform();
-};
-
-// src/migrations/color-rename-next49.ts
-var replace = (oldTemplate, newTemplate, colors2, placeholder = "[color]") => R2.reduce(
-  (acc, color) => {
-    acc[oldTemplate.replace(placeholder, color)] = newTemplate.replace(placeholder, color);
-    return acc;
-  },
-  {},
-  colors2
-);
-var colors = ["neutral", "accent", "brand1", "brand2", "brand3", "danger", "warning", "success", "info"];
-var color_rename_next49_default = (glob2) => {
-  const renames = {
-    // Background
-    "--ds-color-background-subtle": "--ds-color-background-tinted",
-    ...replace("--ds-color-[color]-background-subtle", "--ds-color-[color]-background-tinted", colors),
-    // Surface
-    "--ds-color-surface-default": "--ds-color-surface-tinted",
-    ...replace("--ds-color-[color]-surface-default", "--ds-color-[color]-surface-tinted", colors),
-    // Contrast
-    "--ds-color-contrast-default": "--ds-color-base-contrast-default",
-    "--ds-color-contrast-subtle": "--ds-color-base-contrast-subtle",
-    ...replace("--ds-color-[color]-contrast-default", "--ds-color-[color]-base-contrast-default", colors),
-    ...replace("--ds-color-[color]-contrast-subtle", "--ds-color-[color]-base-contrast-subtle", colors)
-  };
-  console.log(`Renaming ${Object.keys(renames).length} variables`, renames);
-  return runCssCodemod({
-    globPattern: glob2,
-    plugins: [
-      // https://github.com/digdir/designsystemet/issues/3046
-      cssVarRename(renames)
-    ]
-  });
-};
-export {
-  color_rename_next49_default as default
+//#region src/migrations/color-rename-next49.ts
+/**
+* Replaces placeholders [color] in the given templates with the provided colors.
+*
+* @param {string} oldTemplate - The template string containing the placeholder to be replaced.
+* @param {string} newTemplate - The template string containing the placeholder to be replaced.
+* @param {string[]} colors - An array of color strings to replace the placeholder in the templates.
+* @returns {Record<string, string>} An object mapping the old template with replaced colors to the new template with replaced colors.
+*/
+const replace = (oldTemplate, newTemplate, colors, placeholder = "[color]") => R.reduce((acc, color) => {
+	acc[oldTemplate.replace(placeholder, color)] = newTemplate.replace(placeholder, color);
+	return acc;
+}, {}, colors);
+const colors = [
+	"neutral",
+	"accent",
+	"brand1",
+	"brand2",
+	"brand3",
+	"danger",
+	"warning",
+	"success",
+	"info"
+];
+var color_rename_next49_default = (glob) => {
+	const renames = {
+		"--ds-color-background-subtle": "--ds-color-background-tinted",
+		...replace("--ds-color-[color]-background-subtle", "--ds-color-[color]-background-tinted", colors),
+		"--ds-color-surface-default": "--ds-color-surface-tinted",
+		...replace("--ds-color-[color]-surface-default", "--ds-color-[color]-surface-tinted", colors),
+		"--ds-color-contrast-default": "--ds-color-base-contrast-default",
+		"--ds-color-contrast-subtle": "--ds-color-base-contrast-subtle",
+		...replace("--ds-color-[color]-contrast-default", "--ds-color-[color]-base-contrast-default", colors),
+		...replace("--ds-color-[color]-contrast-subtle", "--ds-color-[color]-base-contrast-subtle", colors)
+	};
+	console.log(`Renaming ${Object.keys(renames).length} variables`, renames);
+	return runCssCodemod({
+		globPattern: glob,
+		plugins: [cssVarRename(renames)]
+	});
 };
+//#endregion
+export { color_rename_next49_default as default };