@communitiesuk/svelte-component-library 0.1.17

package/dist/utils/package-wrapping-specific/defineDefaultEventHandler.js

@@ -0,0 +1,14 @@
+export function defineDefaultEventHandler(
+  event,
+  parametersSourceArray,
+  parametersValuesArray,
+  name,
+) {
+  parametersValuesArray[
+    parametersSourceArray.findIndex((el) => el.name === name)
+  ][0].counter += 1;
+
+  parametersValuesArray[
+    parametersSourceArray.findIndex((el) => el.name === name)
+  ][1] = event.currentTarget.dataset.id;
+}

package/dist/utils/package-wrapping-specific/trackVisibleParameters.d.ts

@@ -0,0 +1 @@
+export function trackVisibleParameters(parametersSourceArray: any, parametersValuesArray: any): any;

package/dist/utils/package-wrapping-specific/trackVisibleParameters.js

@@ -0,0 +1,29 @@
+import { getValueFromParametersArray } from '../data-transformations/getValueFromParametersArray.js';
+
+export function trackVisibleParameters(
+  parametersSourceArray,
+  parametersValuesArray
+) {
+  return parametersSourceArray.map((el) =>
+    !('visible' in el)
+      ? true
+      : typeof el.visible === 'boolean'
+        ? el.visible
+        : Array.isArray(el.visible)
+          ? el.visible
+              .map(
+                (elm) =>
+                  getValueFromParametersArray(
+                    parametersSourceArray,
+                    parametersValuesArray,
+                    elm.name
+                  ) === elm.value
+              )
+              .every((elm) => elm === true)
+          : getValueFromParametersArray(
+              parametersSourceArray,
+              parametersValuesArray,
+              el.visible.name
+            ) === el.visible.value
+  );
+}

package/dist/utils/syntax-highlighting/shikiHighlight.d.ts

@@ -0,0 +1,7 @@
+export function highlight(node: any, options?: {
+    lang: string;
+    theme: string;
+}): Promise<{
+    destroy(): void;
+    update(newOptions: any): void;
+}>;

package/dist/utils/syntax-highlighting/shikiHighlight.js

@@ -0,0 +1,76 @@
+// Singleton highlighter instance
+let highlighter = null;
+let activeNodes = new Set();
+let isInitializing = false;
+let initPromise = null;
+
+async function getOrCreateHighlighter(theme) {
+  if (highlighter) return highlighter;
+
+  if (isInitializing) {
+    return await initPromise;
+  }
+
+  isInitializing = true;
+  initPromise = (async () => {
+    const { getHighlighter } = await import("shiki");
+    const { default: svelte } = await import("shiki/langs/svelte.mjs");
+    highlighter = await getHighlighter({
+      langs: [svelte],
+      themes: [theme],
+    });
+    isInitializing = false;
+    return highlighter;
+  })();
+
+  return await initPromise;
+}
+
+export const highlight = async (
+  node,
+  options = { lang: "svelte", theme: "vitesse-light" },
+) => {
+  const instance = await getOrCreateHighlighter(options.theme);
+  activeNodes.add(node);
+
+  const renderCode = () => {
+    if (!instance) return;
+    const html = instance.codeToHtml(node.textContent, {
+      lang: options.lang,
+      theme: options.theme,
+      transformers: [
+        {
+          pre(node) {
+            node.properties["data-language"] = options.lang;
+            return node;
+          },
+        },
+      ],
+    });
+    node.innerHTML = html;
+  };
+
+  renderCode();
+
+  return {
+    destroy() {
+      activeNodes.delete(node);
+      node.innerHTML = node.textContent;
+
+      // Only dispose if we've been idle for a while and have no active nodes
+      if (activeNodes.size === 0) {
+        setTimeout(() => {
+          if (activeNodes.size === 0 && highlighter) {
+            highlighter.dispose();
+            highlighter = null;
+            initPromise = null;
+          }
+        }, 5000); // Wait 5 seconds before disposing
+      }
+    },
+    update(newOptions) {
+      options = { ...options, ...newOptions };
+      renderCode();
+    },
+  };
+};

