@scalar/api-client 1.2.7 → 1.2.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,13 @@
1
1
  # @scalar/api-client
2
2
 
3
+ ## 1.2.8
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies [2700c5c]
8
+ - @scalar/components@0.5.5
9
+ - @scalar/themes@0.7.5
10
+
3
11
  ## 1.2.7
4
12
 
5
13
  ### Patch Changes
@@ -3,20 +3,25 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
3
3
  proxyUrl?: string | undefined;
4
4
  readOnly?: boolean | undefined;
5
5
  theme?: ThemeId | undefined;
6
+ withDefaultFonts: boolean;
6
7
  }>, {
7
8
  readOnly: boolean;
9
+ withDefaultFonts: boolean;
8
10
  }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
9
11
  escapeKeyPress: () => void;
10
12
  }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
11
13
  proxyUrl?: string | undefined;
12
14
  readOnly?: boolean | undefined;
13
15
  theme?: ThemeId | undefined;
16
+ withDefaultFonts: boolean;
14
17
  }>, {
15
18
  readOnly: boolean;
19
+ withDefaultFonts: boolean;
16
20
  }>>> & {
17
21
  onEscapeKeyPress?: (() => any) | undefined;
18
22
  }, {
19
23
  readOnly: boolean;
24
+ withDefaultFonts: boolean;
20
25
  }, {}>;
21
26
  export default _default;
22
27
  type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
