@scalar/api-client 2.38.1 → 2.38.3

package/dist/environments-ByLK9lnC.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"environments-ByLK9lnC.js","names":[],"sources":["../src/v2/features/environments/components/EnvironmentColors.vue","../src/v2/features/environments/components/EnvironmentColors.vue","../src/v2/features/environments/components/EnvironmentCreateModal.vue","../src/v2/features/environments/components/EnvironmentCreateModal.vue","../src/v2/features/environments/components/EnvironmentDeleteModal.vue","../src/v2/features/environments/components/EnvironmentDeleteModal.vue","../src/v2/features/environments/components/EnvironmentVariablesTable.vue","../src/v2/features/environments/components/EnvironmentVariablesTable.vue","../src/v2/features/environments/components/Environment.vue","../src/v2/features/environments/components/Environment.vue","../src/v2/features/environments/EnvironmentsList.vue","../src/v2/features/environments/EnvironmentsList.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarIcon } from '@scalar/components'\nimport { computed, nextTick, ref } from 'vue'\n\nconst { activeColor } = defineProps<{\n  activeColor: string\n}>()\n\nconst emit = defineEmits<{\n  (e: 'select', color: string): void\n}>()\n\nconst customColor = ref('')\nconst customColorInputRef = ref<HTMLInputElement | null>(null)\nconst showCustomInput = ref(false)\nconst showSelector = ref(false)\n\n/**\n * Predefined color options available in the color picker.\n * Each option provides a standard color choice for the environment.\n */\nconst colorOptions = [\n  '#FFFFFF',\n  '#EF0006',\n  '#EDBE20',\n  '#069061',\n  '#FB892C',\n  '#0082D0',\n  '#5203D1',\n  '#FFC0CB',\n] as const\n\n/** Default gradient shown when no custom color is selected. */\nconst DEFAULT_GRADIENT =\n  'linear-gradient(to right, rgb(235, 87, 87), rgb(242, 201, 76), rgb(76, 183, 130), rgb(78, 167, 252), rgb(250, 96, 122))'\n\n/** Check if the active color is one of the preset options. */\nconst isPresetColor = computed(() =>\n  colorOptions.includes(activeColor as (typeof colorOptions)[number]),\n)\n\n/** Check if a custom color is being used (not in the preset list). */\nconst isCustomColor = computed(\n  () => activeColor && !isPresetColor.value && !showCustomInput.value,\n)\n\n/** Check if the given color matches the currently active color. */\nconst isActiveColor = (color: string): boolean => activeColor === color\n\n/**\n * Style for the custom color button.\n * Shows the actual color if custom, otherwise shows a gradient.\n */\nconst customButtonStyle = computed(() => {\n  const displayColor = customColor.value || activeColor\n  return isCustomColor.value || customColor.value\n    ? `background-color: ${displayColor};`\n    : `background: ${DEFAULT_GRADIENT};`\n})\n\n/**\n * Toggle the custom color input visibility.\n * Focuses the input after it becomes visible.\n */\nconst toggleCustomInput = async () => {\n  showCustomInput.value = !showCustomInput.value\n  showSelector.value = false\n\n  if (!showCustomInput.value) {\n    return\n  }\n\n  await nextTick()\n  customColorInputRef.value?.focus()\n}\n\n/** Toggle the color selector visibility. */\nconst toggleSelector = (): void => {\n  showSelector.value = !showSelector.value\n}\n\n/**\n * Select a color and emit the selection event.\n * Ensures the color value has a # prefix for hex colors.\n */\nconst selectColor = (color: string): void => {\n  const formattedColor = color && !color.startsWith('#') ? `#${color}` : color\n  emit('select', formattedColor)\n  showSelector.value = false\n}\n\n/**\n * Handle custom color input changes.\n * Formats the color and emits the selection.\n */\nconst handleCustomColorInput = (): void => {\n  if (!customColor.value) {\n    return\n  }\n\n  const formattedColor = customColor.value.startsWith('#')\n    ? customColor.value\n    : `#${customColor.value}`\n\n  customColor.value = formattedColor\n  selectColor(formattedColor)\n}\n</script>\n<template>\n  <div>\n    <!-- Collapsed view: single color dot -->\n    <div\n      v-if=\"!showCustomInput && !showSelector\"\n      class=\"flex h-4 w-4 cursor-pointer items-center justify-center rounded-full\"\n      :style=\"{ backgroundColor: activeColor }\"\n      @click=\"toggleSelector\">\n      <ScalarIcon\n        v-if=\"activeColor\"\n        class=\"text-c-btn p-0.5\"\n        icon=\"Checkmark\"\n        size=\"xs\" />\n    </div>\n\n    <!-- Expanded view: color palette selector -->\n    <div\n      v-if=\"!showCustomInput && showSelector\"\n      class=\"color-selector flex h-4 flex-row items-center justify-between gap-1.5 space-x-1\">\n      <!-- Preset color options -->\n      <div\n        v-for=\"option in colorOptions\"\n        :key=\"option\"\n        class=\"flex h-4 w-4 cursor-pointer items-center justify-center rounded-full\"\n        :style=\"{ backgroundColor: option }\"\n        @click=\"selectColor(option)\">\n        <ScalarIcon\n          v-if=\"isActiveColor(option)\"\n          class=\"text-c-btn p-0.5\"\n          icon=\"Checkmark\"\n          size=\"xs\" />\n      </div>\n\n      <!-- Divider -->\n      <hr class=\"border-ghost h-5 w-0.5 border-l\" />\n\n      <!-- Custom color button -->\n      <button\n        class=\"z-10 flex h-4 w-4 cursor-pointer flex-row items-center justify-center gap-2 rounded-full\"\n        :style=\"customButtonStyle\"\n        type=\"button\"\n        @click=\"toggleCustomInput\">\n        <ScalarIcon\n          v-if=\"isCustomColor\"\n          class=\"text-c-btn\"\n          icon=\"Checkmark\"\n          size=\"xs\" />\n      </button>\n    </div>\n\n    <!-- Custom color input view -->\n    <div\n      v-if=\"showCustomInput\"\n      class=\"color-selector flex h-4 flex-1 items-center gap-2 rounded\">\n      <span class=\"absolute h-4 w-4 rounded-full border border-dashed\" />\n      <span\n        class=\"z-[1] h-4 w-4 rounded-full\"\n        :style=\"customButtonStyle\" />\n      <input\n        ref=\"customColorInputRef\"\n        v-model=\"customColor\"\n        class=\"w-full flex-1 border-transparent text-sm outline-none\"\n        :placeholder=\"activeColor || '#000000'\"\n        type=\"text\"\n        @input=\"handleCustomColorInput\" />\n      <button\n        class=\"text-c-3 hover:bg-b-2 rounded-lg p-1.5\"\n        type=\"button\"\n        @click=\"toggleCustomInput\">\n        <ScalarIcon\n          icon=\"Checkmark\"\n          size=\"xs\" />\n      </button>\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { ScalarIcon } from '@scalar/components'\nimport { computed, nextTick, ref } from 'vue'\n\nconst { activeColor } = defineProps<{\n  activeColor: string\n}>()\n\nconst emit = defineEmits<{\n  (e: 'select', color: string): void\n}>()\n\nconst customColor = ref('')\nconst customColorInputRef = ref<HTMLInputElement | null>(null)\nconst showCustomInput = ref(false)\nconst showSelector = ref(false)\n\n/**\n * Predefined color options available in the color picker.\n * Each option provides a standard color choice for the environment.\n */\nconst colorOptions = [\n  '#FFFFFF',\n  '#EF0006',\n  '#EDBE20',\n  '#069061',\n  '#FB892C',\n  '#0082D0',\n  '#5203D1',\n  '#FFC0CB',\n] as const\n\n/** Default gradient shown when no custom color is selected. */\nconst DEFAULT_GRADIENT =\n  'linear-gradient(to right, rgb(235, 87, 87), rgb(242, 201, 76), rgb(76, 183, 130), rgb(78, 167, 252), rgb(250, 96, 122))'\n\n/** Check if the active color is one of the preset options. */\nconst isPresetColor = computed(() =>\n  colorOptions.includes(activeColor as (typeof colorOptions)[number]),\n)\n\n/** Check if a custom color is being used (not in the preset list). */\nconst isCustomColor = computed(\n  () => activeColor && !isPresetColor.value && !showCustomInput.value,\n)\n\n/** Check if the given color matches the currently active color. */\nconst isActiveColor = (color: string): boolean => activeColor === color\n\n/**\n * Style for the custom color button.\n * Shows the actual color if custom, otherwise shows a gradient.\n */\nconst customButtonStyle = computed(() => {\n  const displayColor = customColor.value || activeColor\n  return isCustomColor.value || customColor.value\n    ? `background-color: ${displayColor};`\n    : `background: ${DEFAULT_GRADIENT};`\n})\n\n/**\n * Toggle the custom color input visibility.\n * Focuses the input after it becomes visible.\n */\nconst toggleCustomInput = async () => {\n  showCustomInput.value = !showCustomInput.value\n  showSelector.value = false\n\n  if (!showCustomInput.value) {\n    return\n  }\n\n  await nextTick()\n  customColorInputRef.value?.focus()\n}\n\n/** Toggle the color selector visibility. */\nconst toggleSelector = (): void => {\n  showSelector.value = !showSelector.value\n}\n\n/**\n * Select a color and emit the selection event.\n * Ensures the color value has a # prefix for hex colors.\n */\nconst selectColor = (color: string): void => {\n  const formattedColor = color && !color.startsWith('#') ? `#${color}` : color\n  emit('select', formattedColor)\n  showSelector.value = false\n}\n\n/**\n * Handle custom color input changes.\n * Formats the color and emits the selection.\n */\nconst handleCustomColorInput = (): void => {\n  if (!customColor.value) {\n    return\n  }\n\n  const formattedColor = customColor.value.startsWith('#')\n    ? customColor.value\n    : `#${customColor.value}`\n\n  customColor.value = formattedColor\n  selectColor(formattedColor)\n}\n</script>\n<template>\n  <div>\n    <!-- Collapsed view: single color dot -->\n    <div\n      v-if=\"!showCustomInput && !showSelector\"\n      class=\"flex h-4 w-4 cursor-pointer items-center justify-center rounded-full\"\n      :style=\"{ backgroundColor: activeColor }\"\n      @click=\"toggleSelector\">\n      <ScalarIcon\n        v-if=\"activeColor\"\n        class=\"text-c-btn p-0.5\"\n        icon=\"Checkmark\"\n        size=\"xs\" />\n    </div>\n\n    <!-- Expanded view: color palette selector -->\n    <div\n      v-if=\"!showCustomInput && showSelector\"\n      class=\"color-selector flex h-4 flex-row items-center justify-between gap-1.5 space-x-1\">\n      <!-- Preset color options -->\n      <div\n        v-for=\"option in colorOptions\"\n        :key=\"option\"\n        class=\"flex h-4 w-4 cursor-pointer items-center justify-center rounded-full\"\n        :style=\"{ backgroundColor: option }\"\n        @click=\"selectColor(option)\">\n        <ScalarIcon\n          v-if=\"isActiveColor(option)\"\n          class=\"text-c-btn p-0.5\"\n          icon=\"Checkmark\"\n          size=\"xs\" />\n      </div>\n\n      <!-- Divider -->\n      <hr class=\"border-ghost h-5 w-0.5 border-l\" />\n\n      <!-- Custom color button -->\n      <button\n        class=\"z-10 flex h-4 w-4 cursor-pointer flex-row items-center justify-center gap-2 rounded-full\"\n        :style=\"customButtonStyle\"\n        type=\"button\"\n        @click=\"toggleCustomInput\">\n        <ScalarIcon\n          v-if=\"isCustomColor\"\n          class=\"text-c-btn\"\n          icon=\"Checkmark\"\n          size=\"xs\" />\n      </button>\n    </div>\n\n    <!-- Custom color input view -->\n    <div\n      v-if=\"showCustomInput\"\n      class=\"color-selector flex h-4 flex-1 items-center gap-2 rounded\">\n      <span class=\"absolute h-4 w-4 rounded-full border border-dashed\" />\n      <span\n        class=\"z-[1] h-4 w-4 rounded-full\"\n        :style=\"customButtonStyle\" />\n      <input\n        ref=\"customColorInputRef\"\n        v-model=\"customColor\"\n        class=\"w-full flex-1 border-transparent text-sm outline-none\"\n        :placeholder=\"activeColor || '#000000'\"\n        type=\"text\"\n        @input=\"handleCustomColorInput\" />\n      <button\n        class=\"text-c-3 hover:bg-b-2 rounded-lg p-1.5\"\n        type=\"button\"\n        @click=\"toggleCustomInput\">\n        <ScalarIcon\n          icon=\"Checkmark\"\n          size=\"xs\" />\n      </button>\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { ScalarModal, type ModalState } from '@scalar/components'\nimport type {\n  CollectionType,\n  WorkspaceEventBus,\n} from '@scalar/workspace-store/events'\nimport type { XScalarEnvironments } from '@scalar/workspace-store/schemas/extensions/document/x-scalar-environments'\nimport { computed, ref, watch } from 'vue'\n\nimport CommandActionForm from '@/components/CommandPalette/CommandActionForm.vue'\nimport CommandActionInput from '@/components/CommandPalette/CommandActionInput.vue'\n\nimport EnvironmentColors from './EnvironmentColors.vue'\n\nconst {\n  state,\n  eventBus,\n  collectionType,\n  environments,\n  selectedEnvironmentName,\n} = defineProps<\n  {\n    environments: NonNullable<XScalarEnvironments['x-scalar-environments']>\n    selectedEnvironmentName: string | null\n    state: ModalState\n    eventBus: WorkspaceEventBus\n  } & CollectionType\n>()\n\n/** Default color for new environments. */\nconst DEFAULT_COLOR = '#FFFFFF'\n\nconst name = ref('')\nconst selectedColor = ref(DEFAULT_COLOR)\n\n/** Ensure [re]set the form on open */\nwatch(\n  () => state.open,\n  (isOpen) => {\n    if (isOpen) {\n      const environment = environments[selectedEnvironmentName ?? '']\n\n      // We are editing so lets fill in the form with the existing data\n      if (selectedEnvironmentName && environment) {\n        name.value = selectedEnvironmentName\n        selectedColor.value = environment.color\n      }\n\n      // We are adding a new environment so lets clear the form\n      else {\n        name.value = ''\n        selectedColor.value = DEFAULT_COLOR\n      }\n    }\n  },\n)\n\n/**\n * Handle color selection from the color picker.\n * Updates the selected color for the new environment.\n */\nconst handleColorSelect = (color: string): void => {\n  selectedColor.value = color\n}\n\n/** Emits an event to create the environment with the provided name and color. */\nconst handleSubmit = (): void => {\n  // Editing an existing environment\n  if (selectedEnvironmentName) {\n    eventBus.emit('environment:upsert:environment', {\n      oldEnvironmentName: selectedEnvironmentName,\n      payload: {\n        color: selectedColor.value,\n      },\n      environmentName: name.value.trim(),\n      collectionType,\n    })\n  }\n  // Adding a new environment\n  else {\n    eventBus.emit('environment:upsert:environment', {\n      environmentName: name.value.trim(),\n      payload: {\n        color: selectedColor.value,\n      },\n      collectionType,\n    })\n  }\n\n  state.hide()\n}\n\n/** Check if the environment name is a duplicate */\nconst isDuplicateName = computed(() => {\n  if (selectedEnvironmentName) {\n    return (\n      name.value !== selectedEnvironmentName &&\n      Object.keys(environments).includes(name.value)\n    )\n  }\n\n  return Object.keys(environments).includes(name.value)\n})\n</script>\n\n<template>\n  <ScalarModal\n    bodyClass=\"border-t-0 rounded-t-lg\"\n    size=\"xs\"\n    :state=\"state\">\n    <CommandActionForm\n      :disabled=\"!name.trim() || isDuplicateName\"\n      @submit=\"handleSubmit\">\n      <div class=\"flex items-start gap-2\">\n        <!-- Color picker for environment -->\n        <EnvironmentColors\n          :activeColor=\"selectedColor\"\n          class=\"peer\"\n          @select=\"handleColorSelect\" />\n\n        <!-- Environment name input, hidden when color selector is expanded -->\n        <CommandActionInput\n          v-model=\"name\"\n          class=\"-mt-[.5px] !p-0 peer-has-[.color-selector]:hidden\"\n          placeholder=\"Environment name\" />\n      </div>\n\n      <!-- Error message -->\n      <div\n        v-if=\"isDuplicateName\"\n        class=\"text-red text-xs\">\n        This environment name is already in use.\n      </div>\n\n      <!-- Submit button -->\n      <template #submit>\n        {{ selectedEnvironmentName ? 'Update' : 'Add' }} Environment\n      </template>\n    </CommandActionForm>\n  </ScalarModal>\n</template>\n","<script setup lang=\"ts\">\nimport { ScalarModal, type ModalState } from '@scalar/components'\nimport type {\n  CollectionType,\n  WorkspaceEventBus,\n} from '@scalar/workspace-store/events'\nimport type { XScalarEnvironments } from '@scalar/workspace-store/schemas/extensions/document/x-scalar-environments'\nimport { computed, ref, watch } from 'vue'\n\nimport CommandActionForm from '@/components/CommandPalette/CommandActionForm.vue'\nimport CommandActionInput from '@/components/CommandPalette/CommandActionInput.vue'\n\nimport EnvironmentColors from './EnvironmentColors.vue'\n\nconst {\n  state,\n  eventBus,\n  collectionType,\n  environments,\n  selectedEnvironmentName,\n} = defineProps<\n  {\n    environments: NonNullable<XScalarEnvironments['x-scalar-environments']>\n    selectedEnvironmentName: string | null\n    state: ModalState\n    eventBus: WorkspaceEventBus\n  } & CollectionType\n>()\n\n/** Default color for new environments. */\nconst DEFAULT_COLOR = '#FFFFFF'\n\nconst name = ref('')\nconst selectedColor = ref(DEFAULT_COLOR)\n\n/** Ensure [re]set the form on open */\nwatch(\n  () => state.open,\n  (isOpen) => {\n    if (isOpen) {\n      const environment = environments[selectedEnvironmentName ?? '']\n\n      // We are editing so lets fill in the form with the existing data\n      if (selectedEnvironmentName && environment) {\n        name.value = selectedEnvironmentName\n        selectedColor.value = environment.color\n      }\n\n      // We are adding a new environment so lets clear the form\n      else {\n        name.value = ''\n        selectedColor.value = DEFAULT_COLOR\n      }\n    }\n  },\n)\n\n/**\n * Handle color selection from the color picker.\n * Updates the selected color for the new environment.\n */\nconst handleColorSelect = (color: string): void => {\n  selectedColor.value = color\n}\n\n/** Emits an event to create the environment with the provided name and color. */\nconst handleSubmit = (): void => {\n  // Editing an existing environment\n  if (selectedEnvironmentName) {\n    eventBus.emit('environment:upsert:environment', {\n      oldEnvironmentName: selectedEnvironmentName,\n      payload: {\n        color: selectedColor.value,\n      },\n      environmentName: name.value.trim(),\n      collectionType,\n    })\n  }\n  // Adding a new environment\n  else {\n    eventBus.emit('environment:upsert:environment', {\n      environmentName: name.value.trim(),\n      payload: {\n        color: selectedColor.value,\n      },\n      collectionType,\n    })\n  }\n\n  state.hide()\n}\n\n/** Check if the environment name is a duplicate */\nconst isDuplicateName = computed(() => {\n  if (selectedEnvironmentName) {\n    return (\n      name.value !== selectedEnvironmentName &&\n      Object.keys(environments).includes(name.value)\n    )\n  }\n\n  return Object.keys(environments).includes(name.value)\n})\n</script>\n\n<template>\n  <ScalarModal\n    bodyClass=\"border-t-0 rounded-t-lg\"\n    size=\"xs\"\n    :state=\"state\">\n    <CommandActionForm\n      :disabled=\"!name.trim() || isDuplicateName\"\n      @submit=\"handleSubmit\">\n      <div class=\"flex items-start gap-2\">\n        <!-- Color picker for environment -->\n        <EnvironmentColors\n          :activeColor=\"selectedColor\"\n          class=\"peer\"\n          @select=\"handleColorSelect\" />\n\n        <!-- Environment name input, hidden when color selector is expanded -->\n        <CommandActionInput\n          v-model=\"name\"\n          class=\"-mt-[.5px] !p-0 peer-has-[.color-selector]:hidden\"\n          placeholder=\"Environment name\" />\n      </div>\n\n      <!-- Error message -->\n      <div\n        v-if=\"isDuplicateName\"\n        class=\"text-red text-xs\">\n        This environment name is already in use.\n      </div>\n\n      <!-- Submit button -->\n      <template #submit>\n        {{ selectedEnvironmentName ? 'Update' : 'Add' }} Environment\n      </template>\n    </CommandActionForm>\n  </ScalarModal>\n</template>\n","<script setup lang=\"ts\">\nimport { ScalarButton, ScalarModal, type ModalState } from '@scalar/components'\n\nconst { state, name = 'unknown' } = defineProps<{\n  state: ModalState\n  name: string | null\n}>()\n\nconst emit = defineEmits<{\n  (event: 'cancel'): void\n  (event: 'submit'): void\n}>()\n</script>\n\n<template>\n  <ScalarModal\n    bodyClass=\"border-t-0 rounded-t-lg flex flex-col gap-4\"\n    size=\"xxs\"\n    :state=\"state\"\n    :title=\"`Delete ${name}`\">\n    <p class=\"text-c-2 text-sm leading-normal text-pretty\">\n      Are you sure you want to delete this environment? This action cannot be\n      undone.\n    </p>\n    <div class=\"flex justify-between\">\n      <ScalarButton\n        size=\"sm\"\n        variant=\"outlined\"\n        @click=\"\n          () => {\n            emit('cancel')\n            state.hide()\n          }\n        \">\n        Cancel\n      </ScalarButton>\n      <ScalarButton\n        size=\"sm\"\n        variant=\"danger\"\n        @click=\"\n          () => {\n            emit('submit')\n            state.hide()\n          }\n        \">\n        Delete Environment\n      </ScalarButton>\n    </div>\n  </ScalarModal>\n</template>\n","<script setup lang=\"ts\">\nimport { ScalarButton, ScalarModal, type ModalState } from '@scalar/components'\n\nconst { state, name = 'unknown' } = defineProps<{\n  state: ModalState\n  name: string | null\n}>()\n\nconst emit = defineEmits<{\n  (event: 'cancel'): void\n  (event: 'submit'): void\n}>()\n</script>\n\n<template>\n  <ScalarModal\n    bodyClass=\"border-t-0 rounded-t-lg flex flex-col gap-4\"\n    size=\"xxs\"\n    :state=\"state\"\n    :title=\"`Delete ${name}`\">\n    <p class=\"text-c-2 text-sm leading-normal text-pretty\">\n      Are you sure you want to delete this environment? This action cannot be\n      undone.\n    </p>\n    <div class=\"flex justify-between\">\n      <ScalarButton\n        size=\"sm\"\n        variant=\"outlined\"\n        @click=\"\n          () => {\n            emit('cancel')\n            state.hide()\n          }\n        \">\n        Cancel\n      </ScalarButton>\n      <ScalarButton\n        size=\"sm\"\n        variant=\"danger\"\n        @click=\"\n          () => {\n            emit('submit')\n            state.hide()\n          }\n        \">\n        Delete Environment\n      </ScalarButton>\n    </div>\n  </ScalarModal>\n</template>\n","<script setup lang=\"ts\">\nimport { ScalarButton } from '@scalar/components'\nimport { ScalarIconTrash } from '@scalar/icons'\nimport type {\n  CollectionType,\n  WorkspaceEventBus,\n} from '@scalar/workspace-store/events'\nimport type { XScalarEnvironment } from '@scalar/workspace-store/schemas/extensions/document/x-scalar-environments'\nimport { computed } from 'vue'\n\nimport { CodeInput } from '@/v2/components/code-input'\nimport {\n  DataTable,\n  DataTableCell,\n  DataTableHeader,\n  DataTableRow,\n} from '@/v2/components/data-table'\n\nconst { environment, environmentName, eventBus, collectionType } = defineProps<\n  {\n    environment: XScalarEnvironment\n    environmentName: string\n    eventBus: WorkspaceEventBus\n  } & CollectionType\n>()\n\n/** Column widths: Name, Value, Actions (delete button) */\nconst COLUMNS = ['1fr', '1fr', '36px']\n\n/** Adds an empty row at the end for creating new variables */\nconst displayRows = computed<\n  {\n    name: string\n    value: string\n  }[]\n>(() => {\n  /** Normalize the variables to have a name and value */\n  const variableRows = environment.variables.map((v) => ({\n    name: v.name,\n    value: typeof v.value === 'string' ? v.value : v.value.default,\n  }))\n\n  const lastRow = environment.variables.at(-1)\n  const hasContentInLastRow =\n    lastRow && (lastRow.name !== '' || lastRow.value !== '')\n\n  // Add the extra row at the end\n  if (!lastRow || hasContentInLastRow) {\n    return [...variableRows, { name: '', value: '' }]\n  }\n\n  return variableRows\n})\n\n/** Updates an existing variable or creates a new one */\nconst handleVariableChange = (\n  name: string,\n  value: string,\n  index: number,\n): void => {\n  const isNewVariable = index >= environment.variables.length\n\n  /**\n   * Do not allow adding a new variable with an empty name on the last row,\n   * we allow it on other rows as it will delete the row\n   */\n  if (!name && isNewVariable) {\n    return\n  }\n\n  // Adding a new variable\n  if (index >= environment.variables.length) {\n    eventBus.emit('environment:upsert:environment-variable', {\n      environmentName,\n      variable: { name, value },\n      collectionType,\n    })\n    return\n  }\n\n  // Updating\n  eventBus.emit('environment:upsert:environment-variable', {\n    environmentName,\n    variable: { name, value },\n    index,\n    collectionType,\n  })\n}\n\n/** Deletes a variable by index */\nconst handleVariableDelete = (index: number): void =>\n  eventBus.emit('environment:delete:environment-variable', {\n    environmentName,\n    index,\n    collectionType,\n  })\n</script>\n<template>\n  <!-- Environment variables table -->\n  <DataTable\n    class=\"group/table data-table h-min flex-1 rounded\"\n    :columns=\"COLUMNS\">\n    <!-- Accessibility header row -->\n    <DataTableRow class=\"sr-only !block\">\n      <DataTableHeader>Name</DataTableHeader>\n      <DataTableHeader>Value</DataTableHeader>\n      <DataTableHeader>Actions</DataTableHeader>\n    </DataTableRow>\n\n    <!-- Variable rows -->\n    <DataTableRow\n      v-for=\"(row, index) in displayRows\"\n      :key=\"index\"\n      class=\"group/row\">\n      <!-- Name -->\n      <DataTableCell>\n        <CodeInput\n          aria-label=\"Environment Variable Name\"\n          disableCloseBrackets\n          disableTabIndent\n          :environment=\"undefined\"\n          lineWrapping\n          :modelValue=\"row.name\"\n          placeholder=\"Name\"\n          @update:modelValue=\"\n            (name) => handleVariableChange(name, row.value, index)\n          \" />\n      </DataTableCell>\n\n      <!-- Value -->\n      <DataTableCell>\n        <CodeInput\n          aria-label=\"Environment Variable Value\"\n          disableTabIndent\n          :environment=\"undefined\"\n          lineWrapping\n          :modelValue=\"row.value\"\n          placeholder=\"Value\"\n          @update:modelValue=\"\n            (value) => handleVariableChange(row.name, value, index)\n          \" />\n      </DataTableCell>\n\n      <!-- Delete button -->\n      <DataTableCell class=\"flex items-center justify-center\">\n        <ScalarButton\n          v-if=\"index < environment.variables.length\"\n          class=\"text-c-2 hover:text-c-1 hover:bg-b-2 hidden h-fit rounded p-1 group-focus-within:flex group-hover/row:flex\"\n          size=\"sm\"\n          variant=\"ghost\"\n          @click=\"handleVariableDelete(index)\">\n          <ScalarIconTrash class=\"size-3.5\" />\n        </ScalarButton>\n      </DataTableCell>\n    </DataTableRow>\n  </DataTable>\n</template>\n<style scoped>\n:deep(.cm-editor) {\n  padding: 0;\n}\n:deep(.cm-content) {\n  align-items: center;\n  background-color: transparent;\n  display: flex;\n  font-family: var(--scalar-font);\n  font-size: var(--scalar-small);\n  padding: 5px 8px;\n  width: 100%;\n}\n:deep(.cm-content):has(.cm-pill) {\n  padding: 5px 8px;\n}\n:deep(.cm-content .cm-pill:not(:last-of-type)) {\n  margin-right: 0.5px;\n}\n:deep(.cm-content .cm-pill:not(:first-of-type)) {\n  margin-left: 0.5px;\n}\n:deep(.cm-line) {\n  overflow: hidden;\n  padding: 0;\n  text-overflow: ellipsis;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { ScalarButton } from '@scalar/components'\nimport { ScalarIconTrash } from '@scalar/icons'\nimport type {\n  CollectionType,\n  WorkspaceEventBus,\n} from '@scalar/workspace-store/events'\nimport type { XScalarEnvironment } from '@scalar/workspace-store/schemas/extensions/document/x-scalar-environments'\nimport { computed } from 'vue'\n\nimport { CodeInput } from '@/v2/components/code-input'\nimport {\n  DataTable,\n  DataTableCell,\n  DataTableHeader,\n  DataTableRow,\n} from '@/v2/components/data-table'\n\nconst { environment, environmentName, eventBus, collectionType } = defineProps<\n  {\n    environment: XScalarEnvironment\n    environmentName: string\n    eventBus: WorkspaceEventBus\n  } & CollectionType\n>()\n\n/** Column widths: Name, Value, Actions (delete button) */\nconst COLUMNS = ['1fr', '1fr', '36px']\n\n/** Adds an empty row at the end for creating new variables */\nconst displayRows = computed<\n  {\n    name: string\n    value: string\n  }[]\n>(() => {\n  /** Normalize the variables to have a name and value */\n  const variableRows = environment.variables.map((v) => ({\n    name: v.name,\n    value: typeof v.value === 'string' ? v.value : v.value.default,\n  }))\n\n  const lastRow = environment.variables.at(-1)\n  const hasContentInLastRow =\n    lastRow && (lastRow.name !== '' || lastRow.value !== '')\n\n  // Add the extra row at the end\n  if (!lastRow || hasContentInLastRow) {\n    return [...variableRows, { name: '', value: '' }]\n  }\n\n  return variableRows\n})\n\n/** Updates an existing variable or creates a new one */\nconst handleVariableChange = (\n  name: string,\n  value: string,\n  index: number,\n): void => {\n  const isNewVariable = index >= environment.variables.length\n\n  /**\n   * Do not allow adding a new variable with an empty name on the last row,\n   * we allow it on other rows as it will delete the row\n   */\n  if (!name && isNewVariable) {\n    return\n  }\n\n  // Adding a new variable\n  if (index >= environment.variables.length) {\n    eventBus.emit('environment:upsert:environment-variable', {\n      environmentName,\n      variable: { name, value },\n      collectionType,\n    })\n    return\n  }\n\n  // Updating\n  eventBus.emit('environment:upsert:environment-variable', {\n    environmentName,\n    variable: { name, value },\n    index,\n    collectionType,\n  })\n}\n\n/** Deletes a variable by index */\nconst handleVariableDelete = (index: number): void =>\n  eventBus.emit('environment:delete:environment-variable', {\n    environmentName,\n    index,\n    collectionType,\n  })\n</script>\n<template>\n  <!-- Environment variables table -->\n  <DataTable\n    class=\"group/table data-table h-min flex-1 rounded\"\n    :columns=\"COLUMNS\">\n    <!-- Accessibility header row -->\n    <DataTableRow class=\"sr-only !block\">\n      <DataTableHeader>Name</DataTableHeader>\n      <DataTableHeader>Value</DataTableHeader>\n      <DataTableHeader>Actions</DataTableHeader>\n    </DataTableRow>\n\n    <!-- Variable rows -->\n    <DataTableRow\n      v-for=\"(row, index) in displayRows\"\n      :key=\"index\"\n      class=\"group/row\">\n      <!-- Name -->\n      <DataTableCell>\n        <CodeInput\n          aria-label=\"Environment Variable Name\"\n          disableCloseBrackets\n          disableTabIndent\n          :environment=\"undefined\"\n          lineWrapping\n          :modelValue=\"row.name\"\n          placeholder=\"Name\"\n          @update:modelValue=\"\n            (name) => handleVariableChange(name, row.value, index)\n          \" />\n      </DataTableCell>\n\n      <!-- Value -->\n      <DataTableCell>\n        <CodeInput\n          aria-label=\"Environment Variable Value\"\n          disableTabIndent\n          :environment=\"undefined\"\n          lineWrapping\n          :modelValue=\"row.value\"\n          placeholder=\"Value\"\n          @update:modelValue=\"\n            (value) => handleVariableChange(row.name, value, index)\n          \" />\n      </DataTableCell>\n\n      <!-- Delete button -->\n      <DataTableCell class=\"flex items-center justify-center\">\n        <ScalarButton\n          v-if=\"index < environment.variables.length\"\n          class=\"text-c-2 hover:text-c-1 hover:bg-b-2 hidden h-fit rounded p-1 group-focus-within:flex group-hover/row:flex\"\n          size=\"sm\"\n          variant=\"ghost\"\n          @click=\"handleVariableDelete(index)\">\n          <ScalarIconTrash class=\"size-3.5\" />\n        </ScalarButton>\n      </DataTableCell>\n    </DataTableRow>\n  </DataTable>\n</template>\n<style scoped>\n:deep(.cm-editor) {\n  padding: 0;\n}\n:deep(.cm-content) {\n  align-items: center;\n  background-color: transparent;\n  display: flex;\n  font-family: var(--scalar-font);\n  font-size: var(--scalar-small);\n  padding: 5px 8px;\n  width: 100%;\n}\n:deep(.cm-content):has(.cm-pill) {\n  padding: 5px 8px;\n}\n:deep(.cm-content .cm-pill:not(:last-of-type)) {\n  margin-right: 0.5px;\n}\n:deep(.cm-content .cm-pill:not(:first-of-type)) {\n  margin-left: 0.5px;\n}\n:deep(.cm-line) {\n  overflow: hidden;\n  padding: 0;\n  text-overflow: ellipsis;\n}\n</style>\n","<script lang=\"ts\" setup>\nimport { ScalarIconButton } from '@scalar/components'\nimport { ScalarIconNotePencil, ScalarIconTrash } from '@scalar/icons'\nimport type {\n  CollectionType,\n  WorkspaceEventBus,\n} from '@scalar/workspace-store/events'\nimport type { XScalarEnvironment } from '@scalar/workspace-store/schemas/extensions/document/x-scalar-environments'\n\nimport EnvironmentVariablesTable from '@/v2/features/environments/components/EnvironmentVariablesTable.vue'\n\nconst {\n  environmentName,\n  environment,\n  eventBus,\n  collectionType,\n  isActive = false,\n} = defineProps<\n  {\n    environment: XScalarEnvironment\n    environmentName: string\n    eventBus: WorkspaceEventBus\n    isActive?: boolean\n  } & CollectionType\n>()\n\nconst emit = defineEmits<{\n  (e: 'edit'): void\n  (e: 'delete'): void\n}>()\n</script>\n<template>\n  <div\n    class=\"group relative rounded-lg border transition-colors\"\n    :class=\"isActive ? 'border-c-accent bg-c-accent/5' : ''\">\n    <!-- Info -->\n    <div\n      class=\"flex justify-between rounded-t-lg px-1 py-1 text-sm\"\n      :class=\"isActive ? 'bg-c-accent/10' : 'bg-b-2'\">\n      <div class=\"flex items-center gap-1.5\">\n        <div class=\"flex h-6 w-6 items-center justify-center p-1\">\n          <span\n            class=\"h-2.5 w-2.5 rounded-full\"\n            :style=\"{ backgroundColor: environment.color }\"></span>\n        </div>\n        <span class=\"px-1 py-0.5 text-sm font-medium\">\n          {{ environmentName }}\n        </span>\n        <!-- Active badge -->\n        <span\n          v-if=\"isActive\"\n          class=\"bg-c-accent text-b-1 flex items-center gap-1 rounded px-1.5 py-0.5 text-xs font-medium\"\n          title=\"This is the active environment\">\n          <span class=\"size-1.5 rounded-full bg-current\"></span>\n          Active\n        </span>\n      </div>\n\n      <!-- Actions -->\n      <div class=\"hidden flex-row items-center gap-1 group-hover:flex\">\n        <ScalarIconButton\n          :icon=\"ScalarIconNotePencil\"\n          label=\"Edit Environment\"\n          size=\"sm\"\n          @click=\"emit('edit')\" />\n\n        <ScalarIconButton\n          :icon=\"ScalarIconTrash\"\n          label=\"Delete Environment\"\n          size=\"sm\"\n          @click=\"emit('delete')\" />\n      </div>\n    </div>\n\n    <!-- Variables Table -->\n    <EnvironmentVariablesTable\n      :collectionType\n      :environment\n      :environmentName\n      :eventBus />\n  </div>\n</template>\n","<script lang=\"ts\" setup>\nimport { ScalarIconButton } from '@scalar/components'\nimport { ScalarIconNotePencil, ScalarIconTrash } from '@scalar/icons'\nimport type {\n  CollectionType,\n  WorkspaceEventBus,\n} from '@scalar/workspace-store/events'\nimport type { XScalarEnvironment } from '@scalar/workspace-store/schemas/extensions/document/x-scalar-environments'\n\nimport EnvironmentVariablesTable from '@/v2/features/environments/components/EnvironmentVariablesTable.vue'\n\nconst {\n  environmentName,\n  environment,\n  eventBus,\n  collectionType,\n  isActive = false,\n} = defineProps<\n  {\n    environment: XScalarEnvironment\n    environmentName: string\n    eventBus: WorkspaceEventBus\n    isActive?: boolean\n  } & CollectionType\n>()\n\nconst emit = defineEmits<{\n  (e: 'edit'): void\n  (e: 'delete'): void\n}>()\n</script>\n<template>\n  <div\n    class=\"group relative rounded-lg border transition-colors\"\n    :class=\"isActive ? 'border-c-accent bg-c-accent/5' : ''\">\n    <!-- Info -->\n    <div\n      class=\"flex justify-between rounded-t-lg px-1 py-1 text-sm\"\n      :class=\"isActive ? 'bg-c-accent/10' : 'bg-b-2'\">\n      <div class=\"flex items-center gap-1.5\">\n        <div class=\"flex h-6 w-6 items-center justify-center p-1\">\n          <span\n            class=\"h-2.5 w-2.5 rounded-full\"\n            :style=\"{ backgroundColor: environment.color }\"></span>\n        </div>\n        <span class=\"px-1 py-0.5 text-sm font-medium\">\n          {{ environmentName }}\n        </span>\n        <!-- Active badge -->\n        <span\n          v-if=\"isActive\"\n          class=\"bg-c-accent text-b-1 flex items-center gap-1 rounded px-1.5 py-0.5 text-xs font-medium\"\n          title=\"This is the active environment\">\n          <span class=\"size-1.5 rounded-full bg-current\"></span>\n          Active\n        </span>\n      </div>\n\n      <!-- Actions -->\n      <div class=\"hidden flex-row items-center gap-1 group-hover:flex\">\n        <ScalarIconButton\n          :icon=\"ScalarIconNotePencil\"\n          label=\"Edit Environment\"\n          size=\"sm\"\n          @click=\"emit('edit')\" />\n\n        <ScalarIconButton\n          :icon=\"ScalarIconTrash\"\n          label=\"Delete Environment\"\n          size=\"sm\"\n          @click=\"emit('delete')\" />\n      </div>\n    </div>\n\n    <!-- Variables Table -->\n    <EnvironmentVariablesTable\n      :collectionType\n      :environment\n      :environmentName\n      :eventBus />\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { ScalarButton, useModal } from '@scalar/components'\nimport { ScalarIconPlus } from '@scalar/icons'\nimport type {\n  CollectionType,\n  WorkspaceEventBus,\n} from '@scalar/workspace-store/events'\nimport type { XScalarEnvironments } from '@scalar/workspace-store/schemas/extensions/document/x-scalar-environments'\nimport { ref } from 'vue'\n\nimport EnvironmentCreateModal from '@/v2/features/environments/components/EnvironmentCreateModal.vue'\nimport EnvironmentDeleteModal from '@/v2/features/environments/components/EnvironmentDeleteModal.vue'\n\nimport EnvironmentComponent from './components/Environment.vue'\n\nconst { environments, eventBus, collectionType, activeEnvironment } =\n  defineProps<\n    {\n      /** List of environments, ensured to be non-nullable for safety */\n      environments: NonNullable<XScalarEnvironments['x-scalar-environments']>\n      /** Event bus to handle workspace-related events */\n      eventBus: WorkspaceEventBus\n      /** The currently active environment name */\n      activeEnvironment?: string\n    } & CollectionType\n  >()\n\nconst createEnvironmentModalState = useModal()\nconst deleteEnvironmentModalState = useModal()\n\n/** Track the currently selected environment for editing or deleting */\nconst selectedEnvironmentName = ref<string | null>(null)\n\n/** Opens the delete modal */\nconst openDeleteModal = (name: string) => {\n  selectedEnvironmentName.value = name\n  deleteEnvironmentModalState.show()\n}\n\n/** Deletes the selected environment */\nconst deleteEnvironment = () => {\n  if (!selectedEnvironmentName.value) {\n    return\n  }\n  eventBus.emit('environment:delete:environment', {\n    environmentName: selectedEnvironmentName.value,\n    collectionType,\n  })\n}\n\n/** Opens the upsert modal, leave name empty for add */\nconst openUpsertModal = (name?: string) => {\n  selectedEnvironmentName.value = name ?? null\n  createEnvironmentModalState.show()\n}\n</script>\n\n<template>\n  <EnvironmentComponent\n    v-for=\"[environmentName, environment] in Object.entries(environments)\"\n    :key=\"environmentName\"\n    :collectionType=\"collectionType\"\n    :environment\n    :environmentName\n    :eventBus=\"eventBus\"\n    :isActive=\"activeEnvironment === environmentName\"\n    @delete=\"() => openDeleteModal(environmentName)\"\n    @edit=\"() => openUpsertModal(environmentName)\" />\n\n  <!-- Add Environment CTA -->\n  <div\n    class=\"text-c-3 flex h-full items-center justify-center rounded-lg border p-4\">\n    <ScalarButton\n      class=\"hover:bg-b-2 hover:text-c-1 flex items-center gap-2\"\n      size=\"xs\"\n      variant=\"ghost\"\n      @click=\"() => openUpsertModal()\">\n      <ScalarIconPlus />\n      Add Environment\n    </ScalarButton>\n  </div>\n\n  <!-- Upsert Modal -->\n  <EnvironmentCreateModal\n    :collectionType=\"collectionType\"\n    :environments\n    :eventBus\n    :selectedEnvironmentName\n    :state=\"createEnvironmentModalState\" />\n\n  <!-- Delete Modal -->\n  <EnvironmentDeleteModal\n    :name=\"selectedEnvironmentName\"\n    :state=\"deleteEnvironmentModalState\"\n    @submit=\"deleteEnvironment\" />\n</template>\n","<script setup lang=\"ts\">\nimport { ScalarButton, useModal } from '@scalar/components'\nimport { ScalarIconPlus } from '@scalar/icons'\nimport type {\n  CollectionType,\n  WorkspaceEventBus,\n} from '@scalar/workspace-store/events'\nimport type { XScalarEnvironments } from '@scalar/workspace-store/schemas/extensions/document/x-scalar-environments'\nimport { ref } from 'vue'\n\nimport EnvironmentCreateModal from '@/v2/features/environments/components/EnvironmentCreateModal.vue'\nimport EnvironmentDeleteModal from '@/v2/features/environments/components/EnvironmentDeleteModal.vue'\n\nimport EnvironmentComponent from './components/Environment.vue'\n\nconst { environments, eventBus, collectionType, activeEnvironment } =\n  defineProps<\n    {\n      /** List of environments, ensured to be non-nullable for safety */\n      environments: NonNullable<XScalarEnvironments['x-scalar-environments']>\n      /** Event bus to handle workspace-related events */\n      eventBus: WorkspaceEventBus\n      /** The currently active environment name */\n      activeEnvironment?: string\n    } & CollectionType\n  >()\n\nconst createEnvironmentModalState = useModal()\nconst deleteEnvironmentModalState = useModal()\n\n/** Track the currently selected environment for editing or deleting */\nconst selectedEnvironmentName = ref<string | null>(null)\n\n/** Opens the delete modal */\nconst openDeleteModal = (name: string) => {\n  selectedEnvironmentName.value = name\n  deleteEnvironmentModalState.show()\n}\n\n/** Deletes the selected environment */\nconst deleteEnvironment = () => {\n  if (!selectedEnvironmentName.value) {\n    return\n  }\n  eventBus.emit('environment:delete:environment', {\n    environmentName: selectedEnvironmentName.value,\n    collectionType,\n  })\n}\n\n/** Opens the upsert modal, leave name empty for add */\nconst openUpsertModal = (name?: string) => {\n  selectedEnvironmentName.value = name ?? null\n  createEnvironmentModalState.show()\n}\n</script>\n\n<template>\n  <EnvironmentComponent\n    v-for=\"[environmentName, environment] in Object.entries(environments)\"\n    :key=\"environmentName\"\n    :collectionType=\"collectionType\"\n    :environment\n    :environmentName\n    :eventBus=\"eventBus\"\n    :isActive=\"activeEnvironment === environmentName\"\n    @delete=\"() => openDeleteModal(environmentName)\"\n    @edit=\"() => openUpsertModal(environmentName)\" />\n\n  <!-- Add Environment CTA -->\n  <div\n    class=\"text-c-3 flex h-full items-center justify-center rounded-lg border p-4\">\n    <ScalarButton\n      class=\"hover:bg-b-2 hover:text-c-1 flex items-center gap-2\"\n      size=\"xs\"\n      variant=\"ghost\"\n      @click=\"() => openUpsertModal()\">\n      <ScalarIconPlus />\n      Add Environment\n    </ScalarButton>\n  </div>\n\n  <!-- Upsert Modal -->\n  <EnvironmentCreateModal\n    :collectionType=\"collectionType\"\n    :environments\n    :eventBus\n    :selectedEnvironmentName\n    :state=\"createEnvironmentModalState\" />\n\n  <!-- Delete Modal -->\n  <EnvironmentDeleteModal\n    :name=\"selectedEnvironmentName\"\n    :state=\"deleteEnvironmentModalState\"\n    @submit=\"deleteEnvironment\" />\n</template>\n"],"mappings":"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"}

