@digital-ai/dot-illustrations 2.0.40 → 2.0.41

package/demo/github-upload.js

@@ -295,14 +295,26 @@ async function ghCreateIntegrationPR(id, svgBuf) {
 // ─── Utility: append an ID to a JS array in source text ──────────────────────
 
 function appendToJsArray(source, arrayName, id) {
-  // Find the last entry in the named array and insert after it
+  // Insert id alphabetically into the named array
   const re = new RegExp(`(const ${arrayName} = \\[)([\\s\\S]*?)(\\s*\\];)`, 'm');
   const match = source.match(re);
   if (!match) return source;
+
   const body   = match[2];
-  const indent = (body.match(/\n(\s+)"/) || body.match(/\n(\s+)/) || ['', '    '])[1];
-  const newEntry = `\n${indent}"${id}",`;
-  return source.replace(re, `$1$2${newEntry}$3`);
+  const indent = (body.match(/\n(\s+)"/) || ['', '    '])[1];
+
+  // Extract existing entries
+  const entries = [];
+  const entryRe = /"([^"]+)"/g;
+  let m;
+  while ((m = entryRe.exec(body)) !== null) entries.push(m[1]);
+
+  // Insert in alphabetical position
+  entries.push(id);
+  entries.sort((a, b) => a.localeCompare(b));
+
+  const newBody = '\n' + entries.map(e => `${indent}"${e}",`).join('\n') + '\n  ';
+  return source.replace(re, `$1${newBody}$3`);
 }
 
 // ─── Export ──────────────────────────────────────────────────────────────────

package/demo/script.js

@@ -321,7 +321,7 @@ document.addEventListener('DOMContentLoaded', () => {
     "dynatrace","edge","essential-app-protection","explorer","f5","firefox",
     "flux-cd","fortify","fortify-on-demand","free-marker","git-ops","github",
     "github-actions","gitlab","google","google-cloud","google-cloud-functions",
-    "hashi-corp-vault","helm","ibm","ingress","inteligence","jboss","jenkins",
+    "grafana","hashi-corp-vault","helm","ibm","ingress","inteligence","jboss","jenkins",
     "jfrog","jira","key","kubernetes","linux","mailhog","microsoft-iis",
     "microsoft-teams","mysql","netscaler","new-relic","octopus-deploy",
     "open-policy-agent","openid","openshift","opsgenie","oracle","parasoft",
@@ -330,7 +330,6 @@ document.addEventListener('DOMContentLoaded', () => {
     "sonarcloud","sonarqube","sonatype","svn","team-forge","teamcity","terraform",
     "testlink","topaz","travis-ci","urbancode-deploy","vmware","webhook",
     "windows","xray","zendesk",
-    "grafana",
   ];
 
   // --- FAVOURITES LOGIC ---
@@ -380,11 +379,11 @@ document.addEventListener('DOMContentLoaded', () => {
     const themeClass = root.classList.contains('dark') ? 'dark' : 'light';
     const isInteg    = type === 'integration' || (integrationsList.includes(item) && !illustrations.includes(item));
 
-    // Toggle field visibility
+    // Toggle field visibility — use style.display (more reliable than Tailwind hidden class)
     const illusFields = document.getElementById('modal-illus-fields');
     const integFields = document.getElementById('modal-integ-fields');
-    if (illusFields) illusFields.classList.toggle('hidden', isInteg);
-    if (integFields) integFields.classList.toggle('hidden', !isInteg);
+    if (illusFields) illusFields.style.display = isInteg  ? 'none'  : 'block';
+    if (integFields) integFields.style.display = !isInteg ? 'none'  : 'block';
 
     if (isInteg) {
       // Integration modal — single usage field

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@digital-ai/dot-illustrations",
-  "version": "2.0.40",
+  "version": "2.0.41",
   "description": "A central place for the design team to keep illustrations and for dev teams to find them.",
   "main": "./index.css",
   "scripts": {