@@ -1 +1 @@
1
- {"version":3,"file":"ApiClient.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ApiClient/ApiClient.vue.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,OAAO,EAAe,MAAM,gBAAgB,CAAA;;;;;;;;;;;;;;;;;;cA4W3C,OAAO;;AAPtB,wBAWG;AACH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
1
+ {"version":3,"file":"ApiClient.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ApiClient/ApiClient.vue.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,OAAO,EAAe,MAAM,gBAAgB,CAAA;;;;;sBAkXpC,OAAO;;;;;;;;;;sBAAP,OAAO;;;;;;;cAFd,OAAO;sBAEA,OAAO;;AAT7B,wBAYG;AACH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
package/dist/index.css CHANGED
@@ -1,5 +1,3 @@
1
- @import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900');@import url('https://fonts.googleapis.com/css?family=JetBrains%20Mono');
2
-
3
1
  @layer scalar-base {
4
2
  :root {
5
3
  --scalar-border-width: 1px;
package/dist/index.js CHANGED
@@ -5,7 +5,7 @@ var __publicField = (obj, key, value) => {
5
5
  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
6
6
  return value;
7
7
  };
8
- import { defineComponent, openBlock, createBlock, resolveDynamicComponent, withCtx, createTextVNode, toDisplayString, unref, createCommentVNode, onMounted, useCssModule, renderSlot, reactive, readonly, ref, computed, normalizeStyle, normalizeProps, guardReactiveProps, watch, onBeforeUnmount, toValue as toValue$1, toRef, createElementBlock, createElementVNode, createVNode, normalizeClass, Fragment, renderList, createStaticVNode, pushScopeId, popScopeId, mergeProps, useAttrs, nextTick, onServerPrefetch, useSSRContext, defineAsyncComponent, useCssVars, Teleport, withModifiers, withDirectives, vModelText, vModelCheckbox, vShow, toRaw, withKeys } from "vue";
8
+ import { defineComponent, openBlock, createBlock, resolveDynamicComponent, withCtx, createTextVNode, toDisplayString, unref, createElementBlock, Fragment, createCommentVNode, onMounted, useCssModule, renderSlot, reactive, readonly, ref, computed, normalizeStyle, normalizeProps, guardReactiveProps, watch, onBeforeUnmount, toValue as toValue$1, toRef, createElementVNode, createVNode, normalizeClass, renderList, createStaticVNode, pushScopeId, popScopeId, mergeProps, useAttrs, nextTick, onServerPrefetch, useSSRContext, defineAsyncComponent, useCssVars, Teleport, withModifiers, withDirectives, vModelText, vModelCheckbox, vShow, toRaw, withKeys } from "vue";
9
9
  import { Dialog, DialogPanel, DialogTitle, DialogDescription, Disclosure, DisclosureButton, DisclosurePanel, Listbox, ListboxButton, ListboxOptions, ListboxOption, TabGroup, TabList, Tab, TabPanels, TabPanel } from "@headlessui/vue";
10
10
  import { useMagicKeys, whenever, useEventBus, useMediaQuery } from "@vueuse/core";
11
11
  import axios from "axios";
@@ -24,19 +24,37 @@ const moonTheme = ".light-mode {\n color-scheme: light;\n --scalar-color-1: #0
24
24
  const purpleTheme = "/* basic theme */\n.light-mode {\n --scalar-background-1: #fff;\n --scalar-background-2: #f5f6f8;\n --scalar-background-3: #eceef1;\n\n --scalar-color-1: #2a2f45;\n --scalar-color-2: #757575;\n --scalar-color-3: #8e8e8e;\n\n --scalar-color-accent: #5469d4;\n --scalar-background-accent: #5469d41f;\n\n --scalar-border-color: rgba(215, 215, 206, 0.5);\n}\n.dark-mode {\n --scalar-background-1: #15171c;\n --scalar-background-2: #1c1e24;\n --scalar-background-3: #22252b;\n\n --scalar-color-1: #fafafa;\n --scalar-color-2: #c9ced8;\n --scalar-color-3: #8c99ad;\n\n --scalar-color-accent: #5469d4;\n --scalar-background-accent: #5469d41f;\n\n --scalar-border-color: rgba(255, 255, 255, 0.12);\n}\n/* Document Sidebar */\n.light-mode .t-doc__sidebar,\n.dark-mode .t-doc__sidebar {\n --scalar-sidebar-background-1: var(--scalar-background-1);\n --scalar-sidebar-color-1: var(--scalar-color-1);\n --scalar-sidebar-color-2: var(--scalar-color-2);\n --scalar-sidebar-border-color: var(--scalar-border-color);\n\n --scalar-sidebar-item-hover-color: currentColor;\n --scalar-sidebar-item-hover-background: var(--scalar-background-3);\n\n --scalar-sidebar-item-active-background: var(--scalar-background-accent);\n --scalar-sidebar-color-active: var(--scalar-color-accent);\n\n --scalar-sidebar-search-background: var(--scalar-background-1);\n --scalar-sidebar-search-color: var(--scalar-color-3);\n --scalar-sidebar-search-border-color: var(--scalar-border-color);\n}\n\n/* advanced */\n.light-mode {\n --scalar-color-green: #17803d;\n --scalar-color-red: #e10909;\n --scalar-color-yellow: #edbe20;\n --scalar-color-blue: #1763a6;\n --scalar-color-orange: #e25b09;\n --scalar-color-purple: #5c3993;\n\n --scalar-button-1: rgba(0, 0, 0, 1);\n --scalar-button-1-hover: rgba(0, 0, 0, 0.8);\n --scalar-button-1-color: rgba(255, 255, 255, 0.9);\n}\n.dark-mode {\n --scalar-color-green: #30a159;\n --scalar-color-red: #dc1b19;\n --scalar-color-yellow: #eec644;\n --scalar-color-blue: #2b7abf;\n --scalar-color-orange: #f07528;\n --scalar-color-purple: #7a59b1;\n\n --scalar-button-1: rgba(255, 255, 255, 1);\n --scalar-button-1-hover: rgba(255, 255, 255, 0.9);\n --scalar-button-1-color: black;\n}\n";
25
25
  const saturnTheme = "/* basic theme */\n.light-mode {\n --scalar-background-1: #f3f3ee;\n --scalar-background-2: #e8e8e3;\n --scalar-background-3: #e4e4df;\n --scalar-border-color: rgba(215, 215, 206, 0.5);\n\n --scalar-color-1: #2a2f45;\n --scalar-color-2: #757575;\n --scalar-color-3: #8e8e8e;\n\n --scalar-color-accent: #1763a6;\n --scalar-background-accent: #1f648e1f;\n\n --scalar-code-language-color-supersede: var(--scalar-color-1);\n --scalar-code-languages-background-supersede: var(--scalar-background-2);\n}\n.dark-mode {\n --scalar-background-1: #09090b;\n --scalar-background-2: #18181b;\n --scalar-background-3: #2c2c30;\n --scalar-border-color: rgba(255, 255, 255, 0.12);\n\n --scalar-color-1: #fafafa;\n --scalar-color-2: rgb(161, 161, 170);\n --scalar-color-3: rgba(255, 255, 255, 0.533);\n\n --scalar-color-accent: #4eb3ec;\n --scalar-background-accent: #8ab4f81f;\n\n --scalar-code-language-color-supersede: var(--scalar-color-1);\n --scalar-code-languages-background-supersede: var(--scalar-background-2);\n}\n/* Document Sidebar */\n.light-mode .t-doc__sidebar,\n.dark-mode .t-doc__sidebar {\n --scalar-sidebar-background-1: var(--scalar-background-1);\n --scalar-sidebar-color-1: var(--scalar-color-1);\n --scalar-sidebar-color-2: var(--scalar-color-2);\n --scalar-sidebar-border-color: var(--scalar-border-color);\n\n --scalar-sidebar-item-hover-background: var(--scalar-background-2);\n --scalar-sidebar-item-hover-color: currentColor;\n\n --scalar-sidebar-item-active-background: var(--scalar-background-3);\n --scalar-sidebar-color-active: var(--scalar-color-1);\n\n --scalar-sidebar-search-background: var(--scalar-background-1);\n --scalar-sidebar-search-border-color: var(--scalar-border-color);\n --scalar-sidebar-search-color: var(--scalar-color-3);\n}\n\n/* advanced */\n.light-mode {\n --scalar-color-green: #17803d;\n --scalar-color-red: #e10909;\n --scalar-color-yellow: #edbe20;\n --scalar-color-blue: #1763a6;\n --scalar-color-orange: #e25b09;\n --scalar-color-purple: #5c3993;\n\n --scalar-button-1: rgba(0, 0, 0, 1);\n --scalar-button-1-hover: rgba(0, 0, 0, 0.8);\n --scalar-button-1-color: rgba(255, 255, 255, 0.9);\n}\n.dark-mode {\n --scalar-color-green: #30a159;\n --scalar-color-red: #dc1b19;\n --scalar-color-yellow: #eec644;\n --scalar-color-blue: #2b7abf;\n --scalar-color-orange: #f07528;\n --scalar-color-purple: #7a59b1;\n\n --scalar-button-1: rgba(255, 255, 255, 1);\n --scalar-button-1-hover: rgba(255, 255, 255, 0.9);\n --scalar-button-1-color: black;\n}\n.dark-mode h2.t-editor__heading,\n.dark-mode .t-editor__page-title h1,\n.dark-mode h1.section-header,\n.dark-mode .markdown h1,\n.dark-mode .markdown h2,\n.dark-mode .markdown h3,\n.dark-mode .markdown h4,\n.dark-mode .markdown h5,\n.dark-mode .markdown h6 {\n -webkit-text-fill-color: transparent;\n background-image: linear-gradient(\n to right bottom,\n rgb(255, 255, 255) 30%,\n rgba(255, 255, 255, 0.38)\n );\n -webkit-background-clip: text;\n background-clip: text;\n}\n";
26
26
  const solarizedTheme = ".light-mode {\n color-scheme: light;\n --scalar-color-1: #584c27;\n --scalar-color-2: #616161;\n --scalar-color-3: #a89f84;\n --scalar-color-accent: #b58900;\n --scalar-background-1: #fdf6e3;\n --scalar-background-2: #eee8d5;\n --scalar-background-3: #ddd6c1;\n --scalar-background-accent: #b589001f;\n\n --scalar-border-color: #ded8c8;\n --scalar-scrollbar-color: rgba(0, 0, 0, 0.18);\n --scalar-scrollbar-color-active: rgba(0, 0, 0, 0.36);\n --scalar-lifted-brightness: 1;\n --scalar-backdrop-brightness: 1;\n\n --scalar-shadow-1: 0 1px 3px 0 rgba(0, 0, 0, 0.11);\n --scalar-shadow-2: rgba(0, 0, 0, 0.08) 0px 13px 20px 0px,\n rgba(0, 0, 0, 0.08) 0px 3px 8px 0px, #eeeeed 0px 0 0 1px;\n\n --scalar-button-1: rgb(49 53 56);\n --scalar-button-1-color: #fff;\n --scalar-button-1-hover: rgb(28 31 33);\n\n --scalar-color-red: #b91c1c;\n --scalar-color-orange: #a16207;\n --scalar-color-green: #047857;\n --scalar-color-blue: #1d4ed8;\n --scalar-color-orange: #c2410c;\n --scalar-color-purple: #6d28d9;\n}\n\n.dark-mode {\n color-scheme: dark;\n --scalar-color-1: #fff;\n --scalar-color-2: #cccccc;\n --scalar-color-3: #6d8890;\n --scalar-color-accent: #007acc;\n --scalar-background-1: #00212b;\n --scalar-background-2: #012b36;\n --scalar-background-3: #004052;\n --scalar-background-accent: #015a6f;\n\n --scalar-border-color: rgba(255, 255, 255, 0.1);\n --scalar-scrollbar-color: rgba(255, 255, 255, 0.24);\n --scalar-scrollbar-color-active: rgba(255, 255, 255, 0.48);\n --scalar-lifted-brightness: 1.45;\n --scalar-backdrop-brightness: 0.5;\n\n --scalar-shadow-1: 0 1px 3px 0 rgb(0, 0, 0, 0.1);\n --scalar-shadow-2: rgba(15, 15, 15, 0.2) 0px 3px 6px,\n rgba(15, 15, 15, 0.4) 0px 9px 24px, 0 0 0 1px rgba(255, 255, 255, 0.1);\n\n --scalar-button-1: #f6f6f6;\n --scalar-button-1-color: #000;\n --scalar-button-1-hover: #e7e7e7;\n\n --scalar-color-green: #00b648;\n --scalar-color-red: #dc1b19;\n --scalar-color-yellow: #ffc90d;\n --scalar-color-blue: #4eb3ec;\n --scalar-color-orange: #ff8d4d;\n --scalar-color-purple: #b191f9;\n}\n\n/* Sidebar */\n.light-mode .t-doc__sidebar {\n --scalar-sidebar-background-1: var(--scalar-background-1);\n --scalar-sidebar-item-hover-color: currentColor;\n --scalar-sidebar-item-hover-background: var(--scalar-background-2);\n --scalar-sidebar-item-active-background: var(--scalar-background-accent);\n --scalar-sidebar-border-color: var(--scalar-border-color);\n --scalar-sidebar-color-1: var(--scalar-color-1);\n --scalar-sidebar-color-2: var(--scalar-color-2);\n --scalar-sidebar-color-active: var(--scalar-color-accent);\n --scalar-sidebar-search-background: var(--scalar-background-2);\n --scalar-sidebar-search-border-color: var(--scalar-sidebar-search-background);\n --scalar-sidebar-search--color: var(--scalar-color-3);\n}\n\n.dark-mode .sidebar {\n --scalar-sidebar-background-1: var(--scalar-background-1);\n --scalar-sidebar-item-hover-color: currentColor;\n --scalar-sidebar-item-hover-background: var(--scalar-background-2);\n --scalar-sidebar-item-active-background: var(--scalar-background-accent);\n --scalar-sidebar-border-color: var(--scalar-border-color);\n --scalar-sidebar-color-1: var(--scalar-color-1);\n --scalar-sidebar-color-2: var(--scalar-color-2);\n --scalar-sidebar-color-active: var(--scalar-sidebar-color-1);\n --scalar-sidebar-search-background: var(--scalar-background-2);\n --scalar-sidebar-search-border-color: var(--scalar-sidebar-search-background);\n --scalar-sidebar-search--color: var(--scalar-color-3);\n}\n";
27
+ const fonts = "\n@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900');\n@import url('https://fonts.googleapis.com/css?family=JetBrains%20Mono');\n/* Inter (--scalar-font) */\n/* JetBrains Mono (--scalar-font-code) */\n";
28
+ const _sfc_main$F = /* @__PURE__ */ defineComponent({
29
+ __name: "DefaultFonts",
30
+ setup(__props) {
31
+ return (_ctx, _cache) => {
32
+ return openBlock(), createBlock(resolveDynamicComponent("style"), null, {
33
+ default: withCtx(() => [
34
+ createTextVNode(toDisplayString(unref(fonts)), 1)
35
+ ]),
36
+ _: 1
37
+ });
38
+ };
39
+ }
40
+ });
27
41
  const _sfc_main$E = /* @__PURE__ */ defineComponent({
28
42
  __name: "ThemeStyles",
29
43
  props: {
30
- id: {}
44
+ id: {},
45
+ withDefaultFonts: { type: Boolean, default: true }
31
46
  },
32
47
  setup(__props) {
33
48
  return (_ctx, _cache) => {
34
- return _ctx.id !== "none" ? (openBlock(), createBlock(resolveDynamicComponent("style"), { key: 0 }, {
35
- default: withCtx(() => [
36
- createTextVNode(toDisplayString(unref(getThemeById)(_ctx.id, { layer: "scalar-theme" })), 1)
37
- ]),
38
- _: 1
39
- })) : createCommentVNode("", true);
49
+ return openBlock(), createElementBlock(Fragment, null, [
50
+ _ctx.withDefaultFonts ? (openBlock(), createBlock(_sfc_main$F, { key: 0 })) : createCommentVNode("", true),
51
+ _ctx.id !== "none" ? (openBlock(), createBlock(resolveDynamicComponent("style"), { key: 1 }, {
52
+ default: withCtx(() => [
53
+ createTextVNode(toDisplayString(unref(getThemeById)(_ctx.id, { layer: "scalar-theme" })), 1)
54
+ ]),
55
+ _: 1
56
+ })) : createCommentVNode("", true)
57
+ ], 64);
40
58
  };
41
59
  }
42
60
  });
@@ -33021,7 +33039,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
33021
33039
  props: {
33022
33040
  proxyUrl: {},
33023
33041
  readOnly: { type: Boolean, default: false },
33024
- theme: {}
33042
+ theme: {},
33043
+ withDefaultFonts: { type: Boolean, default: true }
33025
33044
  },
33026
33045
  emits: ["escapeKeyPress"],
33027
33046
  setup(__props, { emit: __emit }) {
@@ -33048,7 +33067,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
33048
33067
  );
33049
33068
  return (_ctx, _cache) => {
33050
33069
  return openBlock(), createElementBlock(Fragment, null, [
33051
- createVNode(unref(_sfc_main$E), { id: _ctx.theme }, null, 8, ["id"]),
33070
+ createVNode(unref(_sfc_main$E), {
33071
+ id: _ctx.theme,
33072
+ withDefaultFonts: _ctx.withDefaultFonts
33073
+ }, null, 8, ["id", "withDefaultFonts"]),
33052
33074
  createVNode(_sfc_main$C, {
33053
33075
  class: "scalar-api-client",
33054
33076
  method: unref(activeRequest2).type ?? "get",
package/package.json CHANGED
@@ -13,7 +13,7 @@
13
13
  "rest",
14
14
  "testing"
15
15
  ],
16
- "version": "1.2.7",
16
+ "version": "1.2.8",
17
17
  "engines": {
18
18
  "node": ">=18"
19
19
  },
@@ -42,8 +42,8 @@
42
42
  "nanoid": "^5.0.1",
43
43
  "pretty-bytes": "^6.1.1",
44
44
  "pretty-ms": "^8.0.0",
45
- "@scalar/components": "0.5.4",
46
- "@scalar/themes": "0.7.4",
45
+ "@scalar/components": "0.5.5",
46
+ "@scalar/themes": "0.7.5",
47
47
  "@scalar/use-codemirror": "0.10.1",
48
48
  "@scalar/use-modal": "0.3.0",
49
49
  "@scalar/use-tooltip": "0.6.0"