package/dist/formatters-DOGXZq9R.js

@@ -0,0 +1,36 @@
+//#region src/libs/formatters.ts
+/**
+* Formats bytes to a more readable format
+*
+* @see https://stackoverflow.com/a/18650828/1624255
+*/
+var formatBytes = (bytes, decimals = 2) => {
+	if (!+bytes) return "0 Bytes";
+	const k = 1024;
+	const dm = decimals < 0 ? 0 : decimals;
+	const sizes = [
+		"B",
+		"KiB",
+		"MiB",
+		"GiB",
+		"TiB",
+		"PiB",
+		"EiB",
+		"ZiB",
+		"YiB"
+	];
+	const i = Math.floor(Math.log(bytes) / Math.log(k));
+	return `${Number.parseFloat((bytes / Math.pow(k, i)).toFixed(dm))}${sizes[i]}`;
+};
+/**
+* Formats milliseconds to seconds and appends an "s" if more than one second
+* else returns ms appended to the number
+*/
+var formatMs = (ms, decimals = 2) => {
+	if (ms > 1e3) return (ms / 1e3).toFixed(decimals) + "s";
+	return ms + "ms";
+};
+//#endregion
+export { formatMs as n, formatBytes as t };
+
+//# sourceMappingURL=formatters-DOGXZq9R.js.map

