@scalar/code-highlight 0.0.25 → 0.0.27

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @scalar/code-highlight
 
+## 0.0.27
+
+### Patch Changes
+
+- 799845f: feat(components): allow ScalarCodeblock to support different font sizes
+
+## 0.0.26
+
+### Patch Changes
+
+- 0e888bc: feat: add dart to standard languages
+
 ## 0.0.25
 
 ### Patch Changes

package/dist/code/highlight.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"highlight.d.ts","sourceRoot":"","sources":["../../src/code/highlight.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAW9C;;GAEG;AACH,wBAAgB,eAAe,CAC7B,UAAU,EAAE,MAAM,EAClB,OAAO,EAAE;IACP,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,CAAA;IACrC,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,eAAe,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;CACpC,UA4CF"}
+{"version":3,"file":"highlight.d.ts","sourceRoot":"","sources":["../../src/code/highlight.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAW9C;;GAEG;AACH,wBAAgB,eAAe,CAC7B,UAAU,EAAE,MAAM,EAClB,OAAO,EAAE;IACP,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,CAAA;IACrC,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,eAAe,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;CACpC,UA+CF"}

package/dist/code/highlight.js

@@ -39,7 +39,9 @@ function syntaxHighlight(codeString, options) {
     const htmlString = html.toString();
     // Replace any credentials with a wrapper element
     return credentials.length
-        ? credentials.reduce((acc, credential) => acc.split(credential).join(`<span class="credentials">${credential}</span>`), htmlString)
+        ? credentials.reduce((acc, credential) => acc
+            .split(credential)
+            .join(`<span class="credential"><span class="credential-value">${credential}</span></span>`), htmlString)
         : htmlString;
 }
 /**

package/dist/css/code.css

@@ -1,6 +1,6 @@
 .scalar-app {
-  code.hljs * {
-    font-size: var(--scalar-small);
+  :where(code.hljs) * {
+    font-size: inherit;
     font-family: var(--scalar-font-code);
     text-align: left;
     white-space: pre;
@@ -12,7 +12,7 @@
   }
   code.hljs {
     all: unset;
-    font-size: var(--scalar-small);
+    font-size: inherit;
     color: var(--scalar-color-2);
     font-family: var(--scalar-font-code);
     display: inline-block;
@@ -139,15 +139,14 @@
   }
 
   /** Hide credentials */
-  .credentials {
-    font-size: 0 !important;
+  .credential .credential-value {
+    font-size: 0;
     color: transparent;
   }
 
   /** Show a few dots instead */
-  .credentials::after {
+  .credential::after {
     content: "·····";
-    font-size: var(--scalar-small);
     color: var(--scalar-color-3);
     user-select: none;
   }

package/dist/languages/basic.js

@@ -15,9 +15,9 @@ import yaml from 'highlight.js/lib/languages/yaml';
 const basicLanguages = {
     bash,
     css,
+    html: xml,
     javascript,
     json,
-    html: xml,
     less,
     markdown,
     plaintext,
@@ -25,8 +25,8 @@ const basicLanguages = {
     scss,
     shell,
     typescript,
-    yaml,
     xml,
+    yaml,
 };
 
 export { basicLanguages };

package/dist/languages/standard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"standard.d.ts","sourceRoot":"","sources":["../../src/languages/standard.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAsC9C,QAAA,MAAM,iBAAiB,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,CAqCjD,CAAA;AAED,OAAO,EAAE,iBAAiB,EAAE,CAAA"}
+{"version":3,"file":"standard.d.ts","sourceRoot":"","sources":["../../src/languages/standard.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAuC9C,QAAA,MAAM,iBAAiB,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,CAsCjD,CAAA;AAED,OAAO,EAAE,iBAAiB,EAAE,CAAA"}

package/dist/languages/standard.js

@@ -4,6 +4,7 @@ import clojure from 'highlight.js/lib/languages/clojure';
 import cpp from 'highlight.js/lib/languages/cpp';
 import csharp from 'highlight.js/lib/languages/csharp';
 import css from 'highlight.js/lib/languages/css';
+import dart from 'highlight.js/lib/languages/dart';
 import elixir from 'highlight.js/lib/languages/elixir';
 import go from 'highlight.js/lib/languages/go';
 import graphql from 'highlight.js/lib/languages/graphql';
@@ -39,9 +40,10 @@ const standardLanguages = {
     c,
     clojure,
     cpp,
+    csharp,
     css,
     curl,
-    csharp,
+    dart,
     elixir,
     go,
     graphql,

package/dist/rehype-alert/rehype-alert.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"rehype-alert.d.ts","sourceRoot":"","sources":["../../src/rehype-alert/rehype-alert.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,OAAO,CAAA;AASjC,wBAAgB,WAAW,WACX,IAAI,UAkFnB"}
+{"version":3,"file":"rehype-alert.d.ts","sourceRoot":"","sources":["../../src/rehype-alert/rehype-alert.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,OAAO,CAAA;AASjC,wBAAgB,WAAW,WACX,IAAI,UAgGnB"}

package/dist/rehype-alert/rehype-alert.js

@@ -13,29 +13,36 @@ function rehypeAlert() {
             }
             // Find the first non-whitespace child
             const headIndex = node.children.findIndex((child) => !isWhitespace(child));
-            if (headIndex === -1)
+            if (headIndex === -1) {
                 return;
+            }
             const head = node.children[headIndex];
-            if (!head || head.type !== 'element' || head.tagName !== 'p')
+            if (!head || head.type !== 'element' || head.tagName !== 'p') {
                 return;
+            }
             const text = head.children[0];
-            if (!text || text.type !== 'text' || !text.value.startsWith('[!'))
+            if (!text || text.type !== 'text' || !text.value.startsWith('[!')) {
                 return;
+            }
             const end = text.value.indexOf(']');
-            if (end === -1)
+            if (end === -1) {
                 return;
+            }
             // Extract the alert type
             const alertType = text.value.slice(2, end).toLowerCase();
-            if (!ALERT_TYPES.includes(alertType))
+            if (!ALERT_TYPES.includes(alertType)) {
                 return;
+            }
             // Remove the blockquote if it's empty
             if (end + 1 === text.value.length) {
                 const next = head.children[1];
                 if (next) {
-                    if (next.type !== 'element' || next.tagName !== 'br')
+                    if (next.type !== 'element' || next.tagName !== 'br') {
                         return;
-                    if (!head.children[2])
+                    }
+                    if (!head.children[2]) {
                         return;
+                    }
                     head.children = head.children.slice(2);
                     const node = head.children[0];
                     if (node && node.type === 'text' && node.value.charAt(0) === '\n') {

package/dist/rehype-highlight/rehype-highlight.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"rehype-highlight.d.ts","sourceRoot":"","sources":["../../src/rehype-highlight/rehype-highlight.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAA2B,IAAI,EAAE,MAAM,MAAM,CAAA;AAEzD,OAAO,EAAE,cAAc,EAAE,KAAK,UAAU,EAAE,MAAM,UAAU,CAAA;AAE1D,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,OAAO,CAAA;AAIlC,KAAK,gBAAgB,GAAG;IACtB,iDAAiD;IACjD,QAAQ,CAAC,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,GAAG,SAAS,CAAA;IACxD,2EAA2E;IAC3E,OAAO,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,MAAM,CAAC,GAAG,MAAM,CAAC,CAAC,GAAG,IAAI,GAAG,SAAS,CAAA;IACrF,2EAA2E;IAC3E,SAAS,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC,GAAG,IAAI,GAAG,SAAS,CAAA;IACnE,yGAAyG;IACzG,SAAS,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,GAAG,IAAI,GAAG,SAAS,CAAA;IACpD,wCAAwC;IACxC,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAA;IAClC,qFAAqF;IACrF,MAAM,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,GAAG,IAAI,GAAG,SAAS,CAAA;IACjD,qCAAqC;IACrC,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAA;AAID;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,OAAO,CAAC,EAAE,QAAQ,CAAC,gBAAgB,CAAC,GAAG,IAAI,GAAG,SAAS,UAqBvE,IAAI,QAAQ,KAAK,UAsDhC"}
+{"version":3,"file":"rehype-highlight.d.ts","sourceRoot":"","sources":["../../src/rehype-highlight/rehype-highlight.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAA2B,IAAI,EAAE,MAAM,MAAM,CAAA;AAEzD,OAAO,EAAE,cAAc,EAAE,KAAK,UAAU,EAAE,MAAM,UAAU,CAAA;AAE1D,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,OAAO,CAAA;AAIlC,KAAK,gBAAgB,GAAG;IACtB,iDAAiD;IACjD,QAAQ,CAAC,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,GAAG,SAAS,CAAA;IACxD,2EAA2E;IAC3E,OAAO,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,MAAM,CAAC,GAAG,MAAM,CAAC,CAAC,GAAG,IAAI,GAAG,SAAS,CAAA;IACrF,2EAA2E;IAC3E,SAAS,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC,GAAG,IAAI,GAAG,SAAS,CAAA;IACnE,yGAAyG;IACzG,SAAS,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,GAAG,IAAI,GAAG,SAAS,CAAA;IACpD,wCAAwC;IACxC,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAA;IAClC,qFAAqF;IACrF,MAAM,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,GAAG,IAAI,GAAG,SAAS,CAAA;IACjD,qCAAqC;IACrC,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAA;AAID;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,OAAO,CAAC,EAAE,QAAQ,CAAC,gBAAgB,CAAC,GAAG,IAAI,GAAG,SAAS,UAuBvE,IAAI,QAAQ,KAAK,UAsDhC"}

package/dist/rehype-highlight/rehype-highlight.js

@@ -20,8 +20,9 @@ function rehypeHighlight(options) {
     let name = 'hljs';
     // Create a lowlight instance if not provided
     const lowlight = options?.lowlight ?? createLowlight(languages);
-    if (aliases)
+    if (aliases) {
         lowlight.registerAlias(aliases);
+    }
     if (prefix) {
         const pos = prefix.indexOf('-');
         name = pos > -1 ? prefix.slice(0, pos) : prefix;
@@ -75,18 +76,23 @@ function rehypeHighlight(options) {
 /** Get the programming language of `node` or an empty string */
 function language(node) {
     const list = node.properties.className;
-    if (!Array.isArray(list))
+    if (!Array.isArray(list)) {
         return '';
+    }
     const name = list.reduce((result, _item) => {
-        if (result)
+        if (result) {
             return result;
+        }
         const item = String(_item);
-        if (item === 'no-highlight' || item === 'nohighlight')
+        if (item === 'no-highlight' || item === 'nohighlight') {
             return 'no-highlight';
-        if (item.slice(0, 5) === 'lang-')
+        }
+        if (item.slice(0, 5) === 'lang-') {
             return item.slice(5);
-        if (item.slice(0, 9) === 'language-')
+        }
+        if (item.slice(0, 9) === 'language-') {
             return item.slice(9);
+        }
         return result;
     }, '');
     return lowlightLanguageMappings[name || ''] || name;

package/package.json

@@ -16,7 +16,7 @@
     "lowlight",
     "highlightjs"
   ],
-  "version": "0.0.25",
+  "version": "0.0.27",
   "engines": {
     "node": ">=18"
   },
@@ -98,7 +98,7 @@
     "vite": "^5.4.10",
     "vue": "^3.5.12",
     "@scalar/build-tooling": "0.1.17",
-    "@scalar/themes": "0.9.78"
+    "@scalar/themes": "0.9.84"
   },
   "scripts": {
     "build": "scalar-build-rollup",