package/dist/utils/text-string-conversion/textStringConversion.d.ts

@@ -0,0 +1,9 @@
+export function textStringConversion(text: any, caseType: any): any;
+export function pascalToKebabCase(str: any): any;
+export function kebabToPascalCase(str: any): any;
+/**
+ * Forces a line break before the third capital letter in a string
+ * @param {string} text - The text to process
+ * @returns {string} - The text with <br> inserted before the third capital letter
+ */
+export function forceWrapAtThirdCapital(text: string): string;

package/dist/utils/text-string-conversion/textStringConversion.js

@@ -0,0 +1,86 @@
+export function textStringConversion(text, caseType) {
+  const words = text
+    .toLowerCase() // Convert to lowercase
+    .trim() // Trim surrounding whitespace
+    .replace(/[^\w\s-]/g, "") // Remove special characters except hyphens and whitespace
+    .replace(/[_-]/g, " ")
+    .split(/\s+/); // Split text into words based on spaces
+
+  switch (caseType) {
+    case "pascal":
+      return words
+        .map((word) => word.charAt(0).toUpperCase() + word.slice(1))
+        .join("");
+    case "camel":
+      return words
+        .map((word, index) =>
+          index === 0 ? word : word.charAt(0).toUpperCase() + word.slice(1),
+        )
+        .join("");
+    case "snake":
+      return words.join("_");
+    case "kebab": // (or skewer-case)
+      return words.join("-");
+    case "upper-snake":
+      return words.map((word) => word.toUpperCase()).join("_");
+    case "title":
+      return words
+        .map((word) => word.charAt(0).toUpperCase() + word.slice(1))
+        .join(" ");
+    case "title-first-word":
+      return words
+        .map((word, index) =>
+          index === 0 ? word.charAt(0).toUpperCase() + word.slice(1) : word,
+        )
+        .join(" ");
+
+    default:
+      throw new Error(
+        'Invalid caseType provided. Choose from "pascal", "camel", "snake", "kebab", "upper-snake", "title", or "title-first-word".',
+      );
+  }
+}
+
+export function pascalToKebabCase(str) {
+  return str
+    .replace(/([a-z])([A-Z])/g, "$1-$2") // Insert hyphen between lowercase & uppercase
+    .replace(/([A-Z])([A-Z][a-z])/g, "$1-$2") // Handle consecutive uppercase letters
+    .toLowerCase();
+}
+
+export function kebabToPascalCase(str) {
+  return str
+    .split("-") // Split by hyphens
+    .map((word) => word.charAt(0).toUpperCase() + word.slice(1)) // Capitalize first letter
+    .join(""); // Join without spaces
+}
+
+/**
+ * Forces a line break before the third capital letter in a string
+ * @param {string} text - The text to process
+ * @returns {string} - The text with <br> inserted before the third capital letter
+ */
+export function forceWrapAtThirdCapital(text) {
+  if (!text || typeof text !== "string") return text;
+
+  let capitalCount = 0;
+  let result = "";
+
+  for (let i = 0; i < text.length; i++) {
+    const char = text[i];
+
+    // Check if current character is uppercase
+    if (char >= "A" && char <= "Z") {
+      capitalCount++;
+
+      // Insert forced line break before the third capital letter
+      if (capitalCount === 3) {
+        result += "<br>";
+      }
+    }
+
+    result += char;
+  }
+
+  return result;
+}

package/package.json

