@stainless-api/docs-ui 0.1.0-beta.8 → 0.1.0-beta.80

package/src/styles/search.css

@@ -1,341 +0,0 @@
-.stldocs-root .stldocs-search-form {
-  display: flex;
-  flex-direction: column;
-
-  .stldocs-search-filter {
-    margin-top: 0.8rem;
-    display: flex;
-    gap: 1rem;
-
-    .stldocs-togglebutton {
-      display: flex;
-      flex-grow: 1;
-      gap: 0.5rem;
-      border-radius: 8px;
-      padding: 0.4em 0.8em;
-      line-height: 1.5;
-      justify-content: center;
-      font-size: 0.9rem;
-      cursor: pointer;
-
-      &:hover,
-      &[data-stldocs-toggle-selected='true'] {
-        background-color: var(--stldocs-color-selected);
-
-        .stldocs-search-filter-count {
-          color: var(--stldocs-color-text-invert);
-          background-color: var(--stldocs-color-text);
-        }
-      }
-
-      .stldocs-icon {
-        margin: auto 0;
-      }
-
-      .stldocs-search-filter-count {
-        font-size: 0.75rem;
-        margin: auto 0;
-        background-color: var(--stldocs-color-selected);
-        border-radius: 0.5rem;
-        padding: 0 0.5rem;
-        line-height: 1.5;
-      }
-    }
-  }
-
-  .stldocs-search-result {
-    display: flex;
-    flex-direction: column;
-    gap: 0.5rem;
-    cursor: pointer;
-    margin: 0.5rem 0;
-    padding: 0.5rem 0.8rem;
-
-    mark {
-      background-color: var(--stldocs-color-hairline);
-      border-bottom: 1px dotted var(--stldocs-color-text);
-    }
-
-    &[data-stldocs-search-result='resource'] {
-      .stldocs-search-result-resource-info {
-        display: flex;
-        gap: 0.5rem;
-
-        .stldocs-search-result-resource-title {
-          font-weight: 600;
-        }
-
-        .stldocs-search-result-resource-path {
-          font-family: var(--stldocs-font-mono);
-          color: var(--stldocs-color-text);
-        }
-      }
-    }
-
-    &[data-stldocs-search-result='http_method'] {
-      h3.stldocs-method-title {
-        font-size: 1.2rem;
-      }
-
-      .stldocs-method-header {
-        display: flex;
-        flex-direction: column;
-        gap: 0.5rem;
-
-        .stldocs-method-signature {
-          font-family: var(--stldocs-font-mono);
-          color: var(--stldocs-color-text);
-          white-space: pre-wrap;
-          word-break: break-word;
-
-          .stldocs-text-identifier {
-            color: var(--stldocs-color-text);
-          }
-        }
-
-        .stldocs-method-route {
-          font-size: 0.8rem;
-
-          .stldocs-method-route-httpmethod {
-            font-size: 0.7rem;
-            text-transform: uppercase;
-            font-weight: 600;
-            padding: 4px;
-            border-radius: 4px;
-            align-self: baseline;
-          }
-
-          .stldocs-method-route-endpoint {
-            font-family: var(--stldocs-font-mono);
-            color: var(--stldocs-color-text-mid);
-          }
-        }
-      }
-
-      .stldocs-method-description {
-        color: var(--stldocs-color-text);
-      }
-    }
-
-    &[data-stldocs-search-result='property'] {
-      .stldocs-property-info {
-        display: flex;
-        flex-direction: column;
-        gap: 0.5rem;
-      }
-
-      .stldocs-property-header {
-        display: flex;
-        gap: 0.5rem;
-
-        .stldocs-property-name {
-          font-family: var(--stldocs-font-mono);
-        }
-
-        .stldocs-property-typename {
-          color: var(--stldocs-color-text-mid);
-        }
-      }
-
-      .stldocs-property-description {
-        color: var(--stldocs-color-text);
-      }
-    }
-
-    &[data-stldocs-search-result='model'] {
-      .stldocs-property-info {
-        display: flex;
-        flex-direction: column;
-        gap: 0.5rem;
-
-        .stldocs-property-type {
-          font-family: var(--stldocs-font-mono);
-          color: var(--stldocs-color-text);
-        }
-      }
-    }
-
-    &[data-stldocs-search-result='guide'] {
-      .stldocs-search-result-guide-title {
-        font-size: 1.2rem;
-      }
-
-      .stldocs-search-result-guide-excerpt {
-        color: var(--stldocs-color-text);
-      }
-
-      .stldocs-search-breadcrumb-item {
-        text-transform: capitalize;
-      }
-    }
-  }
-
-  .stldocs-search-breadcrumb {
-    display: flex;
-    gap: 0.5rem;
-    font-size: 0.8rem;
-
-    .stldocs-search-breadcrumb-item {
-      color: var(--stldocs-color-text-mid);
-    }
-
-    .stldocs-icon {
-      margin-top: auto;
-      margin-bottom: auto;
-    }
-  }
-}
-
-.stldocs-root .stldocs-search-modal {
-  display: none;
-  margin: auto;
-  padding: 1rem;
-  inset: 0;
-  max-width: 1024px;
-  max-height: 80vh;
-  background-color: var(--stldocs-color-bg);
-  color: var(--stldocs-color-text);
-  border: 1px solid var(--stldocs-color-hairline);
-  border-radius: 8px;
-
-  &:popover-open,
-  &[data-stldocs-modal-open='true'] {
-    display: block;
-    position: fixed;
-  }
-
-  .stldocs-search-form {
-    height: 100%;
-
-    .stldocs-listview {
-      margin: 0.8rem 0;
-      height: 100%;
-    }
-  }
-
-  &::backdrop {
-    background-color: var(--stldocs-color-backdrop-overlay);
-    -webkit-backdrop-filter: blur(0.25rem);
-    backdrop-filter: blur(0.25rem);
-  }
-}
-
-.stldocs-root #stldocs-chat {
-  display: flex;
-  flex-direction: column;
-  display: none;
-
-  .stldocs-chat-header {
-    display: flex;
-    gap: 0.5rem;
-    padding-bottom: 10px;
-
-    h5 {
-      flex-grow: 1;
-    }
-
-    .lucide-message-square-plus {
-      cursor: pointer;
-    }
-  }
-
-  &[data-stldocs-modal-open='true'] {
-    display: flex;
-  }
-
-  .stldocs-chat-messages {
-    padding: 0 2rem;
-    overflow-y: auto;
-    flex-grow: 1;
-
-    .stldocs-loading-spinner {
-      svg {
-        animation: stldocs-spinner-rotate 1s linear infinite;
-      }
-    }
-
-    .stldocs-chat-message {
-      margin-bottom: 50px;
-      display: flex;
-      flex-direction: column;
-      gap: 1rem;
-
-      p,
-      li {
-        line-height: 150%;
-
-        code {
-          white-space: pre;
-          word-break: normal;
-          overflow-wrap: normal;
-        }
-      }
-
-      pre {
-        background-color: rgb(30, 30, 30);
-        padding: 10px;
-        border-radius: 8px;
-        font-family: var(--stldocs-font-mono);
-        font-size: var(--stldocs-font-size-code);
-        line-height: 1.3rem;
-        white-space: pre;
-        margin-bottom: 1rem;
-        overflow-x: auto;
-      }
-
-      table {
-        border-spacing: 10px;
-
-        thead tr {
-          font-weight: bold;
-        }
-      }
-    }
-
-    .stldocs-chat-message[data-stldocs-chat-message='user'] {
-      background-color: var(--stldocs-color-gray-6);
-      border-radius: 6px;
-      margin-left: auto;
-      padding: 12px;
-      width: 60%;
-    }
-  }
-
-  .stldocs-chat-input {
-    border: 1px solid var(--stldocs-color-hairline);
-    background-color: var(--stldocs-color-snippet-box-bg);
-    border-radius: 8px;
-    padding: 10px;
-    display: flex;
-    gap: 1rem;
-    min-height: 100px;
-
-    textarea {
-      flex-grow: 1;
-    }
-
-    .stldocs-chat-input-buttons {
-      display: flex;
-      flex-direction: column;
-      gap: 0.5rem;
-    }
-
-    button {
-      padding: 0.3rem;
-      align-self: flex-start;
-      border-radius: 8px;
-      border: 1px solid var(--stldocs-color-hairline);
-      cursor: pointer;
-
-      &:hover {
-        background-color: var(--stldocs-color-gray-6);
-      }
-    }
-  }
-}
-
-@keyframes stldocs-spinner-rotate {
-  100% {
-    transform: rotate(360deg);
-  }
-}