package/dist/formatters-DOGXZq9R.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"formatters-DOGXZq9R.js","names":[],"sources":["../src/libs/formatters.ts"],"sourcesContent":["/**\n * Formats bytes to a more readable format\n *\n * @see https://stackoverflow.com/a/18650828/1624255\n */\nexport const formatBytes = (bytes: number, decimals = 2) => {\n  if (!+bytes) {\n    return '0 Bytes'\n  }\n\n  const k = 1024\n  const dm = decimals < 0 ? 0 : decimals\n  const sizes = ['B', 'KiB', 'MiB', 'GiB', 'TiB', 'PiB', 'EiB', 'ZiB', 'YiB']\n  const i = Math.floor(Math.log(bytes) / Math.log(k))\n\n  return `${Number.parseFloat((bytes / Math.pow(k, i)).toFixed(dm))}${sizes[i]}`\n}\n\n/**\n * Formats milliseconds to seconds and appends an \"s\" if more than one second\n * else returns ms appended to the number\n */\nexport const formatMs = (ms: number, decimals = 2): string => {\n  if (ms > 1000) {\n    return (ms / 1000).toFixed(decimals) + 's'\n  }\n  return ms + 'ms'\n}\n"],"mappings":";;;;;;AAKA,IAAa,eAAe,OAAe,WAAW,MAAM;AAC1D,KAAI,CAAC,CAAC,MACJ,QAAO;CAGT,MAAM,IAAI;CACV,MAAM,KAAK,WAAW,IAAI,IAAI;CAC9B,MAAM,QAAQ;EAAC;EAAK;EAAO;EAAO;EAAO;EAAO;EAAO;EAAO;EAAO;EAAM;CAC3E,MAAM,IAAI,KAAK,MAAM,KAAK,IAAI,MAAM,GAAG,KAAK,IAAI,EAAE,CAAC;AAEnD,QAAO,GAAG,OAAO,YAAY,QAAQ,KAAK,IAAI,GAAG,EAAE,EAAE,QAAQ,GAAG,CAAC,GAAG,MAAM;;;;;;AAO5E,IAAa,YAAY,IAAY,WAAW,MAAc;AAC5D,KAAI,KAAK,IACP,SAAQ,KAAK,KAAM,QAAQ,SAAS,GAAG;AAEzC,QAAO,KAAK"}

