@stainless-api/docs-ui 0.1.0-beta.5 → 0.1.0-beta.51

package/src/styles/search.css

@@ -1,342 +0,0 @@
-@layer docs-ui {
-  .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,87 +0,0 @@
-@layer docs-ui {
-  .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,132 +0,0 @@
-@layer docs-ui {
-  .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,90 +0,0 @@
-@layer docs-ui {
-  :root {
-    color-scheme: dark;
-
-    --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
-  );
-}