@scalar/api-client 0.12.12 → 0.12.13

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @scalar/api-client
 
+## 0.12.13
+
+### Patch Changes
+
+- c5e8b13: feat: hide secret credentials
+- Updated dependencies [c5e8b13]
+  - @scalar/components@0.4.1
+
 ## 0.12.12
 
 ### Patch Changes

package/dist/index.js

@@ -1041,6 +1041,19 @@ pre[class*="language-"].line-numbers > code {
   color: var(--theme-color-green, var(--default-theme-color-green));
 }
 
+/** Hide credentials */
+.credentials {
+  font-size: 0;
+  color: transparent;
+}
+
+/** Show a few dots instead */
+.credentials::after {
+  content: '·····';
+  font-size: var(--theme-small, var(--default-theme-small));
+  color: var(--theme-color-3, var(--default-theme-color-3));
+}
+
 .scalar-modal-layout[data-v-53cbffc0] {
   animation: modal-fade-53cbffc0 0.2s forwards;
 }
@@ -32203,11 +32216,42 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
   props: {
     content: {},
     lang: { default: "js" },
-    lineNumbers: { type: Boolean, default: false }
+    lineNumbers: { type: Boolean, default: false },
+    hideCredentials: {}
   },
   setup(__props) {
     const props = __props;
     const { plugins, highlightElement } = prismjs;
+    if (props.hideCredentials) {
+      prismjs.hooks.add("wrap", function(env) {
+        if (!props.hideCredentials) {
+          return;
+        }
+        let showsCredentials = false;
+        if (typeof props.hideCredentials === "string") {
+          if (env.content.includes(props.hideCredentials)) {
+            showsCredentials = true;
+          }
+        } else if (Array.isArray(props.hideCredentials)) {
+          showsCredentials = props.hideCredentials.some(
+            (token) => env.content.includes(token)
+          );
+        }
+        if (showsCredentials) {
+          env.content = env.content.replace(
+            /<span class="credentials">.*?<\/span>/g,
+            (match) => match.replace(/<span class="credentials">|<\/span>/g, "")
+          );
+          env.content = env.content.replace(
+            new RegExp(
+              typeof props.hideCredentials === "string" ? props.hideCredentials : props.hideCredentials.join("|"),
+              "g"
+            ),
+            (match) => `<span class="credentials">${match}</span>`
+          );
+        }
+      });
+    }
     const el = ref(null);
     const language2 = computed(() => {
       return props.lang === "node" ? "js" : props.lang;

package/package.json

@@ -13,7 +13,7 @@
     "rest",
     "testing"
   ],
-  "version": "0.12.12",
+  "version": "0.12.13",
   "engines": {
     "node": ">=18"
   },
@@ -42,10 +42,10 @@
     "pretty-bytes": "^6.1.1",
     "pretty-ms": "^8.0.0",
     "vue": "^3.3.0",
-    "@scalar/components": "0.4.0",
     "@scalar/themes": "0.5.10",
-    "@scalar/use-modal": "0.2.8",
-    "@scalar/use-codemirror": "0.8.8"
+    "@scalar/components": "0.4.1",
+    "@scalar/use-codemirror": "0.8.8",
+    "@scalar/use-modal": "0.2.8"
   },
   "devDependencies": {
     "@types/content-type": "^1.1.6",