package/src/styles/sidebar.css

@@ -1,85 +0,0 @@
-.stldocs-sidebar {
-  font-family: var(--stldocs-font);
-  font-size: var(--stldocs-font-size-body);
-
-  a {
-    text-decoration: none;
-    color: var(--stldocs-color-text-secondary);
-  }
-
-  .stldocs-sidebar-resource-title {
-    padding-bottom: 6px;
-  }
-
-  .stldocs-sidebar-resource,
-  .stldocs-sidebar-method {
-    padding: 6px;
-    display: flex;
-    gap: 0.5rem;
-
-    .stldocs-method-route-httpmethod {
-      margin-bottom: auto;
-    }
-
-    &[data-selected='true'] {
-      & > a,
-      & > details > summary > a {
-        color: var(--stldocs-color-text);
-      }
-    }
-  }
-
-  .stldocs-sidebar-resource-title {
-    display: block;
-
-    a {
-      color: var(--stldocs-color-text);
-      font-weight: 500;
-    }
-  }
-
-  .stldocs-sidebar-expander {
-    .stldocs-expander-summary {
-      cursor: pointer;
-      display: flex;
-
-      & > .stldocs-expander-summary-icon {
-        transform: translateX(-0.5px) translateY(-0.5px);
-        margin-left: 8px;
-
-        & > .stldocs-icon {
-          vertical-align: middle;
-          color: var(--stldocs-color-text-tertiary);
-        }
-
-        & > :last-child {
-          display: none;
-        }
-      }
-    }
-
-    &[open],
-    &[data-open='true'] {
-      & > .stldocs-expander-summary {
-        .stldocs-type-preview-content {
-          display: none;
-        }
-
-        & > .stldocs-expander-summary-icon {
-          & > :first-child {
-            display: none;
-          }
-
-          & > :last-child {
-            display: inline;
-          }
-        }
-      }
-
-      & > .stldocs-expander-content {
-        margin-left: 10px;
-        line-height: 150%;
-      }
-    }
-  }
-}