package/dist/forms-CZX6cFDS.js

@@ -0,0 +1,42 @@
+import { createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, openBlock, renderSlot, toDisplayString, unref, withCtx, withModifiers } from "vue";
+import { ScalarButton } from "@scalar/components";
+//#region src/v2/components/forms/ConfirmationForm.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "flex justify-between gap-10" };
+//#endregion
+//#region src/v2/components/forms/ConfirmationForm.vue
+var ConfirmationForm_default = /* @__PURE__ */ defineComponent({
+	__name: "ConfirmationForm",
+	props: {
+		label: { default: "Save" },
+		variant: { default: "solid" }
+	},
+	emits: ["cancel", "submit"],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("form", {
+				class: "flex flex-col gap-4 text-base",
+				onSubmit: _cache[1] || (_cache[1] = withModifiers(($event) => emit("submit"), ["prevent"]))
+			}, [renderSlot(_ctx.$slots, "default"), createElementVNode("div", _hoisted_1, [createVNode(unref(ScalarButton), {
+				size: "sm",
+				type: "button",
+				variant: "outlined",
+				onClick: _cache[0] || (_cache[0] = ($event) => emit("cancel"))
+			}, {
+				default: withCtx(() => [..._cache[2] || (_cache[2] = [createTextVNode(" Cancel ", -1)])]),
+				_: 1
+			}), createVNode(unref(ScalarButton), {
+				size: "sm",
+				type: "submit",
+				variant: __props.variant
+			}, {
+				default: withCtx(() => [createTextVNode(toDisplayString(__props.label), 1)]),
+				_: 1
+			}, 8, ["variant"])])], 32);
+		};
+	}
+});
+//#endregion
+export { ConfirmationForm_default as t };
+
+//# sourceMappingURL=forms-CZX6cFDS.js.map

