lbh-frontend 3.6.1 → 3.7.0

package/lbh/helpers/helpers.test.js

@@ -1,8 +1,6 @@
 const path = require("path");
-const util = require("util");
 
-const sass = require("node-sass");
-const sassRender = util.promisify(sass.render);
+const sassRender = require("../test/sass-render.cjs");
 
 describe("The helpers layer", () => {
   it("should not output any CSS", async () => {

package/lbh/helpers/typography.test.js

@@ -1,12 +1,7 @@
-/* eslint-env jest */
-
-const util = require("util");
-
 // const configPaths = require("../../config/paths.json");
 
 const outdent = require("outdent");
-const sass = require("node-sass");
-const sassRender = util.promisify(sass.render);
+const sassRender = require("../test/sass-render.cjs");
 
 const sassConfig = {
   includePaths: ["lbh/"],

package/lbh/objects/objects.test.js

@@ -1,7 +1,4 @@
-const util = require("util");
-const sass = require("node-sass");
-
-const sassRender = util.promisify(sass.render);
+const sassRender = require("../test/sass-render.cjs");
 
 describe("The objects layer", () => {
   it("renders to CSS without errors", async () => {

package/lbh/settings/settings.test.js

@@ -1,10 +1,6 @@
-/* eslint-env jest */
-
 const path = require("path");
-const util = require("util");
 
-const sass = require("node-sass");
-const sassRender = util.promisify(sass.render);
+const sassRender = require("../test/sass-render.cjs");
 
 describe("The settings layer", () => {
   it("should not output any CSS", async () => {

package/lbh/test/sass-render.cjs

@@ -0,0 +1,63 @@
+const { execFileSync } = require("child_process");
+const fs = require("fs");
+const path = require("path");
+const PROJECT_ROOT = path.dirname(require.resolve("../../package.json"));
+
+const OUTPUT_STYLE_MAP = {
+  nested: "expanded",
+  compact: "expanded",
+};
+
+function resolveFromRoot (filePath) {
+  return path.isAbsolute(filePath)
+    ? filePath
+    : path.join(PROJECT_ROOT, filePath);
+}
+
+const SASS_CLI = path.join(PROJECT_ROOT, "node_modules/sass/sass.js");
+
+function renderWithCli ({ input, includePaths, outputStyle }) {
+  const style = OUTPUT_STYLE_MAP[outputStyle] || outputStyle || "expanded";
+  const args = [
+    "--stdin",
+    `--style=${style}`,
+    "--no-source-map",
+    ...includePaths.flatMap((dir) => [`--load-path=${dir}`]),
+  ];
+
+  const css = execFileSync(process.execPath, [SASS_CLI, ...args], {
+    cwd: PROJECT_ROOT,
+    input,
+    encoding: "utf8",
+  });
+
+  return { css: Buffer.from(css) };
+}
+
+function sassRender (options) {
+  const file = options.file && resolveFromRoot(options.file);
+  const includePaths = [PROJECT_ROOT];
+  if (options.includePaths) {
+    includePaths.push(...options.includePaths.map(resolveFromRoot));
+  }
+  if (file) {
+    includePaths.push(path.dirname(file));
+  }
+
+  try {
+    const input = file ? fs.readFileSync(file, "utf8") : options.data;
+    const result = renderWithCli({
+      input,
+      includePaths,
+      outputStyle: options.outputStyle,
+    });
+    return Promise.resolve({ css: result.css });
+  } catch (err) {
+    if (err.stdout) {
+      err.message = err.stderr?.toString() || err.message;
+    }
+    return Promise.reject(err);
+  }
+}
+
+module.exports = sassRender;

package/lbh/tools/exports.test.js

@@ -1,9 +1,4 @@
-/* eslint-env jest */
-
-const util = require("util");
-
-const sass = require("node-sass");
-const sassRender = util.promisify(sass.render);
+const sassRender = require("../test/sass-render.cjs");
 
 const sassConfig = {
   includePaths: ["lbh/"],

package/package.json

@@ -1,94 +1,87 @@
 {
   "name": "lbh-frontend",
-  "version": "3.6.1",
+  "version": "3.7.0",
   "description": "Everything you need to make digital services for Hackney",
   "license": "MIT",
   "homepage": "https://design-system.hackney.gov.uk",
   "main": "lbh/all.js",
   "types": "lbh/index.d.ts",
+  "files": [
+    "lbh",
+    "dist",
+    "CHANGELOG.md"
+  ],
+  "engines": {
+    "node": "24.14"
+  },
   "scripts": {
-    "build:sass": "cross-var sass lbh/all.scss dist/lbh-frontend-$npm_package_version.min.css --load-path=./ --no-source-map",
-    "build:sass-ie8": "cross-var sass lbh/all-ie8.scss dist/lbh-frontend-ie8-$npm_package_version.min.css --load-path=./ --no-source-map",
-    "build:js": "cross-var parcel build lbh/all.js --out-dir dist --global LBHFrontend --out-file lbh-frontend-$npm_package_version.min.js --no-source-maps",
-    "build:sassdoc": "sassdoc lbh --dest static/sassdoc",
+    "build:sass": "sass lbh/all.scss dist/lbh-frontend-$npm_package_version.min.css --load-path=./ --no-source-map",
+    "build:js": "node scripts/build-js.js",
     "build:docs": "docusaurus build",
     "build:assets": "copyfiles lbh/assets/**/**/**/* dist/assets -u 2",
+    "build:dist": "npm-run-all build:sass build:js build:assets",
     "build": "npm-run-all build:*",
     "clean:docs": "docusaurus clear",
     "clean:dist": "rimraf dist",
     "clean": "npm-run-all clean:*",
     "start": "docusaurus start",
-    "semantic-release": "semantic-release",
     "test": "jest",
+    "lint": "eslint lbh",
+    "verify:pack": "node scripts/verify-pack.js",
+    "audit:ci": "npm audit --audit-level=moderate",
     "prepublishOnly": "npm-run-all -s clean build"
   },
   "devDependencies": {
-    "@babel/preset-env": "^7.13.15",
-    "@babel/preset-react": "^7.13.13",
-    "@babel/preset-typescript": "^7.13.0",
-    "@docusaurus/core": "2.0.0-alpha.70",
-    "@docusaurus/preset-classic": "2.0.0-alpha.70",
-    "@mdx-js/react": "^1.6.21",
-    "@semantic-release/changelog": "^5.0.1",
-    "@semantic-release/git": "^9.0.0",
-    "@testing-library/react": "^11.2.6",
-    "@types/jest": "^26.0.22",
+    "@babel/preset-env": "^7.26.0",
+    "@babel/preset-react": "^7.26.0",
+    "@babel/preset-typescript": "^7.26.0",
+    "@docusaurus/core": "3.10.1",
+    "@docusaurus/module-type-aliases": "3.10.1",
+    "@docusaurus/preset-classic": "3.10.1",
+    "@docusaurus/types": "3.10.1",
+    "@eslint/js": "^9.39.1",
+    "@mdx-js/react": "^3.1.0",
+    "@testing-library/react": "^14.3.1",
+    "@types/jest": "^29.5.14",
+    "ajv": "^8.20.0",
+    "browserslist-to-esbuild": "^2.1.1",
     "copyfiles": "^2.4.1",
-    "cross-var": "^1.1.0",
-    "docusaurus-image-loader": "^1.0.1",
-    "docusaurus-plugin-sass": "^0.1.11",
-    "jest": "^26.6.3",
+    "docusaurus-plugin-sass": "0.2.6",
+    "esbuild": "^0.25.0",
+    "eslint": "^9.39.1",
+    "globals": "^16.5.0",
+    "jest": "^29.7.0",
+    "jest-environment-jsdom": "^29.7.0",
     "npm-run-all": "^4.1.5",
     "outdent": "^0.8.0",
-    "parcel-bundler": "^1.12.4",
-    "react": "^16.8.4",
-    "react-dom": "^16.8.4",
-    "rimraf": "^3.0.2",
-    "sass": "^1.32.8",
-    "sassdoc": "^2.7.0",
-    "semantic-release": "^17.3.9",
-    "standard": "^13.1.0"
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "rimraf": "^5.0.10",
+    "sass": "^1.32.8"
   },
   "optionalDependencies": {
     "fsevents": "*"
   },
-  "browserslist": [
-    ">0.1%",
-    "last 2 Chrome versions",
-    "last 2 Firefox versions",
-    "last 2 Edge versions",
-    "last 2 Samsung versions",
-    "Safari >= 9",
-    "ie 8-11",
-    "iOS >= 9"
-  ],
-  "standard": {
-    "globals": [
-      "page",
-      "browser",
-      "context"
-    ],
-    "ignore": [
-      "/dist/**/*.js",
-      "/package/**/*.js",
-      "/src/vendor/polyfills/**/*.js"
+  "jest": {
+    "testEnvironment": "jsdom",
+    "testPathIgnorePatterns": [
+      "/node_modules/",
+      "/dist/"
     ]
   },
   "dependencies": {
-    "@reach/dialog": "^0.15.0",
-    "@tippyjs/react": "^4.2.5",
-    "dialog-polyfill": "^0.5.6",
-    "govuk-frontend": "^3.11.0",
-    "leaflet": "^1.7.1",
-    "underscore": "^1.9.1"
+    "@radix-ui/react-dialog": "^1.1.15",
+    "@tippyjs/react": "^4.2.6",
+    "govuk-frontend": "^3.15.0",
+    "leaflet": "^1.9.4"
   },
   "sasslintConfig": "config/.sass-lint.yml",
   "bugs": {
-    "url": "https://github.com/LBHackney-IT/LBH-frontend/issues"
+    "url": "https://github.com/LBHackney-IT/lbh-frontend/issues"
   },
   "repository": {
     "type": "git",
-    "url": "https://github.com/LBHackney-IT/LBH-frontend.git"
+    "url": "https://github.com/LBHackney-IT/lbh-frontend.git"
   },
   "keywords": [
     "govuk",
@@ -96,33 +89,5 @@
     "design system",
     "template",
     "hackney"
-  ],
-  "release": {
-    "branches": [
-      "main"
-    ],
-    "plugins": [
-      "@semantic-release/commit-analyzer",
-      "@semantic-release/release-notes-generator",
-      "@semantic-release/npm",
-      "@semantic-release/github",
-      [
-        "@semantic-release/changelog",
-        {
-          "changelogFile": "CHANGELOG.md"
-        }
-      ],
-      [
-        "@semantic-release/git",
-        {
-          "assets": [
-            "dist",
-            "package.json",
-            "CHANGELOG.md"
-          ],
-          "message": "chore(release): ${nextRelease.version} [skip ci]\n\n${nextRelease.notes}"
-        }
-      ]
-    ]
-  }
+  ]
 }