@digdir/designsystemet 1.0.2 → 1.0.4

package/dist/src/migrations/beta-to-v1.js

@@ -1,7 +1,88 @@
-import { cssClassRename, cssVarRename } from "./codemods/css/plugins.js";
-import { runCssCodemod } from "./codemods/css/run.js";
-var beta_to_v1_default = (glob) => runCssCodemod({
-  globPattern: glob,
+// src/migrations/codemods/css/plugins.ts
+import chalk from "chalk";
+import hash from "object-hash";
+import * as R from "ramda";
+var printDelete = (text) => console.log(`${chalk.red("Deleted:")} ${text}`.replace(/"|'/g, ""));
+var deleteMsg = (decl, from) => `${chalk.yellow(from)} @ ${chalk.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;
+    }
+  }
+});
+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 fs2 from "node:fs";
+import glob from "fast-glob";
+import postcss from "postcss";
+
+// src/utils.ts
+import fs from "node:fs/promises";
+import chalk2 from "chalk";
+var readFile = async (path, dry) => {
+  if (dry) {
+    console.log(`${chalk2.blue("readFile")} ${path}`);
+    return Promise.resolve("");
+  }
+  return fs.readFile(path, "utf-8");
+};
+
+// 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 = readFile(file).toString();
+      const result = await processor.process(contents, { from: file });
+      fs2.writeFileSync(file, result.css);
+    });
+    await Promise.all(filePromises);
+  };
+  return transform();
+};
+
+// src/migrations/beta-to-v1.ts
+var beta_to_v1_default = (glob2) => runCssCodemod({
+  globPattern: glob2,
   plugins: [
     cssClassRename({
       ".fds-": ".ds-"

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

@@ -1,9 +1,10 @@
+// src/migrations/codemods/css/plugins.ts
 import chalk from "chalk";
 import hash from "object-hash";
 import * as R from "ramda";
-const printDelete = (text) => console.log(`${chalk.red("Deleted:")} ${text}`.replace(/"|'/g, ""));
-const deleteMsg = (decl, from) => `${chalk.yellow(from)} @ ${chalk.gray(`${JSON.stringify(decl.source?.input.file)}:${decl.source?.start?.line}:${decl.source?.start?.column}`)}`;
-const cssClassRename = (dictionary) => ({
+var printDelete = (text) => console.log(`${chalk.red("Deleted:")} ${text}`.replace(/"|'/g, ""));
+var deleteMsg = (decl, from) => `${chalk.yellow(from)} @ ${chalk.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;
@@ -15,7 +16,7 @@ const cssClassRename = (dictionary) => ({
     }
   }
 });
-const cssVarRename = (dictionary) => ({
+var cssVarRename = (dictionary) => ({
   postcssPlugin: `Replaces CSS variables ${hash(dictionary)}`,
   Declaration(decl) {
     const { value, prop } = decl;

package/dist/src/migrations/codemods/css/run.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"run.d.ts","sourceRoot":"","sources":["../../../../../src/migrations/codemods/css/run.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAG9C,KAAK,eAAe,GAAG;IACrB,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,aAAa,GAAU,0BAA8C,eAAe,kBA0BhG,CAAC"}
+{"version":3,"file":"run.d.ts","sourceRoot":"","sources":["../../../../../src/migrations/codemods/css/run.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAI9C,KAAK,eAAe,GAAG;IACrB,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,aAAa,GAAU,0BAA8C,eAAe,kBA0BhG,CAAC"}

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

@@ -1,7 +1,21 @@
-import fs from "node:fs";
+// src/migrations/codemods/css/run.ts
+import fs2 from "node:fs";
 import glob from "fast-glob";
 import postcss from "postcss";
-const runCssCodemod = async ({ plugins = [], globPattern = "./**/*.css" }) => {
+
+// src/utils.ts
+import fs from "node:fs/promises";
+import chalk from "chalk";
+var readFile = async (path, dry) => {
+  if (dry) {
+    console.log(`${chalk.blue("readFile")} ${path}`);
+    return Promise.resolve("");
+  }
+  return fs.readFile(path, "utf-8");
+};
+
+// 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}`);
@@ -14,9 +28,9 @@ const runCssCodemod = async ({ plugins = [], globPattern = "./**/*.css" }) => {
       if (file.includes("node_modules") || file.includes("dist")) {
         return;
       }
-      const contents = fs.readFileSync(file).toString();
+      const contents = readFile(file).toString();
       const result = await processor.process(contents, { from: file });
-      fs.writeFileSync(file, result.css);
+      fs2.writeFileSync(file, result.css);
     });
     await Promise.all(filePromises);
   };

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

@@ -1,7 +1,78 @@
+// src/migrations/color-rename-next49.ts
+import * as R2 from "ramda";
+
+// src/migrations/codemods/css/plugins.ts
+import chalk from "chalk";
+import hash from "object-hash";
 import * as R from "ramda";
-import { cssVarRename } from "./codemods/css/plugins.js";
-import { runCssCodemod } from "./codemods/css/run.js";
-const replace = (oldTemplate, newTemplate, colors2, placeholder = "[color]") => R.reduce(
+var printDelete = (text) => console.log(`${chalk.red("Deleted:")} ${text}`.replace(/"|'/g, ""));
+var deleteMsg = (decl, from) => `${chalk.yellow(from)} @ ${chalk.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 fs2 from "node:fs";
+import glob from "fast-glob";
+import postcss from "postcss";
+
+// src/utils.ts
+import fs from "node:fs/promises";
+import chalk2 from "chalk";
+var readFile = async (path, dry) => {
+  if (dry) {
+    console.log(`${chalk2.blue("readFile")} ${path}`);
+    return Promise.resolve("");
+  }
+  return fs.readFile(path, "utf-8");
+};
+
+// 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 = readFile(file).toString();
+      const result = await processor.process(contents, { from: file });
+      fs2.writeFileSync(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;
@@ -9,8 +80,8 @@ const replace = (oldTemplate, newTemplate, colors2, placeholder = "[color]") =>
   {},
   colors2
 );
-const colors = ["neutral", "accent", "brand1", "brand2", "brand3", "danger", "warning", "success", "info"];
-var color_rename_next49_default = (glob) => {
+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",
@@ -26,7 +97,7 @@ var color_rename_next49_default = (glob) => {
   };
   console.log(`Renaming ${Object.keys(renames).length} variables`, renames);
   return runCssCodemod({
-    globPattern: glob,
+    globPattern: glob2,
     plugins: [
       // https://github.com/digdir/designsystemet/issues/3046
       cssVarRename(renames)

package/dist/src/migrations/index.d.ts

@@ -1,6 +1,5 @@
 declare const _default: {
     'css-beta-to-v1': (glob?: string) => Promise<void>;
-    'react-beta-to-v1': (glob?: string) => Promise<void>;
     'css-renames-next48-to-next49': (glob?: string) => Promise<void>;
 };
 export default _default;

package/dist/src/migrations/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/migrations/index.ts"],"names":[],"mappings":";;;;;AAIA,wBAIE"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/migrations/index.ts"],"names":[],"mappings":";;;;AAGA,wBAGE"}