package/dist/forms-CZX6cFDS.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"forms-CZX6cFDS.js","names":[],"sources":["../src/v2/components/forms/ConfirmationForm.vue","../src/v2/components/forms/ConfirmationForm.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarButton } from '@scalar/components'\n\nconst { label = 'Save', variant = 'solid' } = defineProps<{\n  /** The label of the submit button */\n  label?: string\n  /** Sets the style of the submit button */\n  variant?: 'danger' | 'solid'\n}>()\n\nconst emit = defineEmits<{\n  (e: 'cancel'): void\n  (e: 'submit'): void\n}>()\n</script>\n<template>\n  <form\n    class=\"flex flex-col gap-4 text-base\"\n    @submit.prevent=\"emit('submit')\">\n    <slot />\n\n    <div class=\"flex justify-between gap-10\">\n      <!-- Cancel -->\n      <ScalarButton\n        size=\"sm\"\n        type=\"button\"\n        variant=\"outlined\"\n        @click=\"emit('cancel')\">\n        Cancel\n      </ScalarButton>\n\n      <!-- Submit -->\n      <ScalarButton\n        size=\"sm\"\n        type=\"submit\"\n        :variant=\"variant\">\n        {{ label }}\n      </ScalarButton>\n    </div>\n  </form>\n</template>\n","<script setup lang=\"ts\">\nimport { ScalarButton } from '@scalar/components'\n\nconst { label = 'Save', variant = 'solid' } = defineProps<{\n  /** The label of the submit button */\n  label?: string\n  /** Sets the style of the submit button */\n  variant?: 'danger' | 'solid'\n}>()\n\nconst emit = defineEmits<{\n  (e: 'cancel'): void\n  (e: 'submit'): void\n}>()\n</script>\n<template>\n  <form\n    class=\"flex flex-col gap-4 text-base\"\n    @submit.prevent=\"emit('submit')\">\n    <slot />\n\n    <div class=\"flex justify-between gap-10\">\n      <!-- Cancel -->\n      <ScalarButton\n        size=\"sm\"\n        type=\"button\"\n        variant=\"outlined\"\n        @click=\"emit('cancel')\">\n        Cancel\n      </ScalarButton>\n\n      <!-- Submit -->\n      <ScalarButton\n        size=\"sm\"\n        type=\"submit\"\n        :variant=\"variant\">\n        {{ label }}\n      </ScalarButton>\n    </div>\n  </form>\n</template>\n"],"mappings":";;;;;;;;;;;;;;ECUA,MAAM,OAAO;;uBAMX,mBAuBO,QAAA;IAtBL,OAAM;IACL,UAAM,OAAA,OAAA,OAAA,KAAA,eAAA,WAAU,KAAI,SAAA,EAAA,CAAA,UAAA,CAAA;OACrB,WAAQ,KAAA,QAAA,UAAA,EAER,mBAiBM,OAjBN,YAiBM,CAfJ,YAMe,MAAA,aAAA,EAAA;IALb,MAAK;IACL,MAAK;IACL,SAAQ;IACP,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,SAAA;;2BAEd,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAF0B,YAE1B,GAAA,CAAA,EAAA,CAAA;;OAGA,YAKe,MAAA,aAAA,EAAA;IAJb,MAAK;IACL,MAAK;IACJ,SAAS,QAAA;;2BACC,CAAA,gBAAA,gBAAR,QAAA,MAAK,EAAA,EAAA,CAAA,CAAA"}

package/dist/get-active-environment-CkxyQ1dM.js

@@ -0,0 +1,19 @@
+import { coerceValue } from "@scalar/workspace-store/schemas/typebox-coerce";
+import { xScalarEnvironmentSchema } from "@scalar/workspace-store/schemas/extensions/document/x-scalar-environments";
+//#region src/v2/helpers/get-active-environment.ts
+var getActiveEnvironment = (workspace, document) => {
+	if (workspace === null) return coerceValue(xScalarEnvironmentSchema, {});
+	const activeEnv = workspace.workspace["x-scalar-active-environment"];
+	if (!activeEnv) return coerceValue(xScalarEnvironmentSchema, {});
+	const workspaceEnv = workspace.workspace["x-scalar-environments"]?.[activeEnv] ?? { variables: [] };
+	const documentEnv = document?.["x-scalar-environments"]?.[activeEnv] ?? { variables: [] };
+	return coerceValue(xScalarEnvironmentSchema, {
+		...workspaceEnv,
+		...documentEnv,
+		variables: [...workspaceEnv.variables, ...documentEnv.variables]
+	});
+};
+//#endregion
+export { getActiveEnvironment as t };
+
+//# sourceMappingURL=get-active-environment-CkxyQ1dM.js.map

package/dist/get-active-environment-CkxyQ1dM.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-active-environment-CkxyQ1dM.js","names":[],"sources":["../src/v2/helpers/get-active-environment.ts"],"sourcesContent":["import type { WorkspaceStore } from '@scalar/workspace-store/client'\nimport type { WorkspaceDocument } from '@scalar/workspace-store/schemas'\nimport {\n  type XScalarEnvironment,\n  xScalarEnvironmentSchema,\n} from '@scalar/workspace-store/schemas/extensions/document/x-scalar-environments'\nimport { coerceValue } from '@scalar/workspace-store/schemas/typebox-coerce'\n\nexport const getActiveEnvironment = (\n  workspace: WorkspaceStore | null,\n  document: WorkspaceDocument | null,\n): XScalarEnvironment => {\n  if (workspace === null) {\n    return coerceValue(xScalarEnvironmentSchema, {})\n  }\n  const activeEnv = workspace.workspace['x-scalar-active-environment']\n\n  if (!activeEnv) {\n    return coerceValue(xScalarEnvironmentSchema, {})\n  }\n\n  const workspaceEnv = workspace.workspace['x-scalar-environments']?.[activeEnv] ?? {\n    variables: [],\n  }\n  const documentEnv = document?.['x-scalar-environments']?.[activeEnv] ?? {\n    variables: [],\n  }\n\n  return coerceValue(xScalarEnvironmentSchema, {\n    ...workspaceEnv,\n    ...documentEnv,\n    variables: [...workspaceEnv.variables, ...documentEnv.variables],\n  })\n}\n"],"mappings":";;;AAQA,IAAa,wBACX,WACA,aACuB;AACvB,KAAI,cAAc,KAChB,QAAO,YAAY,0BAA0B,EAAE,CAAC;CAElD,MAAM,YAAY,UAAU,UAAU;AAEtC,KAAI,CAAC,UACH,QAAO,YAAY,0BAA0B,EAAE,CAAC;CAGlD,MAAM,eAAe,UAAU,UAAU,2BAA2B,cAAc,EAChF,WAAW,EAAE,EACd;CACD,MAAM,cAAc,WAAW,2BAA2B,cAAc,EACtE,WAAW,EAAE,EACd;AAED,QAAO,YAAY,0BAA0B;EAC3C,GAAG;EACH,GAAG;EACH,WAAW,CAAC,GAAG,aAAa,WAAW,GAAG,YAAY,UAAU;EACjE,CAAC"}