package/src/styles/snippets.css

@@ -1,130 +0,0 @@
-.stldocs-root {
-  .snippet {
-    color: #d8d8d8;
-    --orange: 24 76% 51%;
-    --teal: 208 100% 66%;
-    --magenta: 324 54% 48.6%;
-    --purple: 274 41% 47%;
-  }
-
-  .hljs-comment,
-  .hljs-quote {
-    color: #adadad;
-  }
-
-  .hljs-doctag,
-  .hljs-keyword,
-  .hljs-formula {
-    color: #fb8f44;
-  }
-
-  .hljs-section,
-  .hljs-name,
-  .hljs-selector-tag,
-  .hljs-deletion,
-  .hljs-subst {
-    color: #f7585c;
-  }
-
-  .hjs-literal,
-  .hljs-string,
-  .hljs-regexp,
-  .hljs-addition,
-  .hljs-attribute,
-  .hljs-meta .hljs-string {
-    color: #54aeff;
-  }
-
-  .hljs-attr,
-  .hljs-variable,
-  .hljs-template-variable,
-  .hljs-type,
-  .hljs-selector-class,
-  .hljs-selector-attr,
-  .hljs-selector-pseudo,
-  .hljs-number {
-    color: #4ac26b;
-  }
-
-  .hljs-symbol,
-  .hljs-bullet,
-  .hljs-link,
-  .hljs-meta,
-  .hljs-selector-id,
-  .hljs-title,
-  .hljs-built_in,
-  .hljs-title.class_,
-  .hljs-class .hljs-title {
-    color: #b68eff;
-  }
-
-  .hljs-emphasis {
-    font-style: italic;
-  }
-
-  .hljs-strong {
-    font-weight: bold;
-  }
-
-  .hljs-link {
-    text-decoration: underline;
-  }
-
-  .snippet-json {
-    color: #a5a5ac;
-
-    .hljs-comment,
-    .hljs-quote {
-      color: #adadad;
-    }
-
-    .hljs-doctag,
-    .hljs-keyword,
-    .hljs-formula,
-    .hljs-number {
-      color: var(--stldocs-syntax-color-orange);
-    }
-
-    .hljs-section,
-    .hljs-name,
-    .hljs-selector-tag,
-    .hljs-deletion,
-    .hljs-subst {
-      color: var(--stldocs-syntax-color-red);
-    }
-
-    .hjs-literal,
-    .hljs-string,
-    .hljs-regexp,
-    .hljs-addition,
-    .hljs-attribute,
-    .hljs-meta .hljs-string {
-      color: var(--stldocs-syntax-color-green);
-    }
-
-    .hljs-attr,
-    .hljs-variable,
-    .hljs-template-variable,
-    .hljs-type,
-    .hljs-selector-class,
-    .hljs-selector-attr,
-    .hljs-selector-pseudo {
-      color: var(--stldocs-color-text);
-    }
-
-    .hljs-symbol,
-    .hljs-bullet,
-    .hljs-link,
-    .hljs-meta,
-    .hljs-selector-id,
-    .hljs-title {
-      color: var(--stldocs-syntax-color-purple);
-    }
-
-    .hljs-built_in,
-    .hljs-title.class_,
-    .hljs-class .hljs-title {
-      color: var(--stldocs-syntax-color-blue);
-    }
-  }
-}