@@ -0,0 +1,113 @@
+{
+  "name": "@communitiesuk/svelte-component-library",
+  "version": "0.1.17",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/communitiesuk/mhclg_svelte_component_library.git"
+  },
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/",
+    "access": "public"
+  },
+  "author": "Ibrahim-Haizel",
+  "description": "A collection of reusable Svelte components",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "dev": "vite dev",
+    "build": "vite build && npm run package",
+    "preview": "vite preview",
+    "prepackage": "tsx scripts/generate-index.ts && node scripts/copy-static-assets-to-lib.js",
+    "package": "npm run prepackage && svelte-kit sync && svelte-package && publint",
+    "prepublishOnly": "npm run package",
+    "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
+    "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
+    "lint": "eslint . && prettier --check .",
+    "format": "prettier --write .",
+    "generate-data": "tsx scripts/generateJSONData.cjs",
+    "copy-static-assets-to-lib": "node scripts/copy-static-assets-to-lib.js",
+    "copy-govuk-assets": "node scripts/copy-govuk-assets-to-static.js",
+    "copy-moj-assets": "node scripts/copy-moj-assets-to-static.js",
+    "prepare": "",
+    "create-component-and-wrapper-pages": "node scripts/create-component-and-wrapper-pages.js"
+  },
+  "files": [
+    "dist",
+    "!dist/**/*.test.*",
+    "!dist/**/*.spec.*"
+  ],
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "svelte": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "type": "module",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "svelte": "./dist/index.js"
+    }
+  },
+  "peerDependencies": {
+    "@sveltejs/kit": "^2.0.0",
+    "svelte": "^5.0.0"
+  },
+  "devDependencies": {
+    "@sveltejs/adapter-auto": "^3.3.0",
+    "@sveltejs/kit": "^2.16.1",
+    "@sveltejs/package": "^2.0.0",
+    "@sveltejs/vite-plugin-svelte": "^4.0.0",
+    "@tailwindcss/aspect-ratio": "^0.4.2",
+    "@tailwindcss/forms": "^0.5.9",
+    "@tailwindcss/typography": "^0.5.15",
+    "@types/eslint": "^9.6.0",
+    "autoprefixer": "^10.4.20",
+    "eslint": "^9.7.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-svelte": "^2.36.0",
+    "flowbite": "^2.5.2",
+    "flowbite-svelte": "^0.47.3",
+    "fs-extra": "^11.3.0",
+    "globals": "^15.0.0",
+    "mdsvex": "^0.11.2",
+    "prettier": "^3.3.2",
+    "prettier-plugin-svelte": "^3.3.3",
+    "publint": "^0.2.0",
+    "shiki": "^1.27.2",
+    "svelte": "^5.19.1",
+    "svelte-check": "^4.0.0",
+    "sveltekit-autoimport": "^1.8.1",
+    "tailwindcss": "^3.4.9",
+    "tsx": "^4.19.2",
+    "typescript": "^5.0.0",
+    "typescript-eslint": "^8.0.0",
+    "vite": "^5.0.11"
+  },
+  "dependencies": {
+    "@dwp/dwp-frontend": "^3.3.0",
+    "@maptiler/sdk": "^3.0.1",
+    "@ministryofjustice/frontend": "^4.0.1",
+    "@monaco-editor/loader": "^1.4.0",
+    "@types/dompurify": "^3.0.5",
+    "accessible-autocomplete": "^3.0.1",
+    "csv-parser": "^3.0.0",
+    "d3": "^7.9.0",
+    "decimal.js": "^10.5.0",
+    "dompurify": "^3.2.5",
+    "flowbite-svelte-icons": "^2.0.3",
+    "govuk-frontend": "^5.9.0",
+    "labelplacer": "^0.0.0",
+    "leaflet": "^1.9.4",
+    "mapbox-gl": "^1.13.3",
+    "maplibre-gl": "^5.2.0",
+    "monaco-editor": "^0.52.2",
+    "node": "^18.20.6",
+    "npm": "^11.0.0",
+    "prism-svelte": "^0.5.0",
+    "prismjs": "^1.29.0",
+    "shiki": "^1.27.2",
+    "sveaflet": "^0.1.4",
+    "svelte-maplibre": "^1.0.0-next.12",
+    "svelte-preprocess": "^6.0.3",
+    "topojson-client": "^3.1.0"
+  }
+}