package/dist/get-resolved-url-SybDPV0U.js

@@ -0,0 +1,85 @@
+import { n as getEnvironmentVariables, t as getServerUrl } from "./get-server-url-UVN-dx79.js";
+import { mergeUrls } from "@scalar/helpers/url/merge-urls";
+import { replaceVariables } from "@scalar/helpers/regex/replace-variables";
+//#region src/v2/blocks/operation-block/helpers/apply-allow-reserved-to-url.ts
+/**
+* Reserved characters we can safely decode in query values when OpenAPI
+* `allowReserved` is enabled.
+*
+* We intentionally keep percent-encodings for characters that can break query
+* parsing (`#`, `&`, `=`, `?`, `[`, `]`) or change x-www-form-urlencoded
+* semantics (`+`).
+*
+* @see https://spec.openapis.org/oas/v3.1.0.html#fixed-fields-10
+*/
+var DECODABLE_RESERVED_CHARACTERS_BY_PERCENT_ENCODING = {
+	"21": "!",
+	"24": "$",
+	"27": "'",
+	"28": "(",
+	"29": ")",
+	"2A": "*",
+	"2C": ",",
+	"2F": "/",
+	"3A": ":",
+	"3B": ";",
+	"40": "@"
+};
+var decodeReservedCharacters = (value) => value.replace(/%([0-9A-Fa-f]{2})/g, (match, code) => DECODABLE_RESERVED_CHARACTERS_BY_PERCENT_ENCODING[code.toUpperCase()] ?? match);
+var decodeQueryKey = (key) => {
+	try {
+		return decodeURIComponent(key.replaceAll("+", "%20"));
+	} catch {
+		return key;
+	}
+};
+/**
+* Decodes reserved character percent-encodings only for query keys marked with
+* OpenAPI's `allowReserved: true`.
+*/
+var applyAllowReservedToUrl = (url, allowReservedQueryParameters) => {
+	if (allowReservedQueryParameters.size === 0) return url;
+	const queryStart = url.indexOf("?");
+	if (queryStart === -1) return url;
+	const hashStart = url.indexOf("#", queryStart);
+	const urlPrefix = url.slice(0, queryStart + 1);
+	const query = hashStart === -1 ? url.slice(queryStart + 1) : url.slice(queryStart + 1, hashStart);
+	const hash = hashStart === -1 ? "" : url.slice(hashStart);
+	if (!query) return url;
+	return `${urlPrefix}${query.split("&").map((segment) => {
+		if (!segment) return segment;
+		const equalsIndex = segment.indexOf("=");
+		const rawKey = equalsIndex === -1 ? segment : segment.slice(0, equalsIndex);
+		const key = decodeQueryKey(rawKey);
+		if (!allowReservedQueryParameters.has(key) || equalsIndex === -1) return segment;
+		return `${rawKey}=${decodeReservedCharacters(segment.slice(equalsIndex + 1))}`;
+	}).join("&")}${hash}`;
+};
+//#endregion
+//#region src/v2/blocks/operation-block/helpers/get-resolved-url.ts
+/**
+* Resolves and constructs the final request URL using the provided environment, server, path,
+* path variables, and optional query parameters.
+*
+* - Environment variables and path variables are used to replace placeholders in the path string.
+* - The server URL is dynamically resolved (may apply env variables).
+* - urlParams are optionally appended as the query string.
+*
+* @param environment    The current environment containing variable values.
+* @param server         The selected server object; can be null.
+* @param path           The raw path string from the OpenAPI document (may contain variables).
+* @param pathVariables  Map of path variable values (e.g., { petId: '5' }).
+* @param urlParams      Optional query parameters as URLSearchParams.
+* @returns              Fully resolved URL as a string.
+*/
+var getResolvedUrl = ({ environment, server, path, pathVariables, allowReservedQueryParameters, urlParams }) => {
+	const environmentVariables = getEnvironmentVariables(environment);
+	return applyAllowReservedToUrl(mergeUrls(getServerUrl(server, environmentVariables), replaceVariables(path, {
+		...environmentVariables,
+		...pathVariables
+	}), urlParams), allowReservedQueryParameters ?? /* @__PURE__ */ new Set());
+};
+//#endregion
+export { getResolvedUrl as t };
+
+//# sourceMappingURL=get-resolved-url-SybDPV0U.js.map

package/dist/get-resolved-url-SybDPV0U.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-resolved-url-SybDPV0U.js","names":[],"sources":["../src/v2/blocks/operation-block/helpers/apply-allow-reserved-to-url.ts","../src/v2/blocks/operation-block/helpers/get-resolved-url.ts"],"sourcesContent":["/**\n * Reserved characters we can safely decode in query values when OpenAPI\n * `allowReserved` is enabled.\n *\n * We intentionally keep percent-encodings for characters that can break query\n * parsing (`#`, `&`, `=`, `?`, `[`, `]`) or change x-www-form-urlencoded\n * semantics (`+`).\n *\n * @see https://spec.openapis.org/oas/v3.1.0.html#fixed-fields-10\n */\nconst DECODABLE_RESERVED_CHARACTERS_BY_PERCENT_ENCODING: Record<string, string> = {\n  '21': '!',\n  '24': '$',\n  '27': \"'\",\n  '28': '(',\n  '29': ')',\n  '2A': '*',\n  '2C': ',',\n  '2F': '/',\n  '3A': ':',\n  '3B': ';',\n  '40': '@',\n}\n\nconst decodeReservedCharacters = (value: string): string =>\n  value.replace(\n    /%([0-9A-Fa-f]{2})/g,\n    (match, code: string) => DECODABLE_RESERVED_CHARACTERS_BY_PERCENT_ENCODING[code.toUpperCase()] ?? match,\n  )\n\nconst decodeQueryKey = (key: string): string => {\n  try {\n    return decodeURIComponent(key.replaceAll('+', '%20'))\n  } catch {\n    return key\n  }\n}\n\n/**\n * Decodes reserved character percent-encodings only for query keys marked with\n * OpenAPI's `allowReserved: true`.\n */\nexport const applyAllowReservedToUrl = (url: string, allowReservedQueryParameters: Set<string>): string => {\n  if (allowReservedQueryParameters.size === 0) {\n    return url\n  }\n\n  const queryStart = url.indexOf('?')\n  if (queryStart === -1) {\n    return url\n  }\n\n  const hashStart = url.indexOf('#', queryStart)\n  const urlPrefix = url.slice(0, queryStart + 1)\n  const query = hashStart === -1 ? url.slice(queryStart + 1) : url.slice(queryStart + 1, hashStart)\n  const hash = hashStart === -1 ? '' : url.slice(hashStart)\n\n  if (!query) {\n    return url\n  }\n\n  const decodedQuery = query\n    .split('&')\n    .map((segment) => {\n      if (!segment) {\n        return segment\n      }\n\n      const equalsIndex = segment.indexOf('=')\n      const rawKey = equalsIndex === -1 ? segment : segment.slice(0, equalsIndex)\n      const key = decodeQueryKey(rawKey)\n\n      if (!allowReservedQueryParameters.has(key) || equalsIndex === -1) {\n        return segment\n      }\n\n      const rawValue = segment.slice(equalsIndex + 1)\n      return `${rawKey}=${decodeReservedCharacters(rawValue)}`\n    })\n    .join('&')\n\n  return `${urlPrefix}${decodedQuery}${hash}`\n}\n","import { replaceVariables } from '@scalar/helpers/regex/replace-variables'\nimport { mergeUrls } from '@scalar/helpers/url/merge-urls'\nimport type { XScalarEnvironment } from '@scalar/workspace-store/schemas/extensions/document/x-scalar-environments'\nimport type { ServerObject } from '@scalar/workspace-store/schemas/v3.1/strict/server'\n\nimport { applyAllowReservedToUrl } from '@/v2/blocks/operation-block/helpers/apply-allow-reserved-to-url'\nimport { getEnvironmentVariables } from '@/v2/blocks/operation-block/helpers/get-environment-variables'\nimport { getServerUrl } from '@/v2/blocks/operation-block/helpers/get-server-url'\n\n/**\n * Resolves and constructs the final request URL using the provided environment, server, path,\n * path variables, and optional query parameters.\n *\n * - Environment variables and path variables are used to replace placeholders in the path string.\n * - The server URL is dynamically resolved (may apply env variables).\n * - urlParams are optionally appended as the query string.\n *\n * @param environment    The current environment containing variable values.\n * @param server         The selected server object; can be null.\n * @param path           The raw path string from the OpenAPI document (may contain variables).\n * @param pathVariables  Map of path variable values (e.g., { petId: '5' }).\n * @param urlParams      Optional query parameters as URLSearchParams.\n * @returns              Fully resolved URL as a string.\n */\nexport const getResolvedUrl = ({\n  environment,\n  server,\n  path,\n  pathVariables,\n  allowReservedQueryParameters,\n  urlParams,\n}: {\n  environment: XScalarEnvironment\n  server: ServerObject | null\n  path: string\n  pathVariables: Record<string, string>\n  allowReservedQueryParameters?: Set<string>\n  urlParams?: URLSearchParams\n}) => {\n  const environmentVariables = getEnvironmentVariables(environment)\n  const serverUrl = getServerUrl(server, environmentVariables)\n  const pathWithVariables = replaceVariables(path, { ...environmentVariables, ...pathVariables })\n  const mergedUrl = mergeUrls(serverUrl, pathWithVariables, urlParams)\n  return applyAllowReservedToUrl(mergedUrl, allowReservedQueryParameters ?? new Set())\n}\n"],"mappings":";;;;;;;;;;;;;;AAUA,IAAM,oDAA4E;CAChF,MAAM;CACN,MAAM;CACN,MAAM;CACN,MAAM;CACN,MAAM;CACN,MAAM;CACN,MAAM;CACN,MAAM;CACN,MAAM;CACN,MAAM;CACN,MAAM;CACP;AAED,IAAM,4BAA4B,UAChC,MAAM,QACJ,uBACC,OAAO,SAAiB,kDAAkD,KAAK,aAAa,KAAK,MACnG;AAEH,IAAM,kBAAkB,QAAwB;AAC9C,KAAI;AACF,SAAO,mBAAmB,IAAI,WAAW,KAAK,MAAM,CAAC;SAC/C;AACN,SAAO;;;;;;;AAQX,IAAa,2BAA2B,KAAa,iCAAsD;AACzG,KAAI,6BAA6B,SAAS,EACxC,QAAO;CAGT,MAAM,aAAa,IAAI,QAAQ,IAAI;AACnC,KAAI,eAAe,GACjB,QAAO;CAGT,MAAM,YAAY,IAAI,QAAQ,KAAK,WAAW;CAC9C,MAAM,YAAY,IAAI,MAAM,GAAG,aAAa,EAAE;CAC9C,MAAM,QAAQ,cAAc,KAAK,IAAI,MAAM,aAAa,EAAE,GAAG,IAAI,MAAM,aAAa,GAAG,UAAU;CACjG,MAAM,OAAO,cAAc,KAAK,KAAK,IAAI,MAAM,UAAU;AAEzD,KAAI,CAAC,MACH,QAAO;AAuBT,QAAO,GAAG,YApBW,MAClB,MAAM,IAAI,CACV,KAAK,YAAY;AAChB,MAAI,CAAC,QACH,QAAO;EAGT,MAAM,cAAc,QAAQ,QAAQ,IAAI;EACxC,MAAM,SAAS,gBAAgB,KAAK,UAAU,QAAQ,MAAM,GAAG,YAAY;EAC3E,MAAM,MAAM,eAAe,OAAO;AAElC,MAAI,CAAC,6BAA6B,IAAI,IAAI,IAAI,gBAAgB,GAC5D,QAAO;AAIT,SAAO,GAAG,OAAO,GAAG,yBADH,QAAQ,MAAM,cAAc,EAAE,CACO;GACtD,CACD,KAAK,IAAI,GAEyB;;;;;;;;;;;;;;;;;;;ACzDvC,IAAa,kBAAkB,EAC7B,aACA,QACA,MACA,eACA,8BACA,gBAQI;CACJ,MAAM,uBAAuB,wBAAwB,YAAY;AAIjE,QAAO,wBADW,UAFA,aAAa,QAAQ,qBAAqB,EAClC,iBAAiB,MAAM;EAAE,GAAG;EAAsB,GAAG;EAAe,CAAC,EACrC,UAAU,EAC1B,gDAAgC,IAAI,KAAK,CAAC"}

