@digdir/designsystemet 0.1.0-alpha.14 → 0.1.0-alpha.16

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

@@ -1,49 +1,43 @@
-// src/migrations/codemods/css/plugins.ts
 import * as R from "ramda";
 import chalk from "chalk";
 import hash from "object-hash";
-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;
-    Object.entries(dictionary).forEach(([from, to]) => {
-      if (!selector.includes(from)) return;
-      const newSelector = selector.replace(new RegExp(from, "g"), to);
-      rule.selector = newSelector;
+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}`)}`;
+export const cssClassRename = (dictionary)=>({
+        postcssPlugin: `Renames CSS classes ${hash(dictionary)}`,
+        Rule (rule) {
+            const selector = rule.selector;
+            if (!selector) return;
+            Object.entries(dictionary).forEach(([from, to])=>{
+                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();
-    Object.entries(dictionary).forEach(([from, to]) => {
-      if (!R.isEmpty(to)) {
-        switch (true) {
-          case R.includes(from, value):
-            to === "[delete]" && deleted.add(deleteMsg(decl, from));
-            decl.value = value.replace(from, to);
-            break;
-          case R.includes(from, prop):
-            if (decl.variable) {
-              to === "[delete]" && deleted.add(deleteMsg(decl, from));
-              decl.prop = prop.replace(from, to);
-              break;
+export const cssVarRename = (dictionary)=>({
+        postcssPlugin: `Replaces CSS variables ${hash(dictionary)}`,
+        Declaration (decl) {
+            const { value, prop } = decl;
+            const deleted = new Set();
+            Object.entries(dictionary).forEach(([from, to])=>{
+                if (!R.isEmpty(to)) {
+                    switch(true){
+                        case R.includes(from, value):
+                            to === '[delete]' && deleted.add(deleteMsg(decl, from));
+                            decl.value = value.replace(from, to);
+                            break;
+                        case R.includes(from, prop):
+                            if (decl.variable) {
+                                to === '[delete]' && deleted.add(deleteMsg(decl, from));
+                                decl.prop = prop.replace(from, to);
+                                break;
+                            }
+                    }
+                }
+            });
+            if (deleted.size > 0) {
+                Array.from(deleted).forEach(printDelete);
             }
         }
-      }
     });
-    if (deleted.size > 0) {
-      Array.from(deleted).forEach(printDelete);
-    }
-  }
-});
-export {
-  cssClassRename,
-  cssVarRename
-};
-//# sourceMappingURL=plugins.js.map

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

@@ -1,21 +1,24 @@
-// src/migrations/codemods/css/run.ts
 import fs from "fs";
 import postcss from "postcss";
 import glob from "fast-glob";
-var runCssCodemod = async ({ plugins = [], globPattern = "./**/*.css" }) => {
-  const processor = postcss(plugins);
-  const transform = async () => {
-    const files = await glob(globPattern, { ignore: ["node_modules/**", "dist/**"] });
-    const filePromises = files.map(async (file) => {
-      const contents = fs.readFileSync(file).toString();
-      const result = await processor.process(contents, { from: file });
-      fs.writeFileSync(file, result.css);
-    });
-    await Promise.all(filePromises);
-  };
-  return transform();
+export const runCssCodemod = async ({ plugins = [], globPattern = './**/*.css' })=>{
+    const processor = postcss(plugins);
+    const transform = async ()=>{
+        const files = await glob(globPattern, {
+            ignore: [
+                'node_modules/**',
+                'dist/**'
+            ]
+        });
+        const filePromises = files.map(async (file)=>{
+            const contents = fs.readFileSync(file).toString();
+            const result = await processor.process(contents, {
+                from: file
+            });
+            fs.writeFileSync(file, result.css);
+        });
+        await Promise.all(filePromises);
+    };
+    // Run the transform.
+    return transform();
 };
-export {
-  runCssCodemod
-};
-//# sourceMappingURL=run.js.map

package/dist/src/migrations/codemods/jsx/classname-prefix.js

@@ -1,65 +1,69 @@
-// src/migrations/codemods/jsx/classname-prefix.ts
-var replaceInLiteral = (node) => {
-  if (node.startsWith("fds-")) {
-    return node.replace("fds-", "ds-");
-  }
-  return node;
+const replaceInLiteral = (node)=>{
+    if (node.startsWith('fds-')) {
+        return node.replace('fds-', 'ds-');
+    }
+    return node;
 };
-var replaceInTemplateLiteral = (node) => {
-  node.forEach((element) => {
-    const value = element.value.raw;
-    if (typeof value !== "string") return;
-    element.value.raw = replaceInLiteral(value);
-  });
+const replaceInTemplateLiteral = (node)=>{
+    node.forEach((element)=>{
+        const value = element.value.raw;
+        if (typeof value !== 'string') return;
+        element.value.raw = replaceInLiteral(value);
+    });
 };
-var processNode = (node) => {
-  if (!node) return;
-  if (node.type === "Literal") {
-    const value = node.value;
-    if (typeof value !== "string") return;
-    node.value = replaceInLiteral(value);
-  } else if (node.type === "StringLiteral") {
-    const value = node.value;
-    if (typeof value !== "string") return;
-    node.value = replaceInLiteral(value);
-  } else if (node.type === "TemplateLiteral") {
-    node.quasis && replaceInTemplateLiteral(node.quasis);
-  } else if (node.type === "JSXExpressionContainer") {
-    const expression = node.expression;
-    if (!expression) return;
-    if (expression.type === "CallExpression") {
-      expression.arguments?.forEach(processNode);
-    } else {
-      processNode(expression);
+const processNode = (node)=>{
+    if (!node) return;
+    if (node.type === 'Literal') {
+        const value = node.value;
+        if (typeof value !== 'string') return;
+        node.value = replaceInLiteral(value);
+    } else if (node.type === 'StringLiteral') {
+        const value = node.value;
+        if (typeof value !== 'string') return;
+        node.value = replaceInLiteral(value);
+    } else if (node.type === 'TemplateLiteral') {
+        node.quasis && replaceInTemplateLiteral(node.quasis);
+    } else if (node.type === 'JSXExpressionContainer') {
+        const expression = node.expression;
+        if (!expression) return;
+        if (expression.type === 'CallExpression') {
+            expression.arguments?.forEach(processNode);
+        } else {
+            processNode(expression);
+        }
+    } else if (node.type === 'ConditionalExpression') {
+        node.test && processNode(node.test);
+        node.consequent && processNode(node.consequent);
+        node.alternate && processNode(node.alternate);
+    } else if (node.type === 'BinaryExpression') {
+        node.right && processNode(node.right);
+        node.left && processNode(node.left);
+    } else if (node.type === 'LogicalExpression') {
+        node.right && processNode(node.right);
+        node.left && processNode(node.left);
     }
-  } else if (node.type === "ConditionalExpression") {
-    node.test && processNode(node.test);
-    node.consequent && processNode(node.consequent);
-    node.alternate && processNode(node.alternate);
-  } else if (node.type === "BinaryExpression") {
-    node.right && processNode(node.right);
-    node.left && processNode(node.left);
-  } else if (node.type === "LogicalExpression") {
-    node.right && processNode(node.right);
-    node.left && processNode(node.left);
-  }
 };
-function replaceClassNamePrefix(file, api) {
-  const j = api.jscodeshift;
-  const root = j(file.source);
-  root.find(j.JSXElement).forEach((path) => {
-    j(path).find(j.JSXAttribute, { name: { name: "className" } }).forEach((nodePath) => {
-      processNode(nodePath.value.value);
+/**
+ * Replace all class prefixes from 'fds-' to 'ds-'
+ * @param file
+ * @param api
+ * @returns
+ */ function replaceClassNamePrefix(file, api) {
+    const j = api.jscodeshift;
+    const root = j(file.source);
+    root.find(j.JSXElement).forEach((path)=>{
+        j(path).find(j.JSXAttribute, {
+            name: {
+                name: 'className'
+            }
+        }).forEach((nodePath)=>{
+            processNode(nodePath.value.value);
+        });
+    });
+    return root.toSource({
+        quote: 'single',
+        reuseWhitespace: true,
+        wrapColumn: 100
     });
-  });
-  return root.toSource({
-    quote: "single",
-    reuseWhitespace: true,
-    wrapColumn: 100
-  });
 }
-var classname_prefix_default = replaceClassNamePrefix;
-export {
-  classname_prefix_default as default
-};
-//# sourceMappingURL=classname-prefix.js.map
+export default replaceClassNamePrefix;

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

@@ -1,24 +1,24 @@
-// src/migrations/codemods/jsx/run.ts
 import glob from "fast-glob";
 import { run as jscodeshift } from "jscodeshift/src/Runner.js";
 import chalk from "chalk";
-var transformer = `${import.meta.dirname}/classname-prefix.ts`;
-var runJSXCodemod = async ({ globPattern = "./**/*.tsx", dry }) => {
-  const options = {
-    dry,
-    extensions: "tsx",
-    parser: "tsx"
-  };
-  const transform = async () => {
-    const files = await glob(globPattern, { ignore: ["node_modules/**", "dist/**"] });
-    const result = await jscodeshift(transformer, files, options);
-    if (result.ok) {
-      console.log(chalk.green("Finished parsing"));
-    }
-  };
-  return transform();
+const transformer = `${import.meta.dirname}/classname-prefix.ts`;
+export const runJSXCodemod = async ({ globPattern = './**/*.tsx', dry })=>{
+    const options = {
+        dry,
+        extensions: 'tsx',
+        parser: 'tsx'
+    };
+    const transform = async ()=>{
+        const files = await glob(globPattern, {
+            ignore: [
+                'node_modules/**',
+                'dist/**'
+            ]
+        });
+        const result = await jscodeshift(transformer, files, options);
+        if (result.ok) {
+            console.log(chalk.green('Finished parsing'));
+        }
+    };
+    return transform();
 };
-export {
-  runJSXCodemod
-};
-//# sourceMappingURL=run.js.map