package/src/styles/variables.css

@@ -1,86 +0,0 @@
-:root {
-  --stldocs-font: 'Geist', system-ui, sans-serif;
-  --stldocs-font-mono: 'Geist Mono', ui-monospace, monospace;
-
-  --stldocs-color-white: #ffffff;
-  --stldocs-color-gray-1: #eeeeee;
-  --stldocs-color-gray-2: #c2c2c2;
-  --stldocs-color-gray-3: #8b8b8b;
-  --stldocs-color-gray-4: #52525c;
-  --stldocs-color-gray-5: #303030;
-  --stldocs-color-gray-6: #272727;
-  --stldocs-color-gray-7: #181818;
-  --stldocs-color-gray-8: #161616;
-
-  --stldocs-color-accent-low: #974703;
-  --stldocs-color-accent-high: #fdc99c;
-  --stldocs-color-accent: #f6821e;
-  --stldocs-color-red: #cf222e;
-  --stldocs-color-red-low: #351313;
-
-  --stldocs-color-text: var(--stldocs-color-gray-1);
-  --stldocs-color-text-muted: #6d6d6d;
-  --stldocs-color-text-mid: var(--stldocs-color-gray-3);
-  --stldocs-color-text-bright: var(--stldocs-color-gray-1);
-  --stldocs-color-text-accent: var(--stldocs-color-accent);
-  --stldocs-color-text-invert: var(--stldocs-color-white);
-  --stldocs-color-text-secondary: #acacac;
-  --stldocs-color-text-tertiary: #a3a3a3;
-
-  --stldocs-color-bg: var(--stldocs-color-gray-7);
-  --stldocs-color-bg-nav: var(--stldocs-color-gray-6);
-  --stldocs-color-selected: var(--stldocs-color-gray-6);
-
-  --stldocs-color-backdrop-overlay: hsla(225, 9%, 36%, 0.66);
-
-  --stldocs-color-bg-inline-code: #1f1f1f;
-  --stldocs-color-bg-accent: var(--stldocs-color-accent-high);
-  --stldocs-color-hairline: var(--stldocs-color-gray-5);
-  --stldocs-color-hairline-shade: var(--stldocs-color-white);
-  --stldocs-color-hairline-light: var(--stldocs-color-gray-5);
-
-  --stldocs-color-http-get-bg: #102916;
-  --stldocs-color-http-get: #4ac26b;
-
-  --stldocs-color-http-put-bg: #341e0e;
-  --stldocs-color-http-put: #fb8f44;
-
-  --stldocs-color-http-post-bg: #142a3d;
-  --stldocs-color-http-post: #54aeff;
-
-  --stldocs-color-http-delete-bg: #351313;
-  --stldocs-color-http-delete: #f8595c;
-
-  --stldocs-font-size-h1: 42px;
-  --stldocs-font-size-h2: 35px;
-  --stldocs-font-size-h3: 29px;
-  --stldocs-font-size-h4: 25px;
-  --stldocs-font-size-h5: 18px;
-
-  --stldocs-font-size-body: 14px;
-  --stldocs-font-size-body-xs: 12px;
-  --stldocs-font-size-small: 13px;
-  --stldocs-font-size-code: 14px;
-
-  --stldocs-content-width: 720px;
-  --stldocs-content-padding: 16px;
-
-  --stldocs-syntax-color-red: hsl(356 90.8% 66%);
-  --stldocs-syntax-color-green: hsl(136.5 49.6% 52.5%);
-  --stldocs-syntax-color-blue: hsl(208.4 100% 66.5%);
-  --stldocs-syntax-color-orange: hsl(24.6 96% 62.5%);
-  --stldocs-syntax-color-teal: hsl(203 100% 85.7%);
-  --stldocs-syntax-color-magenta: hsl(324 75.5% 63.1%);
-  --stldocs-syntax-color-purple: hsl(261 92.2% 74.7%);
-
-  --stldocs-color-snippet-box-bg: var(--stldocs-color-gray-6);
-  --stldocs-color-snippet-title-bg: var(--stldocs-color-gray-8);
-  --stldocs-color-snippet-title-muted: var(--stldocs-color-gray-3);
-  --stldocs-color-snippet-title-bright: var(--stldocs-color-white);
-  --stldocs-color-snippet-code-bg: var(--stldocs-color-gray-7);
-
-  --stldocs-color-backdrop-overlay: var(--stldocs-color-gray-8);
-  --stldocs-expander-margin-shift: 24px;
-  --stldocs-expander-right-margin: 8px;
-  --stldocs-title-padding-y: 2.5rem;
-}