package/dist/get-server-url-UVN-dx79.js

@@ -0,0 +1,32 @@
+import { objectEntries } from "@vueuse/core";
+import { replaceVariables } from "@scalar/helpers/regex/replace-variables";
+//#region src/v2/blocks/operation-block/helpers/get-environment-variables.ts
+/**
+* Flattens the environment variables array into a key-value object.
+* If a variable value is a string, use it directly; otherwise, use its default value.
+*
+* @returns An object mapping variable names to their resolved values.
+*/
+var getEnvironmentVariables = (environment) => {
+	return environment.variables.reduce((acc, curr) => {
+		acc[curr.name] = typeof curr.value === "string" ? curr.value : curr.value.default;
+		return acc;
+	}, {});
+};
+//#endregion
+//#region src/v2/blocks/operation-block/helpers/get-server-url.ts
+var getServerUrl = (server, environmentVariables) => {
+	/** Extract the server variables default values*/
+	const serverVariables = objectEntries(server?.variables ?? {}).reduce((acc, [name, variable]) => {
+		if (variable.default) acc[name] = variable.default;
+		return acc;
+	}, {});
+	return replaceVariables(server?.url ?? "", {
+		...environmentVariables,
+		...serverVariables
+	});
+};
+//#endregion
+export { getEnvironmentVariables as n, getServerUrl as t };
+
+//# sourceMappingURL=get-server-url-UVN-dx79.js.map

package/dist/get-server-url-UVN-dx79.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-server-url-UVN-dx79.js","names":[],"sources":["../src/v2/blocks/operation-block/helpers/get-environment-variables.ts","../src/v2/blocks/operation-block/helpers/get-server-url.ts"],"sourcesContent":["import type { XScalarEnvironment } from '@scalar/workspace-store/schemas/extensions/document/x-scalar-environments'\n\n/**\n * Flattens the environment variables array into a key-value object.\n * If a variable value is a string, use it directly; otherwise, use its default value.\n *\n * @returns An object mapping variable names to their resolved values.\n */\nexport const getEnvironmentVariables = (environment: XScalarEnvironment) => {\n  return environment.variables.reduce(\n    (acc, curr) => {\n      acc[curr.name] = typeof curr.value === 'string' ? curr.value : curr.value.default\n      return acc\n    },\n    {} as Record<string, string>,\n  )\n}\n","import { replaceVariables } from '@scalar/helpers/regex/replace-variables'\nimport type { ServerObject } from '@scalar/workspace-store/schemas/v3.1/strict/server'\nimport { objectEntries } from '@vueuse/core'\n\nexport const getServerUrl = (server: ServerObject | null, environmentVariables: Record<string, string>) => {\n  /** Extract the server variables default values*/\n  const serverVariables = objectEntries(server?.variables ?? {}).reduce(\n    (acc, [name, variable]) => {\n      if (variable.default) {\n        acc[name] = variable.default\n      }\n      return acc\n    },\n    {} as Record<string, string>,\n  )\n\n  return replaceVariables(server?.url ?? '', { ...environmentVariables, ...serverVariables })\n}\n"],"mappings":";;;;;;;;;AAQA,IAAa,2BAA2B,gBAAoC;AAC1E,QAAO,YAAY,UAAU,QAC1B,KAAK,SAAS;AACb,MAAI,KAAK,QAAQ,OAAO,KAAK,UAAU,WAAW,KAAK,QAAQ,KAAK,MAAM;AAC1E,SAAO;IAET,EAAE,CACH;;;;ACXH,IAAa,gBAAgB,QAA6B,yBAAiD;;CAEzG,MAAM,kBAAkB,cAAc,QAAQ,aAAa,EAAE,CAAC,CAAC,QAC5D,KAAK,CAAC,MAAM,cAAc;AACzB,MAAI,SAAS,QACX,KAAI,QAAQ,SAAS;AAEvB,SAAO;IAET,EAAE,CACH;AAED,QAAO,iBAAiB,QAAQ,OAAO,IAAI;EAAE,GAAG;EAAsB,GAAG;EAAiB,CAAC"}

package/dist/get-servers-B_WNlQWB.js

@@ -0,0 +1,106 @@
+import { combineUrlAndPath } from "@scalar/helpers/url/merge-urls";
+//#region src/v2/helpers/get-servers.ts
+/**
+* Retrieves and processes servers from an OpenAPI document.
+*
+* This function handles several scenarios:
+* 1. No servers provided - creates a default server from document URL or fallback
+* 2. Invalid server configurations - filters them out with warnings
+* 3. Relative URLs - resolves them to absolute URLs using available base URLs
+*
+* @param servers - Array of OpenAPI server objects from the document
+* @param options - Configuration options for server processing
+* @returns Array of validated Server entities
+*/
+function getServers(servers, options = {}) {
+	if (!servers?.length) {
+		const fallbackServer = createFallbackServer(options);
+		return fallbackServer ? [fallbackServer] : [];
+	}
+	if (!Array.isArray(servers)) return [];
+	const validServers = servers.map((server) => processServerObject(server, options));
+	if (validServers.length === 0) {
+		const fallbackServer = createFallbackServer(options);
+		return fallbackServer ? [fallbackServer] : [];
+	}
+	return validServers;
+}
+/**
+* Extracts the base URL (protocol + hostname) from a document URL.
+* Returns undefined if the URL is invalid.
+*/
+function extractBaseUrlFromDocumentUrl(documentUrl) {
+	try {
+		const url = new URL(documentUrl);
+		const port = url.port ? `:${url.port}` : "";
+		return `${url.protocol}//${url.hostname}${port}`;
+	} catch {
+		return;
+	}
+}
+/**
+* Gets the fallback URL from window.location.origin if available.
+*/
+function getFallbackUrl() {
+	if (typeof window === "undefined" || typeof window?.location?.origin !== "string") return;
+	return window.location.origin;
+}
+/**
+* Creates a server object from a URL string, with error handling.
+*/
+function createServerFromUrl(url) {
+	return { url };
+}
+/**
+* Creates a default server using the document URL as the base.
+*/
+function createDefaultServerFromDocumentUrl(documentUrl) {
+	const baseUrl = extractBaseUrlFromDocumentUrl(documentUrl);
+	if (!baseUrl) return;
+	return createServerFromUrl(baseUrl);
+}
+/**
+* Creates a default server using the fallback URL (window.location.origin).
+*/
+function createDefaultServerFromFallback() {
+	const fallbackUrl = getFallbackUrl();
+	if (!fallbackUrl) return;
+	return createServerFromUrl(fallbackUrl);
+}
+/**
+* Resolves a relative server URL to an absolute URL using available base URLs.
+* Uses a priority system: baseServerURL > documentUrl > fallbackUrl.
+*/
+function resolveRelativeServerUrl(serverUrl, options) {
+	const { baseServerUrl: baseServerURL, documentUrl } = options;
+	if (baseServerURL) return combineUrlAndPath(baseServerURL, serverUrl);
+	if (documentUrl) {
+		const baseUrl = extractBaseUrlFromDocumentUrl(documentUrl);
+		if (baseUrl) return combineUrlAndPath(baseUrl, serverUrl);
+	}
+	const fallbackUrl = getFallbackUrl();
+	if (fallbackUrl) return combineUrlAndPath(fallbackUrl, serverUrl);
+	return serverUrl;
+}
+/**
+* Processes a single server object, handling validation and URL resolution.
+*/
+function processServerObject(server, options) {
+	if (server.url?.startsWith("/")) server.url = resolveRelativeServerUrl(server.url, options);
+	return server;
+}
+/**
+* Creates a fallback server when no valid servers are available.
+* Uses document URL first, then fallback URL.
+*/
+function createFallbackServer(options) {
+	if (options.documentUrl) {
+		const defaultServer = createDefaultServerFromDocumentUrl(options.documentUrl);
+		if (defaultServer) return defaultServer;
+	}
+	return createDefaultServerFromFallback();
+}
+//#endregion
+export { getServers as t };
+
+//# sourceMappingURL=get-servers-B_WNlQWB.js.map

