@scalar/api-client-react 0.1.0 → 0.1.1

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @scalar/api-client-react
 
+## 0.1.1
+
+### Patch Changes
+
+- Updated dependencies [c5e8b13]
+  - @scalar/api-client@0.12.13
+
 ## 0.1.0
 
 ### Minor Changes

package/dist/index.cjs

@@ -17127,6 +17127,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;
 }
@@ -48238,11 +48251,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/dist/index.js

@@ -17125,6 +17125,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;
 }
@@ -48236,11 +48249,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/dist/index.umd.cjs

@@ -17128,6 +17128,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;
 }
@@ -48239,11 +48252,42 @@ a[data-v-ffc7287f] {
     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

@@ -14,7 +14,7 @@
     "testing",
     "react"
   ],
-  "version": "0.1.0",
+  "version": "0.1.1",
   "engines": {
     "node": ">=18"
   },
@@ -44,7 +44,7 @@
   "dependencies": {
     "react": "^18.2.0",
     "vue": "^3.3.0",
-    "@scalar/api-client": "0.12.12"
+    "@scalar/api-client": "0.12.13"
   },
   "devDependencies": {
     "@types/react": "^18.2.60",