package/src/utils.ts

@@ -1,41 +0,0 @@
-import type * as SDKJSON from '~/lib/json-spec-v2/types';
-import { parseStainlessPath } from './routing';
-
-export function flatResources(
-  resources: Record<string, SDKJSON.Resource>,
-  parents: SDKJSON.Resource[],
-): { resource: SDKJSON.Resource; parents: SDKJSON.Resource[] }[] {
-  return Object.keys(resources)
-    .toSorted()
-    .flatMap((key: string | number) => {
-      const resource = resources[key]!;
-      return [
-        { resource, parents },
-        ...(resource.subresources ? flatResources(resource.subresources, [...parents, resource]) : []),
-      ];
-    });
-}
-
-export function getResourceFromSpec(
-  stainlessPath: string | string[],
-  spec: SDKJSON.Spec,
-): SDKJSON.Resource | null {
-  if (typeof stainlessPath === 'string') {
-    const parsed = parseStainlessPath(stainlessPath);
-    if (!parsed?.resource) return null;
-    stainlessPath = parsed.resource;
-  }
-
-  return stainlessPath.reduce(
-    (accum, cur, index) => (index === 0 ? accum?.[cur] : accum?.subresources?.[cur]),
-    spec.resources,
-  );
-}
-
-export function isResourceEmpty(resource: SDKJSON.Resource) {
-  return !(
-    Object.values(resource.methods).length > 0 ||
-    Object.values(resource.models).length > 0 ||
-    Object.values(resource.subresources).length > 0
-  );
-}