@navikt/aksel 7.17.3 → 7.17.4

package/dist/help.js

@@ -21,5 +21,10 @@ function helpCommand() {
    - ${chalk_1.default.cyan(`npx @navikt/aksel ${chalk_1.default.green("codemod")} ${chalk_1.default.gray("<migration>")}`)}
    ✔︎ Code-transformations for breaking changes when updating Aksel
    ✔︎ Run with ${chalk_1.default.cyan(`${chalk_1.default.green("--help")}`)} to get started!
+
+   - ${chalk_1.default.cyan(`npx @navikt/aksel ${chalk_1.default.green("darkside")} ${chalk_1.default.gray("<task>")}`)}
+   ✔︎ Tooling for migrating to the darkside
+   ✔︎ Check current status and migrate tokens
+   ✔︎ Run with ${chalk_1.default.cyan(`${chalk_1.default.green("--help")}`)} to get started!
 `);
 }

package/dist/index.js

@@ -17,6 +17,7 @@ const chalk_1 = __importDefault(require("chalk"));
 const fs_1 = __importDefault(require("fs"));
 const index_1 = require("./codemod/index");
 const index_2 = require("./css-imports/index");
+const darkside_1 = require("./darkside");
 const help_1 = require("./help");
 run();
 function run() {
@@ -33,6 +34,10 @@ function run() {
             (0, index_1.codemodCommand)();
             return;
         }
+        if (process.argv[2] === "darkside") {
+            (0, darkside_1.darksideCommand)();
+            return;
+        }
         if (process.argv[2] === "-v" || process.argv[2] === "--version") {
             const pkg = JSON.parse(fs_1.default.readFileSync("./package.json").toString()).version;
             console.info(pkg);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@navikt/aksel",
-  "version": "7.17.3",
+  "version": "7.17.4",
   "description": "Aksel command line interface. Handles css-imports, codemods and more",
   "author": "Aksel | Nav designsystem team",
   "license": "MIT",
@@ -29,9 +29,11 @@
   },
   "homepage": "https://aksel.nav.no/grunnleggende/kode/kommandolinje",
   "dependencies": {
-    "@navikt/ds-css": "^7.17.3",
+    "@navikt/ds-css": "^7.17.4",
+    "@navikt/ds-tokens": "^7.17.4",
     "axios": "1.8.2",
     "chalk": "4.1.0",
+    "cli-progress": "^3.12.0",
     "clipboardy": "^2.3.0",
     "commander": "10.0.1",
     "enquirer": "^2.3.6",
@@ -44,6 +46,7 @@
     "react-scanner": "^1.1.0"
   },
   "devDependencies": {
+    "@types/cli-progress": "3.11.6",
     "rimraf": "6.0.1",
     "typescript": "5.5.4",
     "vitest": "^2.1.8"

package/dist/codemod/transforms/darkside/darkside.test.js

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const vitest_1 = require("vitest");
-const darkside_tokens_1 = require("./darkside.tokens");
-(0, vitest_1.describe)("Darkside codemods", () => {
-    (0, vitest_1.test)("Token migration references exists", () => {
-        Object.entries(darkside_tokens_1.updatedTokens).forEach(([oldToken, config]) => {
-            if (config.replacement.length > 1) {
-                (0, vitest_1.expect)(darkside_tokens_1.newTokens, `${oldToken} has valid replacement: ${config.replacement}`).toContain(config.replacement);
-            }
-        });
-    });
-    (0, vitest_1.test)("Has raw value if no reference is set", () => {
-        Object.values(darkside_tokens_1.updatedTokens).forEach((config) => {
-            if (config.replacement.length === 0) {
-                (0, vitest_1.expect)(config.raw.length > 0).toBeTruthy();
-            }
-        });
-    });
-});

package/dist/codemod/transforms/darkside/token-update/token-update.js

@@ -1,110 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = transformer;
-const chalk_1 = __importDefault(require("chalk"));
-const run_codeshift_1 = require("../../../run-codeshift");
-const translate_token_1 = require("../../../utils/translate-token");
-const darkside_tokens_1 = require("../darkside.tokens");
-/**
- * Updates old tokens to new names.
- * Replaces global and semantic tokens with avalaible replacement.
- */
-function transformer(file) {
-    initMessageSetup();
-    let src = file.source;
-    for (const [oldToken, config] of Object.entries(darkside_tokens_1.updatedTokens)) {
-        const oldCSSVar = `--a-${oldToken}`;
-        /* We update all re-definitions of a token to a "legacy" version */
-        const replaceRegex = new RegExp("(" + `${oldCSSVar}:` + ")", "gm");
-        src = src.replace(replaceRegex, `--aksel-legacy${oldCSSVar.replace("--", "__")}:`);
-        if (config.replacement.length > 0) {
-            src = replaceTokenWithReference({
-                src,
-                newToken: `--ax-${config.replacement}`,
-                oldToken: oldCSSVar,
-            });
-            continue;
-        }
-        documentLegacyReferences({
-            src,
-            oldToken: oldCSSVar,
-            comment: config.comment,
-        });
-    }
-    return src;
-}
-/**
- * Replaces old token with new token reference.
- */
-function replaceTokenWithReference({ src, newToken, oldToken, }) {
-    const CSSRgx = new RegExp("(" + oldToken + ")", "gm");
-    const SCSSRgx = new RegExp("(\\" + (0, translate_token_1.translateToken)(oldToken, "scss") + ")", "gm");
-    const LESSRgx = new RegExp("(" + (0, translate_token_1.translateToken)(oldToken, "less") + ")", "gm");
-    let fileSrc = src;
-    fileSrc = fileSrc.replace(CSSRgx, newToken);
-    fileSrc = fileSrc.replace(SCSSRgx, (0, translate_token_1.translateToken)(newToken, "scss"));
-    fileSrc = fileSrc.replace(LESSRgx, (0, translate_token_1.translateToken)(newToken, "less"));
-    return fileSrc;
-}
-/**
- * Replaces old token with new token reference.
- */
-function documentLegacyReferences({ src, oldToken, comment, }) {
-    const CSSRgx = new RegExp("(" + oldToken + ")", "gm");
-    const SCSSRgx = new RegExp("(\\" + (0, translate_token_1.translateToken)(oldToken, "scss") + ")", "gm");
-    const LESSRgx = new RegExp("(" + (0, translate_token_1.translateToken)(oldToken, "less") + ")", "gm");
-    if (CSSRgx.test(src)) {
-        addMessage({ token: oldToken, comment, type: "css" });
-    }
-    else if (SCSSRgx.test(src)) {
-        addMessage({
-            token: (0, translate_token_1.translateToken)(oldToken, "scss"),
-            comment,
-            type: "scss",
-        });
-    }
-    else if (LESSRgx.test(src)) {
-        addMessage({
-            token: (0, translate_token_1.translateToken)(oldToken, "less"),
-            comment,
-            type: "less",
-        });
-    }
-}
-function initMessageSetup() {
-    if (!run_codeshift_1.messages.has("Token update")) {
-        run_codeshift_1.messages.set("Token update", {
-            format: formatMessage,
-            data: {
-                scss: [],
-                less: [],
-                css: [],
-            },
-        });
-    }
-}
-function addMessage({ token, comment, type, }) {
-    var _a;
-    (_a = run_codeshift_1.messages
-        .get("Token update")) === null || _a === void 0 ? void 0 : _a.data[type].push(`${token}${comment ? ` (${comment})` : ""}`);
-}
-function formatMessage(input) {
-    const css = [...new Set(input.css)];
-    const scss = [...new Set(input.scss)];
-    const less = [...new Set(input.less)];
-    const total = css.length + scss.length + less.length;
-    if (total === 0) {
-        console.info(chalk_1.default.green(`Found no legacy-tokens 🎉, you have now migrated over to the darkside.`));
-    }
-    console.info(chalk_1.default.green(`\nToken update`));
-    console.info(chalk_1.default.green(`Found ${total} legacy tokens that are no longer supported. Until these are updated, you will need to keep the old tokens package imported in your code.`));
-    css.length > 0 &&
-        console.info(`\nCSS tokens found:${css.map((token) => `\n${token}`).join("")}`);
-    scss.length > 1 &&
-        console.info(`\nSCSS tokens found:${scss.map((token) => `\n${token}`).join("")}`);
-    less.length > 1 &&
-        console.info(`\nLESS tokens found:${less.map((token) => `\n${token}`).join("")}`);
-}

package/dist/codemod/transforms/darkside/token-update-js/token-update-js.js

@@ -1,96 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = transformer;
-const chalk_1 = __importDefault(require("chalk"));
-const run_codeshift_1 = require("../../../run-codeshift");
-const imports_1 = require("../../../utils/imports");
-const lineterminator_1 = require("../../../utils/lineterminator");
-const moveAndRenameImport_1 = __importDefault(require("../../../utils/moveAndRenameImport"));
-const translate_token_1 = require("../../../utils/translate-token");
-const darkside_tokens_1 = require("../darkside.tokens");
-/**
- * Updates old tokens to new names.
- * Replaces global and semantic tokens with avalaible replacement.
- */
-function transformer(file, api) {
-    initMessageSetup();
-    let src = file.source;
-    const j = api.jscodeshift;
-    let root = j(file.source);
-    const jsImport = root.find(j.ImportDeclaration).filter((x) => {
-        return ["@navikt/ds-tokens/dist/tokens"].includes(x.node.source.value);
-    });
-    if (!jsImport) {
-        return src;
-    }
-    for (const [oldToken, config] of Object.entries(darkside_tokens_1.updatedTokens)) {
-        const oldCSSVar = `--a-${oldToken}`;
-        const oldJsVar = (0, translate_token_1.translateToken)(oldCSSVar, "js");
-        let foundName = null;
-        (0, imports_1.getImportSpecifier)(j, root, oldJsVar, "@navikt/ds-tokens/dist/tokens").forEach((x) => {
-            foundName = x.node.imported.name;
-        });
-        if (!foundName) {
-            continue;
-        }
-        if (config.replacement.length > 0) {
-            /* We remove the prefix */
-            const jsToken = (0, translate_token_1.translateToken)(`--ax-${config.replacement}`, "js").slice(2);
-            const localName = (0, moveAndRenameImport_1.default)(j, root, {
-                fromImport: "@navikt/ds-tokens/dist/tokens",
-                toImport: "@navikt/ds-tokens/darkside-js",
-                fromName: foundName,
-                toName: jsToken,
-                ignoreAlias: true,
-            });
-            let code = root.toSource((0, lineterminator_1.getLineTerminator)(src));
-            const rgx = new RegExp("(" + localName + ")", "gm");
-            code = code.replace(rgx, jsToken);
-            src = code;
-            root = j(code);
-            continue;
-        }
-        documentLegacyReferences({
-            src,
-            oldToken: oldCSSVar,
-            comment: config.comment,
-        });
-    }
-    return root.toSource((0, lineterminator_1.getLineTerminator)(src));
-}
-/**
- * Replaces old token with new token reference.
- */
-function documentLegacyReferences({ src, oldToken, comment, }) {
-    const JSRgx = new RegExp("(" + (0, translate_token_1.translateToken)(oldToken, "js") + ")", "gm");
-    JSRgx.test(src) && addMessage({ token: oldToken, comment, type: "js" });
-}
-function initMessageSetup() {
-    if (!run_codeshift_1.messages.has("Token update")) {
-        run_codeshift_1.messages.set("Token update", {
-            format: formatMessage,
-            data: {
-                js: [],
-            },
-        });
-    }
-}
-function addMessage({ token, comment, type, }) {
-    var _a;
-    (_a = run_codeshift_1.messages
-        .get("Token update")) === null || _a === void 0 ? void 0 : _a.data[type].push(`${token}${comment ? ` (${comment})` : ""}`);
-}
-function formatMessage(input) {
-    const js = [...new Set(input.js)];
-    const total = js.length;
-    if (total === 0) {
-        console.info(chalk_1.default.green(`Found no legacy-tokens 🎉, you have now migrated over to the darkside.`));
-    }
-    console.info(chalk_1.default.green(`\nToken update`));
-    console.info(chalk_1.default.green(`Found use of ${total} tokens no longer supported. Until these are updated, you will need to keep old tokens imported in your code.`));
-    js.length > 0 &&
-        console.info(`\nJS:${js.map((token) => `\n${token}`).join("")}`);
-}