package/dist/get-servers-B_WNlQWB.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-servers-B_WNlQWB.js","names":[],"sources":["../src/v2/helpers/get-servers.ts"],"sourcesContent":["import { combineUrlAndPath } from '@scalar/helpers/url/merge-urls'\nimport type { ServerObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\n\n/**\n * Server processing options containing base URLs for resolving relative server URLs.\n */\ntype ServerProcessingOptions = {\n  baseServerUrl?: string\n  documentUrl?: string\n}\n\n/**\n * Retrieves and processes servers from an OpenAPI document.\n *\n * This function handles several scenarios:\n * 1. No servers provided - creates a default server from document URL or fallback\n * 2. Invalid server configurations - filters them out with warnings\n * 3. Relative URLs - resolves them to absolute URLs using available base URLs\n *\n * @param servers - Array of OpenAPI server objects from the document\n * @param options - Configuration options for server processing\n * @returns Array of validated Server entities\n */\nexport function getServers(servers: ServerObject[] | undefined, options: ServerProcessingOptions = {}): ServerObject[] {\n  // Handle case where no servers are provided\n  if (!servers?.length) {\n    const fallbackServer = createFallbackServer(options)\n    return fallbackServer ? [fallbackServer] : []\n  }\n\n  // Handle invalid server array\n  if (!Array.isArray(servers)) {\n    return []\n  }\n\n  // Process each server and filter out invalid ones\n  const validServers = servers.map((server) => processServerObject(server, options))\n\n  // If all servers were invalid, provide a fallback\n  if (validServers.length === 0) {\n    const fallbackServer = createFallbackServer(options)\n    return fallbackServer ? [fallbackServer] : []\n  }\n\n  return validServers\n}\n\n/**\n * Extracts the base URL (protocol + hostname) from a document URL.\n * Returns undefined if the URL is invalid.\n */\nfunction extractBaseUrlFromDocumentUrl(documentUrl: string): string | undefined {\n  try {\n    const url = new URL(documentUrl)\n    const port = url.port ? `:${url.port}` : ''\n    return `${url.protocol}//${url.hostname}${port}`\n  } catch {\n    return undefined\n  }\n}\n\n/**\n * Gets the fallback URL from window.location.origin if available.\n */\nfunction getFallbackUrl(): string | undefined {\n  if (typeof window === 'undefined' || typeof window?.location?.origin !== 'string') {\n    return undefined\n  }\n  return window.location.origin\n}\n\n/**\n * Creates a server object from a URL string, with error handling.\n */\nfunction createServerFromUrl(url: string): ServerObject | undefined {\n  return { url }\n}\n\n/**\n * Creates a default server using the document URL as the base.\n */\nfunction createDefaultServerFromDocumentUrl(documentUrl: string): ServerObject | undefined {\n  const baseUrl = extractBaseUrlFromDocumentUrl(documentUrl)\n  if (!baseUrl) {\n    return undefined\n  }\n\n  return createServerFromUrl(baseUrl)\n}\n\n/**\n * Creates a default server using the fallback URL (window.location.origin).\n */\nfunction createDefaultServerFromFallback(): ServerObject | undefined {\n  const fallbackUrl = getFallbackUrl()\n  if (!fallbackUrl) {\n    return undefined\n  }\n\n  return createServerFromUrl(fallbackUrl)\n}\n\n/**\n * Resolves a relative server URL to an absolute URL using available base URLs.\n * Uses a priority system: baseServerURL > documentUrl > fallbackUrl.\n */\nfunction resolveRelativeServerUrl(serverUrl: string, options: ServerProcessingOptions): string {\n  const { baseServerUrl: baseServerURL, documentUrl } = options\n\n  // Priority 1: Use provided base server URL\n  if (baseServerURL) {\n    return combineUrlAndPath(baseServerURL, serverUrl)\n  }\n\n  // Priority 2: Extract base URL from document URL\n  if (documentUrl) {\n    const baseUrl = extractBaseUrlFromDocumentUrl(documentUrl)\n    if (baseUrl) {\n      return combineUrlAndPath(baseUrl, serverUrl)\n    }\n  }\n\n  // Priority 3: Use fallback URL (window.location.origin)\n  const fallbackUrl = getFallbackUrl()\n  if (fallbackUrl) {\n    return combineUrlAndPath(fallbackUrl, serverUrl)\n  }\n\n  // If no base URL is available, return the original URL\n  return serverUrl\n}\n\n/**\n * Processes a single server object, handling validation and URL resolution.\n */\nfunction processServerObject(server: ServerObject, options: ServerProcessingOptions): ServerObject {\n  // Resolve relative URLs to absolute URLs\n  if (server.url?.startsWith('/')) {\n    server.url = resolveRelativeServerUrl(server.url, options)\n  }\n\n  return server\n}\n\n/**\n * Creates a fallback server when no valid servers are available.\n * Uses document URL first, then fallback URL.\n */\nfunction createFallbackServer(options: ServerProcessingOptions): ServerObject | undefined {\n  // Priority 1: Try to create default server from document URL\n  if (options.documentUrl) {\n    const defaultServer = createDefaultServerFromDocumentUrl(options.documentUrl)\n\n    if (defaultServer) {\n      return defaultServer\n    }\n  }\n\n  // Priority 2: Try to create default server from fallback URL\n  return createDefaultServerFromFallback()\n}\n"],"mappings":";;;;;;;;;;;;;;AAuBA,SAAgB,WAAW,SAAqC,UAAmC,EAAE,EAAkB;AAErH,KAAI,CAAC,SAAS,QAAQ;EACpB,MAAM,iBAAiB,qBAAqB,QAAQ;AACpD,SAAO,iBAAiB,CAAC,eAAe,GAAG,EAAE;;AAI/C,KAAI,CAAC,MAAM,QAAQ,QAAQ,CACzB,QAAO,EAAE;CAIX,MAAM,eAAe,QAAQ,KAAK,WAAW,oBAAoB,QAAQ,QAAQ,CAAC;AAGlF,KAAI,aAAa,WAAW,GAAG;EAC7B,MAAM,iBAAiB,qBAAqB,QAAQ;AACpD,SAAO,iBAAiB,CAAC,eAAe,GAAG,EAAE;;AAG/C,QAAO;;;;;;AAOT,SAAS,8BAA8B,aAAyC;AAC9E,KAAI;EACF,MAAM,MAAM,IAAI,IAAI,YAAY;EAChC,MAAM,OAAO,IAAI,OAAO,IAAI,IAAI,SAAS;AACzC,SAAO,GAAG,IAAI,SAAS,IAAI,IAAI,WAAW;SACpC;AACN;;;;;;AAOJ,SAAS,iBAAqC;AAC5C,KAAI,OAAO,WAAW,eAAe,OAAO,QAAQ,UAAU,WAAW,SACvE;AAEF,QAAO,OAAO,SAAS;;;;;AAMzB,SAAS,oBAAoB,KAAuC;AAClE,QAAO,EAAE,KAAK;;;;;AAMhB,SAAS,mCAAmC,aAA+C;CACzF,MAAM,UAAU,8BAA8B,YAAY;AAC1D,KAAI,CAAC,QACH;AAGF,QAAO,oBAAoB,QAAQ;;;;;AAMrC,SAAS,kCAA4D;CACnE,MAAM,cAAc,gBAAgB;AACpC,KAAI,CAAC,YACH;AAGF,QAAO,oBAAoB,YAAY;;;;;;AAOzC,SAAS,yBAAyB,WAAmB,SAA0C;CAC7F,MAAM,EAAE,eAAe,eAAe,gBAAgB;AAGtD,KAAI,cACF,QAAO,kBAAkB,eAAe,UAAU;AAIpD,KAAI,aAAa;EACf,MAAM,UAAU,8BAA8B,YAAY;AAC1D,MAAI,QACF,QAAO,kBAAkB,SAAS,UAAU;;CAKhD,MAAM,cAAc,gBAAgB;AACpC,KAAI,YACF,QAAO,kBAAkB,aAAa,UAAU;AAIlD,QAAO;;;;;AAMT,SAAS,oBAAoB,QAAsB,SAAgD;AAEjG,KAAI,OAAO,KAAK,WAAW,IAAI,CAC7B,QAAO,MAAM,yBAAyB,OAAO,KAAK,QAAQ;AAG5D,QAAO;;;;;;AAOT,SAAS,qBAAqB,SAA4D;AAExF,KAAI,QAAQ,aAAa;EACvB,MAAM,gBAAgB,mCAAmC,QAAQ,YAAY;AAE7E,MAAI,cACF,QAAO;;AAKX,QAAO,iCAAiC"}

package/dist/get-snippet-DBRUSfZ2.js

@@ -0,0 +1,39 @@
+import { snippetz } from "@scalar/snippetz";
+//#region src/views/Components/CodeSnippet/helpers/get-snippet.ts
+/** Key used to hack around the invalid urls */
+var INVALID_URLS_PREFIX = "ws://replace.me";
+/**
+* Returns a code example for given operation
+*/
+var getSnippet = (target, client, harRequest) => {
+	try {
+		if (!harRequest.url) return [/* @__PURE__ */ new Error("Please enter a URL to see a code snippet"), null];
+		const separator = harRequest.url.startsWith("/") ? "" : "/";
+		try {
+			new URL(harRequest.url);
+		} catch (error) {
+			console.error("[getSnippet] Invalid URL", error);
+			harRequest.url = `${INVALID_URLS_PREFIX}${separator}${harRequest.url}`;
+		}
+		if (harRequest.postData?.mimeType === "application/json") try {
+			JSON.parse(harRequest.postData.text || "{}");
+		} catch (error) {
+			console.error("[getSnippet] Invalid JSON body", error);
+			return [/* @__PURE__ */ new Error("Invalid JSON body"), null];
+		}
+		const snippetzTargetKey = target.replace("javascript", "js");
+		if (snippetz().hasPlugin(snippetzTargetKey, client)) {
+			const payload = snippetz().print(snippetzTargetKey, client, harRequest);
+			if (!payload) return [/* @__PURE__ */ new Error("Error generating snippet"), null];
+			return [null, payload.replace(`${INVALID_URLS_PREFIX}${separator}`, "")];
+		}
+	} catch (error) {
+		console.error("[getSnippet] Error generating snippet", error);
+		return [/* @__PURE__ */ new Error("Error generating snippet"), null];
+	}
+	return [/* @__PURE__ */ new Error("No snippet found"), null];
+};
+//#endregion
+export { getSnippet as t };
+
+//# sourceMappingURL=get-snippet-DBRUSfZ2.js.map

package/dist/get-snippet-DBRUSfZ2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-snippet-DBRUSfZ2.js","names":[],"sources":["../src/views/Components/CodeSnippet/helpers/get-snippet.ts"],"sourcesContent":["import { type ClientId, type TargetId, snippetz } from '@scalar/snippetz'\nimport type { Request as HarRequest } from 'har-format'\n\nimport type { ErrorResponse } from '@/libs/errors'\n\n/** Key used to hack around the invalid urls */\nconst INVALID_URLS_PREFIX = 'ws://replace.me'\n\n/**\n * Returns a code example for given operation\n */\nexport const getSnippet = <T extends TargetId>(\n  target: T | 'javascript',\n  client: ClientId<T>,\n  harRequest: HarRequest,\n): ErrorResponse<string> => {\n  try {\n    if (!harRequest.url) {\n      return [new Error('Please enter a URL to see a code snippet'), null]\n    }\n\n    const separator = harRequest.url.startsWith('/') ? '' : '/'\n\n    // Hack to get around invalid URLS until we update the snippets lib\n    try {\n      new URL(harRequest.url)\n    } catch (error) {\n      console.error('[getSnippet] Invalid URL', error)\n      harRequest.url = `${INVALID_URLS_PREFIX}${separator}${harRequest.url}`\n    }\n\n    // Ensure we have valid JSON\n    if (harRequest.postData?.mimeType === 'application/json') {\n      try {\n        JSON.parse(harRequest.postData.text || '{}')\n      } catch (error) {\n        console.error('[getSnippet] Invalid JSON body', error)\n        return [new Error('Invalid JSON body'), null]\n      }\n    }\n    // TODO: Fix this, use js (instead of javascript) everywhere\n    const snippetzTargetKey = target.replace('javascript', 'js') as TargetId\n\n    if (snippetz().hasPlugin(snippetzTargetKey, client)) {\n      const payload = snippetz().print(snippetzTargetKey, client as ClientId<TargetId>, harRequest)\n      if (!payload) {\n        return [new Error('Error generating snippet'), null]\n      }\n\n      return [null, payload.replace(`${INVALID_URLS_PREFIX}${separator}`, '')]\n    }\n  } catch (error) {\n    console.error('[getSnippet] Error generating snippet', error)\n    return [new Error('Error generating snippet'), null]\n  }\n\n  return [new Error('No snippet found'), null]\n}\n"],"mappings":";;;AAMA,IAAM,sBAAsB;;;;AAK5B,IAAa,cACX,QACA,QACA,eAC0B;AAC1B,KAAI;AACF,MAAI,CAAC,WAAW,IACd,QAAO,iBAAC,IAAI,MAAM,2CAA2C,EAAE,KAAK;EAGtE,MAAM,YAAY,WAAW,IAAI,WAAW,IAAI,GAAG,KAAK;AAGxD,MAAI;AACF,OAAI,IAAI,WAAW,IAAI;WAChB,OAAO;AACd,WAAQ,MAAM,4BAA4B,MAAM;AAChD,cAAW,MAAM,GAAG,sBAAsB,YAAY,WAAW;;AAInE,MAAI,WAAW,UAAU,aAAa,mBACpC,KAAI;AACF,QAAK,MAAM,WAAW,SAAS,QAAQ,KAAK;WACrC,OAAO;AACd,WAAQ,MAAM,kCAAkC,MAAM;AACtD,UAAO,iBAAC,IAAI,MAAM,oBAAoB,EAAE,KAAK;;EAIjD,MAAM,oBAAoB,OAAO,QAAQ,cAAc,KAAK;AAE5D,MAAI,UAAU,CAAC,UAAU,mBAAmB,OAAO,EAAE;GACnD,MAAM,UAAU,UAAU,CAAC,MAAM,mBAAmB,QAA8B,WAAW;AAC7F,OAAI,CAAC,QACH,QAAO,iBAAC,IAAI,MAAM,2BAA2B,EAAE,KAAK;AAGtD,UAAO,CAAC,MAAM,QAAQ,QAAQ,GAAG,sBAAsB,aAAa,GAAG,CAAC;;UAEnE,OAAO;AACd,UAAQ,MAAM,yCAAyC,MAAM;AAC7D,SAAO,iBAAC,IAAI,MAAM,2BAA2B,EAAE,KAAK;;AAGtD,QAAO,iBAAC,IAAI,MAAM,mBAAmB,EAAE,KAAK"}