@openforge-app/plugin-sdk 0.1.0 → 0.2.3

package/dist/ui/Modal.svelte

@@ -0,0 +1,157 @@
+<script lang="ts">
+  import { onDestroy, tick } from 'svelte'
+  import type { Snippet } from 'svelte'
+
+  export type ModalInitialFocus = HTMLElement | string | (() => HTMLElement | null | undefined) | null | undefined
+
+  interface Props {
+    onClose: () => void
+    maxWidth?: string
+    overflowVisible?: boolean
+    initialFocus?: ModalInitialFocus
+    ariaLabel?: string
+    showHeader?: boolean
+    closeLabel?: string
+    closeDisabled?: boolean
+    onKeydown?: (event: KeyboardEvent) => boolean | void
+    testId?: string
+    modalClass?: string
+    boxClass?: string
+    header?: Snippet
+    children: Snippet
+  }
+
+  let { onClose, maxWidth = '500px', overflowVisible = false, initialFocus, ariaLabel, showHeader = true, closeLabel = 'Close dialog', closeDisabled = false, onKeydown, testId, modalClass = '', boxClass = '', header, children }: Props = $props()
+
+  let modalElement: HTMLDivElement | null = $state(null)
+  let hasAppliedInitialFocus = false
+  const returnFocusTarget = typeof document !== 'undefined'
+    && document.activeElement instanceof HTMLElement
+    && document.activeElement !== document.body
+    ? document.activeElement
+    : null
+
+  onDestroy(() => {
+    if (!returnFocusTarget?.isConnected) return
+
+    const activeElement = document.activeElement
+    const focusRemainedInModal = activeElement === document.body
+      || (activeElement instanceof HTMLElement && !activeElement.isConnected)
+      || (activeElement instanceof Node && modalElement?.contains(activeElement))
+
+    if (focusRemainedInModal) returnFocusTarget.focus()
+  })
+
+  function resolveInitialFocusTarget(): HTMLElement | null {
+    if (!modalElement) return null
+
+    if (typeof initialFocus === 'function') {
+      return initialFocus() ?? modalElement
+    }
+
+    if (typeof initialFocus === 'string') {
+      return modalElement.querySelector<HTMLElement>(initialFocus) ?? modalElement
+    }
+
+    return initialFocus ?? modalElement
+  }
+
+  function focusInitialTarget() {
+    const target = resolveInitialFocusTarget()
+    target?.focus()
+
+    if (initialFocus !== undefined) {
+      void tick().then(() => {
+        const active = document.activeElement
+        if (active === document.body || active === modalElement || (active && !modalElement?.contains(active))) {
+          resolveInitialFocusTarget()?.focus()
+        }
+      })
+    }
+  }
+
+  $effect(() => {
+    if (!modalElement || hasAppliedInitialFocus) return
+
+    hasAppliedInitialFocus = true
+    void focusInitialTarget()
+  })
+
+  function getFocusableElements(): HTMLElement[] {
+    if (!modalElement) return []
+
+    const selector = [
+      'a[href]',
+      'button:not([disabled])',
+      'textarea:not([disabled])',
+      'input:not([disabled])',
+      'select:not([disabled])',
+      '[tabindex]:not([tabindex="-1"])',
+    ].join(',')
+
+    return Array.from(modalElement.querySelectorAll<HTMLElement>(selector))
+      .filter((element) => !element.hasAttribute('disabled') && element.getAttribute('aria-hidden') !== 'true')
+  }
+
+  function keepFocusInsideModal(e: KeyboardEvent) {
+    const focusable = getFocusableElements()
+    if (focusable.length === 0) {
+      e.preventDefault()
+      modalElement?.focus()
+      return
+    }
+
+    const first = focusable[0]
+    const last = focusable[focusable.length - 1]
+    const active = document.activeElement
+
+    if (e.shiftKey && (active === first || active === modalElement || !modalElement?.contains(active))) {
+      e.preventDefault()
+      last.focus()
+    } else if (!e.shiftKey && active === last) {
+      e.preventDefault()
+      first.focus()
+    }
+  }
+
+  function handleKeydown(e: KeyboardEvent) {
+    if (onKeydown?.(e)) {
+      e.stopPropagation()
+      return
+    }
+
+    if (e.metaKey || e.ctrlKey || e.altKey) return
+
+    e.stopPropagation()
+
+    if (e.key === 'Escape') {
+      if (!closeDisabled) onClose()
+    } else if (e.key === 'Tab') {
+      keepFocusInsideModal(e)
+    }
+  }
+
+  function handleOverlayClick(e: MouseEvent) {
+    if (!closeDisabled && e.target === e.currentTarget) {
+      onClose()
+    }
+  }
+
+  function handleCloseButtonClick() {
+    if (!closeDisabled) onClose()
+  }
+</script>
+
+<div bind:this={modalElement} class="modal modal-open {modalClass}" data-testid={testId} onclick={handleOverlayClick} onkeydown={handleKeydown} role="dialog" aria-modal="true" aria-label={ariaLabel} tabindex="-1">
+  <div class="modal-box bg-base-100 shadow-xl p-0 flex flex-col max-h-[90vh] {overflowVisible ? 'overflow-visible' : ''} {boxClass}" style="max-width: {maxWidth}">
+    {#if showHeader}
+      <div class="flex items-center justify-between px-5 py-4 border-b border-base-300">
+        {#if header}
+          {@render header()}
+        {/if}
+        <button class="btn btn-ghost btn-xs shrink-0" aria-label={closeLabel} onclick={handleCloseButtonClick} type="button" disabled={closeDisabled}>✕</button>
+      </div>
+    {/if}
+    {@render children()}
+  </div>
+</div>

package/dist/ui/PluginPageHeader.svelte

@@ -0,0 +1,26 @@
+<script lang="ts">
+  import type { Snippet } from 'svelte'
+
+  interface Props {
+    title: string
+    subtitle?: string | null
+    surface?: 'default' | 'subtle'
+    actions?: Snippet
+  }
+
+  let { title, subtitle = null, surface = 'subtle', actions }: Props = $props()
+</script>
+
+<header class="flex items-center justify-between gap-4 border-b border-base-300 px-6 py-3 shrink-0 {surface === 'default' ? 'bg-base-100' : 'bg-base-200'}">
+  <div class="min-w-0">
+    <h2 class="text-[22px] font-semibold text-base-content tracking-tight m-0 truncate">{title}</h2>
+    {#if subtitle}
+      <p class="text-[13px] text-secondary mt-0.5 m-0 truncate">{subtitle}</p>
+    {/if}
+  </div>
+  {#if actions}
+    <div class="shrink-0">
+      {@render actions()}
+    </div>
+  {/if}
+</header>

package/dist/ui/PluginViewState.svelte

@@ -0,0 +1,76 @@
+<script lang="ts">
+  import type { Snippet } from 'svelte'
+
+  interface Props {
+    loading?: boolean
+    loadingLabel?: string
+    error?: string | null
+    errorTitle?: string
+    empty?: boolean
+    emptyTitle?: string
+    emptyDescription?: string | null
+    retryLabel?: string
+    retryDisabled?: boolean
+    onRetry?: () => void
+    errorActions?: Snippet
+    emptyActions?: Snippet
+    children?: Snippet
+  }
+
+  let {
+    loading = false,
+    loadingLabel = 'Loading…',
+    error = null,
+    errorTitle = 'Unable to load',
+    empty = false,
+    emptyTitle = 'Nothing to show',
+    emptyDescription = null,
+    retryLabel = 'Retry',
+    retryDisabled = false,
+    onRetry,
+    errorActions,
+    emptyActions,
+    children,
+  }: Props = $props()
+
+  function handleRetry() {
+    if (retryDisabled) return
+    onRetry?.()
+  }
+</script>
+
+{#if loading}
+  <div class="flex h-full min-h-0 flex-1 flex-col items-center justify-center gap-3 p-6 text-center text-sm text-base-content/70" role="status" aria-live="polite">
+    <span class="loading loading-spinner loading-md text-primary" aria-label={loadingLabel}></span>
+    <span>{loadingLabel}</span>
+  </div>
+{:else if error !== null}
+  <div class="flex h-full min-h-0 flex-1 flex-col items-center justify-center gap-3 p-6 text-center text-sm text-base-content/70" role="alert" aria-live="assertive">
+    <div class="badge badge-error badge-lg">Issue</div>
+    <h3 class="m-0 text-xl font-semibold text-base-content">{errorTitle}</h3>
+    {#if error}
+      <p class="m-0 max-w-md break-words text-base-content/70">{error}</p>
+    {/if}
+    {#if errorActions}
+      <div class="flex flex-wrap items-center justify-center gap-2 pt-1">
+        {@render errorActions()}
+      </div>
+    {:else if onRetry}
+      <button class="btn btn-primary btn-sm" type="button" onclick={handleRetry} disabled={retryDisabled}>{retryLabel}</button>
+    {/if}
+  </div>
+{:else if empty}
+  <div class="flex h-full min-h-0 flex-1 flex-col items-center justify-center gap-3 p-6 text-center text-sm text-base-content/70" role="status" aria-live="polite">
+    <h3 class="m-0 text-xl font-semibold text-base-content">{emptyTitle}</h3>
+    {#if emptyDescription}
+      <p class="m-0 max-w-md text-base-content/70">{emptyDescription}</p>
+    {/if}
+    {#if emptyActions}
+      <div class="flex flex-wrap items-center justify-center gap-2 pt-1">
+        {@render emptyActions()}
+      </div>
+    {/if}
+  </div>
+{:else}
+  {@render children?.()}
+{/if}

package/dist/ui/ResizablePanel.svelte

@@ -8,6 +8,7 @@
     minWidth?: number
     maxWidth?: number
     side?: 'left' | 'right'
+    label?: string
     children?: Snippet
   }
 
@@ -17,6 +18,7 @@
     minWidth = 120,
     maxWidth = 600,
     side = 'left',
+    label = side === 'left' ? 'left' : 'right',
     children,
   }: Props = $props()
 
@@ -119,6 +121,10 @@
       style="cursor: col-resize"
       role="separator"
       aria-orientation="vertical"
+      aria-label="Resize {label} panel"
+      aria-valuemin={minWidth}
+      aria-valuemax={maxWidth}
+      aria-valuenow={width}
       tabindex="0"
       onmousedown={onMouseDown}
       ondblclick={onDblClick}
@@ -137,6 +143,10 @@
       style="cursor: col-resize"
       role="separator"
       aria-orientation="vertical"
+      aria-label="Resize {label} panel"
+      aria-valuemin={minWidth}
+      aria-valuemax={maxWidth}
+      aria-valuenow={width}
       tabindex="0"
       onmousedown={onMouseDown}
       ondblclick={onDblClick}

package/dist/ui/icons/README.md

@@ -0,0 +1,9 @@
+# Vendored file-type icons
+
+These SVGs are copied from the MIT-licensed `vscode-material-icons` package
+(Material Icon Theme). Do not edit by hand.
+
+Regenerate after changing the icon maps / `BUNDLED_ICON_NAMES` in
+`../../fileIcons.ts` (and keep the `NAMES` list in the generator in sync):
+
+    pnpm --filter @openforge-app/plugin-sdk run icons:generate

package/dist/ui/icons/c.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M19.56348,22A5.56981,5.56981,0,0,1,14,16.43652v-2.873A5.56977,5.56977,0,0,1,19.56348,8H24V2H19.56348A11.56349,11.56349,0,0,0,8,13.56348v2.873A11.56354,11.56354,0,0,0,19.56348,28H24V22Z" style="fill:#0288d1"/></svg>

package/dist/ui/icons/console.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M20 19V7H4v12h16m0-16a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h16m-7 14v-2h5v2h-5m-3.42-4L5.57 9H8.4l3.3 3.3c.39.39.39 1.03 0 1.42L8.42 17H5.59z" fill="#ff7043"/></svg>

package/dist/ui/icons/cpp.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><polygon points="28 14 28 10 26 10 26 14 20 14 20 10 18 10 18 14 14 14 14 16 18 16 18 20 20 20 20 16 26 16 26 20 28 20 28 16 32 16 32 14 28 14" style="fill:#0288d1"/><path d="M13.56348,22A5.56981,5.56981,0,0,1,8,16.43652v-2.873A5.56977,5.56977,0,0,1,13.56348,8H18V2H13.56348A11.56349,11.56349,0,0,0,2,13.56348v2.873A11.56354,11.56354,0,0,0,13.56348,28H18V22Z" style="fill:#0288d1"/></svg>

package/dist/ui/icons/csharp.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M30,14V12H28V8H26v4H24V8H22v4H20v2h2v2H20v2h2v4h2V18h2v4h2V18h2V16H28V14Zm-4,2H24V14h2Z" style="fill:#0288d1"/><path d="M13.56348,22A5.56981,5.56981,0,0,1,8,16.43652v-2.873A5.56977,5.56977,0,0,1,13.56348,8H18V2H13.56348A11.56349,11.56349,0,0,0,2,13.56348v2.873A11.56354,11.56354,0,0,0,13.56348,28H18V22Z" style="fill:#0288d1"/></svg>

package/dist/ui/icons/css.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
+  <polygon points="29.18 4 25.61 22.36 25.28 24 20.54 25.57 17.26 26.66 13.21 28 2.87 24.05 4.05 18 8.25 18 7.81 20.85 14.15 23.27 14.93 23.01 21.45 20.85 21.62 20.02 22.41 16 4.44 16 5.18 12.24 5.23 12 23.19 12 23.97 8 6 8 6.78 4 29.18 4" style="fill: #42a5f5"/>
+</svg>

package/dist/ui/icons/database.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M16,24c-5.525,0-10-.9-10-2v4c0,1.1,4.475,2,10,2s10-.9,10-2V22C26,23.1,21.525,24,16,24Z" style="fill:#ffca28"/><path d="M16,16c-5.525,0-10-.9-10-2v4c0,1.1,4.475,2,10,2s10-.9,10-2V14C26,15.1,21.525,16,16,16Z" style="fill:#ffca28"/><path d="M16,4C10.47717,4,6,4.89539,6,6v4c0,1.1,4.475,2,10,2s10-.9,10-2V6C26,4.89539,21.52283,4,16,4Z" style="fill:#ffca28"/></svg>

package/dist/ui/icons/docker.svg

@@ -0,0 +1 @@
+<svg version="1.1" viewBox="0 0 24 24" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><path d="m21.81 10.25c-0.06-0.04-0.56-0.43-1.64-0.43-0.28 0-0.56 0.03-0.84 0.08-0.21-1.4-1.38-2.11-1.43-2.14l-0.29-0.17-0.18 0.27c-0.24 0.36-0.43 0.77-0.51 1.19-0.2 0.8-0.08 1.56 0.33 2.21-0.49 0.28-1.29 0.35-1.46 0.35h-13.17c-0.34 0-0.62 0.28-0.62 0.63 0 1.15 0.18 2.3 0.58 3.38 0.45 1.19 1.13 2.07 2 2.61 0.98 0.6 2.59 0.94 4.42 0.94 0.79 0 1.61-0.07 2.42-0.22 1.12-0.2 2.2-0.59 3.19-1.16 0.82-0.47 1.55-1.07 2.17-1.79 1.05-1.17 1.67-2.5 2.12-3.65h0.19c1.14 0 1.85-0.46 2.24-0.85 0.26-0.24 0.45-0.53 0.59-0.87l0.08-0.24-0.19-0.14m-17.96 0.99h1.76c0.08 0 0.16-0.07 0.16-0.16v-1.58c0-0.08-0.07-0.16-0.16-0.16h-1.76c-0.09 0-0.16 0.07-0.16 0.16v1.58c0.01 0.09 0.07 0.16 0.16 0.16m2.43 0h1.76c0.08 0 0.16-0.07 0.16-0.16v-1.58c0-0.08-0.07-0.16-0.16-0.16h-1.76c-0.09 0-0.16 0.07-0.16 0.16v1.58c0.01 0.09 0.07 0.16 0.16 0.16m2.47 0h1.75c0.1 0 0.17-0.07 0.17-0.16v-1.58c0-0.08-0.06-0.16-0.17-0.16h-1.75c-0.08 0-0.15 0.07-0.15 0.16v1.58c0 0.09 0.06 0.16 0.15 0.16m2.44 0h1.77c0.08 0 0.15-0.07 0.15-0.16v-1.58c0-0.08-0.06-0.16-0.15-0.16h-1.77c-0.08 0-0.15 0.07-0.15 0.16v1.58c0 0.09 0.07 0.16 0.15 0.16m-4.91-2.24h1.76c0.08 0 0.16-0.09 0.16-0.18v-1.57c0-0.09-0.07-0.16-0.16-0.16h-1.76c-0.09 0-0.16 0.06-0.16 0.16v1.57c0.01 0.09 0.07 0.18 0.16 0.18m2.47 0h1.75c0.1 0 0.17-0.09 0.17-0.18v-1.57c0-0.09-0.06-0.16-0.17-0.16h-1.75c-0.08 0-0.15 0.06-0.15 0.16v1.57c0 0.09 0.06 0.18 0.15 0.18m2.44 0h1.77c0.08 0 0.15-0.09 0.15-0.18v-1.57c0-0.09-0.07-0.16-0.15-0.16h-1.77c-0.08 0-0.15 0.06-0.15 0.16v1.57c0 0.09 0.07 0.18 0.15 0.18m0-2.28h1.77c0.08 0 0.15-0.07 0.15-0.16v-1.56c0-0.1-0.07-0.17-0.15-0.17h-1.77c-0.08 0-0.15 0.06-0.15 0.17v1.56c0 0.08 0.07 0.16 0.15 0.16m2.46 4.52h1.76c0.09 0 0.16-0.07 0.16-0.16v-1.58c0-0.08-0.07-0.16-0.16-0.16h-1.76c-0.08 0-0.15 0.07-0.15 0.16v1.58c0 0.09 0.07 0.16 0.15 0.16" fill="#0087c9"/></svg>

package/dist/ui/icons/document.svg

@@ -0,0 +1,4 @@
+<svg width="24px" height="24px" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+ <path d="M0 0h24v24H0V0z" fill="none"/>
+ <path d="M8 16h8v2H8zm0-4h8v2H8zm6-10H6c-1.1 0-2 .9-2 2v16c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm4 18H6V4h7v5h5v11z" fill="#42a5f5"/>
+</svg>

package/dist/ui/icons/file.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M13 9h5.5L13 3.5V9M6 2h8l6 6v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V4c0-1.11.89-2 2-2m5 2H6v16h12v-9h-7V4z" fill="#90a4ae" /></svg>

package/dist/ui/icons/folder-open.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M28.96692,12H9.44152a2,2,0,0,0-1.89737,1.36754L4,24V10H28a2,2,0,0,0-2-2H15.1241a2,2,0,0,1-1.28038-.46357L12.5563,6.46357A2,2,0,0,0,11.27592,6H4A2,2,0,0,0,2,8V24a2,2,0,0,0,2,2H26l4.80523-11.21213A2,2,0,0,0,28.96692,12Z" fill="#90a4ae" /></svg>

package/dist/ui/icons/folder.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M13.84376,7.53645l-1.28749-1.0729A2,2,0,0,0,11.27591,6H4A2,2,0,0,0,2,8V24a2,2,0,0,0,2,2H28a2,2,0,0,0,2-2V10a2,2,0,0,0-2-2H15.12412A2,2,0,0,1,13.84376,7.53645Z" fill="#90a4ae" /></svg>

package/dist/ui/icons/git.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
+  <path d="M13.17157,2.82843,11.78,4.22l1.91,1.91,2,2A2.98634,2.98634,0,0,1,20,10.81a3.24762,3.24762,0,0,1-.31,1.31l2.06,2a2.68305,2.68305,0,0,1,3.37.57A2.86047,2.86047,0,0,1,26,16.80725a3.01491,3.01491,0,0,1-.856,2.10855A2.89268,2.89268,0,0,1,23,19.81a2.92912,2.92912,0,0,1-2.13-.87,2.69441,2.69441,0,0,1-.56-3.38l-2-2.06a2.54662,2.54662,0,0,1-.31.12V20a3.02384,3.02384,0,0,1,1.44,1.09A2.92105,2.92105,0,0,1,20,22.81a2.88288,2.88288,0,0,1-.878,2.128,2.98224,2.98224,0,0,1-2.04815.87125A2.98125,2.98125,0,0,1,14.56,21.09,3.02384,3.02384,0,0,1,16,20V13.62a2.9626,2.9626,0,0,1-1.44-1.09A2.89859,2.89859,0,0,1,14,10.81a2.86805,2.86805,0,0,1,.31-1.31l-3.9-3.9L2.83113,13.17157a4,4,0,0,0-.00135,5.65821L13.17157,29.17157a4,4,0,0,0,5.65686,0L29.17157,18.82843a4,4,0,0,0,0-5.65686L18.82843,2.82843A4,4,0,0,0,13.17157,2.82843Z" style="fill: #e64a19"/>
+</svg>

package/dist/ui/icons/go.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><rect x="2" y="12" width="4" height="2" style="fill:#00acc1"/><rect y="16" width="6" height="2" style="fill:#00acc1"/><rect x="4" y="20" width="2" height="2" style="fill:#00acc1"/><path d="M20.9541,15H14v3H17.239a4.41613,4.41613,0,0,1-3.531,2,2.64933,2.64933,0,0,1-2.05329-.85828,2.85507,2.85507,0,0,1-.62756-2.27887A4.51451,4.51451,0,0,1,15.29205,13a2.72468,2.72468,0,0,1,1.74872.58368L20.0025,12.399A5.60478,5.60478,0,0,0,15.29205,10a7.52569,7.52569,0,0,0-7.24292,6.5A5.61427,5.61427,0,0,0,13.708,23a7.52569,7.52569,0,0,0,7.24292-6.5A6.40392,6.40392,0,0,0,20.9541,15Z" style="fill:#00acc1"/><path d="M26.29205,10a7.52569,7.52569,0,0,0-7.24292,6.5A5.61427,5.61427,0,0,0,24.708,23a7.5258,7.5258,0,0,0,7.243-6.5A5.61428,5.61428,0,0,0,26.29205,10ZM28.973,16.13708A4.51463,4.51463,0,0,1,24.708,20a2.64906,2.64906,0,0,1-2.05323-.85822,2.85508,2.85508,0,0,1-.62762-2.27893A4.51451,4.51451,0,0,1,26.29205,13a2.64919,2.64919,0,0,1,2.05329.85822A2.855,2.855,0,0,1,28.973,16.13708Z" style="fill:#00acc1"/></svg>

package/dist/ui/icons/graphql.svg

@@ -0,0 +1,20 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
+  <rect x="6" y="20" width="20" height="2" style="fill: #ec407a"/>
+  <circle cx="7" cy="21" r="3" style="fill: #ec407a"/>
+  <circle cx="16" cy="27" r="3" style="fill: #ec407a"/>
+  <circle cx="25" cy="21" r="3" style="fill: #ec407a"/>
+  <rect x="6" y="10" width="20" height="2" style="fill: #ec407a"/>
+  <circle cx="7" cy="11" r="3" style="fill: #ec407a"/>
+  <circle cx="16" cy="5" r="3" style="fill: #ec407a"/>
+  <circle cx="25" cy="11" r="3" style="fill: #ec407a"/>
+  <rect x="6" y="12" width="2" height="10" style="fill: #ec407a"/>
+  <rect x="24" y="10" width="2" height="12" style="fill: #ec407a"/>
+  <rect x="3.57231" y="22.70513" width="13.54352" height="2" transform="translate(13.44481 -1.97206) rotate(30.46034)" style="fill: #ec407a"/>
+  <rect x="13.57231" y="23.29487" width="13.54352" height="2" transform="translate(50.19633 34.92331) rotate(149.53966)" style="fill: #ec407a"/>
+  <rect x="4.59753" y="6.57997" width="13.54352" height="2" transform="translate(-2.29249 7.3106) rotate(-32.56204)" style="fill: #ec407a"/>
+  <rect x="13.85895" y="6.57997" width="13.54352" height="2" transform="translate(33.93883 25.07214) rotate(-147.43796)" style="fill: #ec407a"/>
+  <rect x="4.59753" y="23.42003" width="13.54352" height="2" transform="translate(14.93032 -2.28049) rotate(32.56204)" style="fill: #ec407a"/>
+  <rect x="13.85895" y="23.42003" width="13.54352" height="2" transform="translate(51.16163 33.89775) rotate(147.43796)" style="fill: #ec407a"/>
+  <rect x="1.10394" y="12.6161" width="21.47138" height="2" transform="translate(-5.75891 17.59934) rotate(-61.7454)" style="fill: #ec407a"/>
+  <rect x="9.42467" y="12.6161" width="21.47138" height="2" transform="translate(17.71031 37.82014) rotate(-118.2546)" style="fill: #ec407a"/>
+</svg>

package/dist/ui/icons/h.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
+  <path d="M18.5,11A5.48994,5.48994,0,0,0,14,13.34375V4H8V28h6V17a2,2,0,0,1,4,0V28h6V16.5A5.5,5.5,0,0,0,18.5,11Z" style="fill: #0288d1"/>
+</svg>

package/dist/ui/icons/html.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
+  <path d="M4,4,6,26l10,2,10-2L28,4Zm19.72,7H11.28l.29,3H23.43l-.80243,9.335L15.99,25,9.35522,23.3537,8.93,19h3.02l.19,2,3.86.77L19.84,21l.29-4H8.84L8,8H24Z" style="fill: #e44d26"/>
+</svg>

package/dist/ui/icons/image.svg

@@ -0,0 +1,3 @@
+<svg version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+ <path d="m13 9h5.5l-5.5-5.5v5.5m-7-7h8l6 6v12a2 2 0 0 1-2 2h-12c-1.11 0-2-0.9-2-2v-16c0-1.11 0.89-2 2-2m0 18h9 3v-8l-4 4-2-2-6 6m2-11a2 2 0 0 0-2 2 2 2 0 0 0 2 2 2 2 0 0 0 2-2 2 2 0 0 0-2-2z" fill="#26a69f"/>
+</svg>

package/dist/ui/icons/java.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
+  <g>
+    <rect x="4" y="26" width="24" height="2" style="fill: #f44336"/>
+    <path d="M28,4H7A1,1,0,0,0,6,5V18a4,4,0,0,0,4,4H20a4,4,0,0,0,4-4V14h4a2,2,0,0,0,2-2V6A2,2,0,0,0,28,4Zm0,8H24V6h4Z" style="fill: #f44336"/>
+  </g>
+</svg>

package/dist/ui/icons/javascript.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+ <path d="m2 2h12v12h-12v-12m3.1533 10.027c0.26667 0.56667 0.79333 1.0333 1.6933 1.0333 1 0 1.6867-0.53333 1.6867-1.7v-3.8533h-1.1333v3.8267c0 0.57333-0.23333 0.72-0.6 0.72-0.38667 0-0.54667-0.26667-0.72667-0.58l-0.92 0.55333m3.9867-0.12c0.33333 0.65333 1.0067 1.1533 2.06 1.1533 1.0667 0 1.8667-0.55333 1.8667-1.5733 0-0.94-0.54-1.36-1.5-1.7733l-0.28-0.12c-0.48667-0.20667-0.69333-0.34667-0.69333-0.68 0-0.27333 0.20667-0.48667 0.54-0.48667 0.32 0 0.53333 0.14 0.72667 0.48667l0.87333-0.58c-0.36667-0.64-0.88667-0.88667-1.6-0.88667-1.0067 0-1.6533 0.64-1.6533 1.4867 0 0.92 0.54 1.3533 1.3533 1.7l0.28 0.12c0.52 0.22667 0.82667 0.36667 0.82667 0.75333 0 0.32-0.3 0.55333-0.76667 0.55333-0.55333 0-0.87333-0.28667-1.1133-0.68667z" fill="#ffca28" stroke-width=".66667"/>
+</svg>

package/dist/ui/icons/json.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" version="1.1" viewBox="0 -960 960 960" xmlns="http://www.w3.org/2000/svg">
+ <path d="M560-160v-80h120q17 0 28.5-11.5T720-280v-80q0-38 22-69t58-44v-14q-36-13-58-44t-22-69v-80q0-17-11.5-28.5T680-720H560v-80h120q50 0 85 35t35 85v80q0 17 11.5 28.5T840-560h40v160h-40q-17 0-28.5 11.5T800-360v80q0 50-35 85t-85 35H560Zm-280 0q-50 0-85-35t-35-85v-80q0-17-11.5-28.5T120-400H80v-160h40q17 0 28.5-11.5T160-600v-80q0-50 35-85t85-35h120v80H280q-17 0-28.5 11.5T240-680v80q0 38-22 69t-58 44v14q36 13 58 44t22 69v80q0 17 11.5 28.5T280-240h120v80H280Z" fill="#f9a825"/>
+</svg>

package/dist/ui/icons/kotlin.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient id="a" x1="1.725" x2="22.185" y1="22.67" y2="1.982" gradientTransform="translate(1.306 1.129) scale(.89324)" gradientUnits="userSpaceOnUse"><stop stop-color="#0296d8" offset="0"/><stop stop-color="#8371d9" offset="1"/></linearGradient><linearGradient id="b" x1="1.869" x2="22.798" y1="22.382" y2="3.377" gradientTransform="translate(1.323 1.129) scale(.89324)" gradientUnits="userSpaceOnUse"><stop stop-color="#cb55c0" offset="0"/><stop stop-color="#f28e0e" offset="1"/></linearGradient></defs><path d="M2.975 2.976v18.048h18.05v-.03l-4.478-4.511-4.48-4.515 4.48-4.515 4.443-4.477z" fill="url(#a)"/><path d="m12.223 2.976-9.23 9.23v8.818h.083l9.032-9.032-.024-.024 4.48-4.515 4.443-4.477h-8.784z" fill="url(#b)"/></svg>

package/dist/ui/icons/lock.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
+  <path d="M25,12H22V8A6,6,0,0,0,10,8v4H7a1,1,0,0,0-1,1V29a1,1,0,0,0,1,1H25a1,1,0,0,0,1-1V13A1,1,0,0,0,25,12ZM14,8a2,2,0,0,1,4,0v4H14Zm2,17a4,4,0,1,1,4-4A4,4,0,0,1,16,25Z" style="fill: #ffd54f"/>
+</svg>

package/dist/ui/icons/markdown.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
+  <g>
+    <polygon points="14 10 10 13.5 6 10 4 10 4 22 8 22 8 16 10 18 12 16 12 22 16 22 16 10 14 10" style="fill: #42a5f5"/>
+    <polygon points="26 16 26 10 22 10 22 16 18 16 24 24 30 16 26 16" style="fill: #42a5f5"/>
+  </g>
+</svg>

package/dist/ui/icons/nodejs.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
+  <g>
+    <path d="M16,20.00258v2h4a2,2,0,0,0,2-2v-2a2,2,0,0,0-2-2H18v-2h4v-2H18a2,2,0,0,0-2,2v2a2,2,0,0,0,2,2h2v2Z" style="fill: #8bc34a"/>
+    <path d="M16,3.00258l-12,7v14l4,2h6v-13.5a.5.5,0,0,0-.5-.5h-1a.5.5,0,0,0-.5.5v11.5H7.99986L6,22.96875V11.15132L16,5.318l10,5.83331V22.85384L16,28.68715l-1.74542-1.022L13,29.25258l3,1.75,12-7v-14Z" style="fill: #8bc34a"/>
+  </g>
+</svg>

package/dist/ui/icons/npm.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
+  <path d="M4,4V28H28V4ZM24,24H20V12H16V24H8V8H24Z" style="fill: #cb3837"/>
+</svg>

package/dist/ui/icons/pdf.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M13 9h5.5L13 3.5V9M6 2h8l6 6v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2m4.93 10.44c.41.9.93 1.64 1.53 2.15l.41.32c-.87.16-2.07.44-3.34.93l-.11.04.5-1.04c.45-.87.78-1.66 1.01-2.4m6.48 3.81c.18-.18.27-.41.28-.66.03-.2-.02-.39-.12-.55-.29-.47-1.04-.69-2.28-.69l-1.29.07-.87-.58c-.63-.52-1.2-1.43-1.6-2.56l.04-.14c.33-1.33.64-2.94-.02-3.6a.853.853 0 0 0-.61-.24h-.24c-.37 0-.7.39-.79.77-.37 1.33-.15 2.06.22 3.27v.01c-.25.88-.57 1.9-1.08 2.93l-.96 1.8-.89.49c-1.2.75-1.77 1.59-1.88 2.12-.04.19-.02.36.05.54l.03.05.48.31.44.11c.81 0 1.73-.95 2.97-3.07l.18-.07c1.03-.33 2.31-.56 4.03-.75 1.03.51 2.24.74 3 .74.44 0 .74-.11.91-.3m-.41-.71.09.11c-.01.1-.04.11-.09.13h-.04l-.19.02c-.46 0-1.17-.19-1.9-.51.09-.1.13-.1.23-.1 1.4 0 1.8.25 1.9.35M7.83 17c-.65 1.19-1.24 1.85-1.69 2 .05-.38.5-1.04 1.21-1.69l.48-.31m3.02-6.91c-.23-.9-.24-1.63-.07-2.05l.07-.12.15.05c.17.24.19.56.09 1.1l-.03.16-.16.82z" fill="#ef5350"/></svg>

package/dist/ui/icons/php.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 18.08c-6.63 0-12-2.72-12-6.08s5.37-6.08 12-6.08S24 8.64 24 12s-5.37 6.08-12 6.08m-5.19-7.95c.54 0 .91.1 1.09.31.18.2.22.56.13 1.03-.1.53-.29.87-.58 1.09-.28.22-.71.33-1.29.33h-.87l.53-2.76h.99m-3.5 5.55h1.44l.34-1.75h1.23c.54 0 .98-.06 1.33-.17.35-.12.67-.31.96-.58.24-.22.43-.46.58-.73.15-.26.26-.56.31-.88.16-.78.05-1.39-.33-1.82-.39-.44-.99-.65-1.82-.65H4.59l-1.28 6.58m7.25-8.33-1.28 6.58h1.42l.74-3.77h1.14c.36 0 .6.06.71.18.11.12.13.34.07.66l-.57 2.93h1.45l.59-3.07c.13-.62.03-1.07-.27-1.36-.3-.27-.85-.4-1.65-.4h-1.27L12 7.35h-1.44M18 10.13c.55 0 .91.1 1.09.31.18.2.22.56.13 1.03-.1.53-.29.87-.57 1.09-.29.22-.72.33-1.3.33h-.85l.5-2.76h1m-3.5 5.55h1.44l.34-1.75h1.22c.55 0 1-.06 1.35-.17.35-.12.65-.31.95-.58.24-.22.44-.46.58-.73.15-.26.26-.56.32-.88.15-.78.04-1.39-.34-1.82-.36-.44-.99-.65-1.82-.65h-2.75l-1.29 6.58z" fill="#1E88E5"/></svg>

package/dist/ui/icons/python.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M9.86 2A2.86 2.86 0 0 0 7 4.86v1.68h4.29c.39 0 .71.57.71.96H4.86A2.86 2.86 0 0 0 2 10.36v3.781a2.86 2.86 0 0 0 2.86 2.86h1.18v-2.68a2.85 2.85 0 0 1 2.85-2.86h5.25c1.58 0 2.86-1.271 2.86-2.851V4.86A2.86 2.86 0 0 0 14.14 2zm-.72 1.61c.4 0 .72.12.72.71s-.32.891-.72.891c-.39 0-.71-.3-.71-.89s.32-.711.71-.711z" fill="#3c78aa"/><path d="M17.959 7v2.68a2.85 2.85 0 0 1-2.85 2.859H9.86A2.85 2.85 0 0 0 7 15.389v3.75a2.86 2.86 0 0 0 2.86 2.86h4.28A2.86 2.86 0 0 0 17 19.14v-1.68h-4.291c-.39 0-.709-.57-.709-.96h7.14A2.86 2.86 0 0 0 22 13.64V9.86A2.86 2.86 0 0 0 19.14 7zM8.32 11.513l-.004.004c.012-.002.025-.001.038-.004zm6.54 7.276c.39 0 .71.3.71.89a.71.71 0 0 1-.71.71c-.4 0-.72-.12-.72-.71s.32-.89.72-.89z" fill="#fdd835"/></svg>

package/dist/ui/icons/react.svg

@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
+  <g>
+    <path d="M16,12c7.44405,0,12,2.58981,12,4s-4.55595,4-12,4S4,17.41019,4,16,8.556,12,16,12m0-2C8.268,10,2,12.68629,2,16s6.268,6,14,6,14-2.68629,14-6-6.268-6-14-6Z" style="fill: #00bcd4"/>
+    <path d="M16,14a2,2,0,1,0,2,2,2,2,0,0,0-2-2Z" style="fill: #00bcd4"/>
+    <path d="M10.45764,5.50706C12.47472,5.50746,16.395,8.68416,19.4641,14,23.18613,20.44672,23.22125,25.68721,22,26.3923a.90009.90009,0,0,1-.45691.10064c-2.01725,0-5.93792-3.17678-9.00721-8.49294C8.81387,11.55328,8.77875,6.31279,10,5.6077a.90278.90278,0,0,1,.45766-.10064m-.00076-2A2.87113,2.87113,0,0,0,9,3.87564C6.13025,5.5325,6.93785,12.30391,10.80385,19c3.28459,5.68906,7.71948,9.49292,10.73927,9.49292A2.87033,2.87033,0,0,0,23,28.12436C25.86975,26.4675,25.06215,19.69609,21.19615,13c-3.28459-5.68906-7.71948-9.49342-10.73927-9.49292Z" style="fill: #00bcd4"/>
+    <path d="M21.54311,5.50706A.9.9,0,0,1,22,5.6077c1.22125.70509,1.18613,5.94558-2.5359,12.3923-3.06929,5.31616-6.99,8.49294-9.00721,8.49294A.9.9,0,0,1,10,26.3923C8.77875,25.68721,8.81387,20.44672,12.5359,14c3.06929-5.31616,6.99-8.49294,9.00721-8.49294m0-2c-3.01979,0-7.45468,3.80386-10.73927,9.49292C6.93785,19.69609,6.13025,26.4675,9,28.12436a2.87033,2.87033,0,0,0,1.45688.36856c3.01979,0,7.45468-3.80386,10.73927-9.49292C25.06215,12.30391,25.86975,5.5325,23,3.87564a2.87033,2.87033,0,0,0-1.45688-.36856Z" style="fill: #00bcd4"/>
+  </g>
+</svg>

package/dist/ui/icons/react_ts.svg

@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
+  <g>
+    <path d="M16,12c7.44405,0,12,2.58981,12,4s-4.55595,4-12,4S4,17.41019,4,16,8.556,12,16,12m0-2C8.268,10,2,12.68629,2,16s6.268,6,14,6,14-2.68629,14-6-6.268-6-14-6Z" style="fill: #0288d1"/>
+    <path d="M16,14a2,2,0,1,0,2,2,2,2,0,0,0-2-2Z" style="fill: #0288d1"/>
+    <path d="M10.45764,5.50706C12.47472,5.50746,16.395,8.68416,19.4641,14,23.18613,20.44672,23.22125,25.68721,22,26.3923a.90009.90009,0,0,1-.45691.10064c-2.01725,0-5.93792-3.17678-9.00721-8.49294C8.81387,11.55328,8.77875,6.31279,10,5.6077a.90278.90278,0,0,1,.45766-.10064m-.00076-2A2.87113,2.87113,0,0,0,9,3.87564C6.13025,5.5325,6.93785,12.30391,10.80385,19c3.28459,5.68906,7.71948,9.49292,10.73927,9.49292A2.87033,2.87033,0,0,0,23,28.12436C25.86975,26.4675,25.06215,19.69609,21.19615,13c-3.28459-5.68906-7.71948-9.49342-10.73927-9.49292Z" style="fill: #0288d1"/>
+    <path d="M21.54311,5.50706A.9.9,0,0,1,22,5.6077c1.22125.70509,1.18613,5.94558-2.5359,12.3923-3.06929,5.31616-6.99,8.49294-9.00721,8.49294A.9.9,0,0,1,10,26.3923C8.77875,25.68721,8.81387,20.44672,12.5359,14c3.06929-5.31616,6.99-8.49294,9.00721-8.49294m0-2c-3.01979,0-7.45468,3.80386-10.73927,9.49292C6.93785,19.69609,6.13025,26.4675,9,28.12436a2.87033,2.87033,0,0,0,1.45688.36856c3.01979,0,7.45468-3.80386,10.73927-9.49292C25.06215,12.30391,25.86975,5.5325,23,3.87564a2.87033,2.87033,0,0,0-1.45688-.36856Z" style="fill: #0288d1"/>
+  </g>
+</svg>

package/dist/ui/icons/readme.svg

@@ -0,0 +1,4 @@
+<svg width="24px" height="24px" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+ <path d="M0 0h24v24H0z" fill="none"/>
+ <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z" fill="#42a5f5"/>
+</svg>

package/dist/ui/icons/ruby.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M18.041 3.177c2.24.382 2.879 1.919 2.843 3.527V6.67l-1.013 13.266-13.132.897h.008c-1.093-.044-3.518-.151-3.634-3.545l1.217-2.222 2.462 5.74 2.097-6.77-.045.009.018-.018 6.85 2.186L13.945 9.3l6.53-.409-5.144-4.212 2.71-1.51v.009M3.113 17.252v.017-.017M6.916 6.874c2.63-2.622 6.033-4.168 7.34-2.844 1.297 1.306-.072 4.523-2.702 7.135-2.666 2.613-6.015 4.248-7.322 2.933-1.306-1.324.036-4.612 2.675-7.224z" style="fill:#f44336;stroke-width:.88855"/></svg>

package/dist/ui/icons/rust.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M24,20a2.00591,2.00591,0,0,1-2-2,2,2,0,0,0-2-2,3.00017,3.00017,0,0,0,2.99579-3.16132A3.11454,3.11454,0,0,0,19.83026,10H4v2h6v8H4v2H16V20H14V18h4c.81885.81885.29669,2.30811,1.17865,3.36987A1.88526,1.88526,0,0,0,20.63879,22H28V20Zm-6-6H14V12h4a1,1,0,0,1,0,2Z" style="fill:#ff7043"/><path d="M16.01108,3.77914A12.22061,12.22061,0,1,1,5.88381,9.14562,12.16113,12.16113,0,0,1,16.01108,3.77914m.00057-1h0A13.22132,13.22132,0,1,0,23.41531,5.056,13.21772,13.21772,0,0,0,16.0116,2.77914Z" style="fill:#ff7043"/><polygon points="25.139 2.512 20.897 3.327 20.325 4.17 25.383 7.597 25.955 6.754 25.139 2.512" style="fill:#ff7043"/><polygon points="19.282 0.041 15.674 2.418 15.469 3.415 21.454 4.646 21.659 3.649 19.282 0.041" style="fill:#ff7043"/><polygon points="12.925 0 10.501 3.577 10.694 4.577 16.694 3.423 16.501 2.423 12.925 0" style="fill:#ff7043"/><polygon points="7.036 2.395 6.166 6.627 6.726 7.477 11.828 4.115 11.268 3.265 7.036 2.395" style="fill:#ff7043"/><polygon points="2.512 6.861 3.327 11.103 4.17 11.675 7.597 6.617 6.754 6.045 2.512 6.861" style="fill:#ff7043"/><polygon points="0.041 12.718 2.418 16.326 3.415 16.531 4.646 10.546 3.649 10.341 0.041 12.718" style="fill:#ff7043"/><polygon points="0 19.075 3.577 21.499 4.577 21.306 3.423 15.306 2.423 15.499 0 19.075" style="fill:#ff7043"/><polygon points="2.395 24.964 6.627 25.834 7.477 25.274 4.115 20.172 3.265 20.732 2.395 24.964" style="fill:#ff7043"/><polygon points="6.861 29.488 11.103 28.673 11.675 27.83 6.617 24.403 6.045 25.246 6.861 29.488" style="fill:#ff7043"/><polygon points="12.718 31.959 16.326 29.582 16.531 28.585 10.546 27.354 10.341 28.351 12.718 31.959" style="fill:#ff7043"/><polygon points="19.075 32 21.499 28.423 21.306 27.423 15.306 28.577 15.499 29.577 19.075 32" style="fill:#ff7043"/><polygon points="24.964 29.605 25.834 25.373 25.274 24.523 20.172 27.885 20.732 28.735 24.964 29.605" style="fill:#ff7043"/><polygon points="29.488 25.139 28.673 20.897 27.83 20.325 24.403 25.383 25.246 25.955 29.488 25.139" style="fill:#ff7043"/><polygon points="32 12.925 28.423 10.501 27.423 10.694 28.577 16.694 29.577 16.501 32 12.925" style="fill:#ff7043"/><polygon points="29.605 7.036 25.373 6.166 24.523 6.726 27.885 11.828 28.735 11.268 29.605 7.036" style="fill:#ff7043"/><polygon points="31.959 19.282 29.582 15.674 28.585 15.469 27.354 21.454 28.351 21.659 31.959 19.282" style="fill:#ff7043"/></svg>

package/dist/ui/icons/sass.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
+  <path d="M27.83653,5.67329A4.32575,4.32575,0,0,0,25.54386,2.972c-2.36209-1.26119-6.11054-1.29834-9.5476-.09239A26.33875,26.33875,0,0,0,7.23619,7.84615c-2.75267,2.54143-3.438,4.925-3.18872,6.1935.52208,2.668,3.27378,4.53929,5.48482,6.04244.418.284.82126.55874,1.17469.81635-1.42889.75916-4.26125,2.44318-5.08837,4.24795a3.88406,3.88406,0,0,0-.11781,3.33139,2.36531,2.36531,0,0,0,1.36778,1.3218A5.60231,5.60231,0,0,0,8.35907,30a6.34583,6.34583,0,0,0,5.19-2.85624,6.73483,6.73483,0,0,0,.86379-5.382,7.31511,7.31511,0,0,1,2.04385-.02884A3.916,3.916,0,0,1,19.273,23.04344a1.823,1.823,0,0,1,.42334,1.26118,1.55091,1.55091,0,0,1-.77238,1.04952c-.23366.14176-.58563.35587-.5035.80413.03519.19358.19749.63255.8936.51132a2.93172,2.93172,0,0,0,2.14505-2.65093A3.99258,3.99258,0,0,0,20.2624,21.115a5.941,5.941,0,0,0-4.39666-1.62586,10.55222,10.55222,0,0,0-2.67153.30357A19.69775,19.69775,0,0,0,10.991,17.94737c-1.71242-1.30079-3.33049-2.52922-3.23517-4.25968.12564-2.26378,2.46866-4.53294,6.96406-6.74441,4.01634-1.97586,7.25444-2.03745,8.94388-1.43864a2.01272,2.01272,0,0,1,1.20451.88332,2.76585,2.76585,0,0,1-.36077,2.46958A9.71389,9.71389,0,0,1,17.083,13.16219a3.86349,3.86349,0,0,1-3.2381-.7572c-.27815-.30161-.593-.64477-1.074-.38324-.37544.20677-.45218.60371-.22487,1.18884a3.89369,3.89369,0,0,0,2.40657,1.92013,11.71029,11.71029,0,0,0,7.12831-.67117C25.60839,13.11087,28.7624,9.25789,27.83653,5.67329ZM11.89487,24.47522a3.896,3.896,0,0,1-.19163.46782,4.51367,4.51367,0,0,1-.75282,1.08129,2.83129,2.83129,0,0,1-2.53367,1.10672c-.05573-.03227-.07773-.14568-.08457-.19309a3.28033,3.28033,0,0,1,1.07594-2.28382,11.29746,11.29746,0,0,1,2.64367-1.93284A3.8528,3.8528,0,0,1,11.89487,24.47522Z" style="fill: #ec407a"/>
+</svg>

package/dist/ui/icons/settings.svg

@@ -0,0 +1,4 @@
+<svg width="24px" height="24px" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+ <path d="M0 0h24v24H0V0z" fill="none"/>
+ <path d="M19.43 12.98c.04-.32.07-.64.07-.98 0-.34-.03-.66-.07-.98l2.11-1.65c.19-.15.24-.42.12-.64l-2-3.46c-.09-.16-.26-.25-.44-.25-.06 0-.12.01-.17.03l-2.49 1c-.52-.4-1.08-.73-1.69-.98l-.38-2.65C14.46 2.18 14.25 2 14 2h-4c-.25 0-.46.18-.49.42l-.38 2.65c-.61.25-1.17.59-1.69.98l-2.49-1c-.06-.02-.12-.03-.18-.03-.17 0-.34.09-.43.25l-2 3.46c-.13.22-.07.49.12.64l2.11 1.65c-.04.32-.07.65-.07.98 0 .33.03.66.07.98l-2.11 1.65c-.19.15-.24.42-.12.64l2 3.46c.09.16.26.25.44.25.06 0 .12-.01.17-.03l2.49-1c.52.4 1.08.73 1.69.98l.38 2.65c.03.24.24.42.49.42h4c.25 0 .46-.18.49-.42l.38-2.65c.61-.25 1.17-.59 1.69-.98l2.49 1c.06.02.12.03.18.03.17 0 .34-.09.43-.25l2-3.46c.12-.22.07-.49-.12-.64l-2.11-1.65zm-1.98-1.71c.04.31.05.52.05.73 0 .21-.02.43-.05.73l-.14 1.13.89.7 1.08.84-.7 1.21-1.27-.51-1.04-.42-.9.68c-.43.32-.84.56-1.25.73l-1.06.43-.16 1.13-.2 1.35h-1.4l-.19-1.35-.16-1.13-1.06-.43c-.43-.18-.83-.41-1.23-.71l-.91-.7-1.06.43-1.27.51-.7-1.21 1.08-.84.89-.7-.14-1.13c-.03-.31-.05-.54-.05-.74s.02-.43.05-.73l.14-1.13-.89-.7-1.08-.84.7-1.21 1.27.51 1.04.42.9-.68c.43-.32.84-.56 1.25-.73l1.06-.43.16-1.13.2-1.35h1.39l.19 1.35.16 1.13 1.06.43c.43.18.83.41 1.23.71l.91.7 1.06-.43 1.27-.51.7 1.21-1.07.85-.89.7.14 1.13zM12 8c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 6c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z" fill="#42a5f5"/>
+</svg>

package/dist/ui/icons/svelte.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 300 300" xmlns="http://www.w3.org/2000/svg"><path d="M175.94 24.328c-13.037.252-26.009 3.872-37.471 11.174L79.912 72.818a67.134 67.134 0 0 0-30.355 44.906 70.794 70.794 0 0 0 6.959 45.445 67.224 67.224 0 0 0-10.035 25.102 71.535 71.535 0 0 0 12.236 54.156c23.351 33.41 69.468 43.311 102.81 22.07l58.559-37.158a67.359 67.359 0 0 0 30.355-44.906 70.771 70.771 0 0 0-6.982-45.422 67.65 67.65 0 0 0 10.059-25.102 71.625 71.625 0 0 0-12.236-54.156v-.18c-15.324-21.925-40.453-33.727-65.342-33.246zm5.137 28.68a46.5 46.5 0 0 1 36.09 19.969 42.975 42.975 0 0 1 7.365 32.557 45.242 45.242 0 0 1-1.393 5.455l-1.123 3.37-2.986-2.247a75.846 75.846 0 0 0-22.902-11.45l-2.244-.651.201-2.246a13.157 13.157 0 0 0-2.379-8.711 13.988 13.988 0 0 0-14.953-5.412 12.843 12.843 0 0 0-3.594 1.572l-58.578 37.25a12.237 12.237 0 0 0-5.502 8.15 13.112 13.112 0 0 0 2.246 9.834 14.033 14.033 0 0 0 14.93 5.569 13.472 13.472 0 0 0 3.594-1.573l22.453-14.234a41.785 41.785 0 0 1 11.898-5.232 46.477 46.477 0 0 1 49.914 18.502 43.02 43.02 0 0 1 7.363 32.557 40.415 40.415 0 0 1-18.254 27.078l-58.58 37.316a43.065 43.065 0 0 1-11.898 5.23A46.545 46.545 0 0 1 82.81 227.14a42.975 42.975 0 0 1-7.341-32.557 38.17 38.17 0 0 1 1.39-5.41l1.102-3.37 3.008 2.246a75.846 75.846 0 0 0 22.836 11.361l2.244.65-.201 2.247a13.247 13.247 0 0 0 2.447 8.644 14.033 14.033 0 0 0 15.043 5.569 13.135 13.135 0 0 0 3.592-1.573l58.467-37.316a12.169 12.169 0 0 0 5.502-8.173 12.955 12.955 0 0 0-2.246-9.811 14.033 14.033 0 0 0-15.043-5.568 12.843 12.843 0 0 0-3.592 1.57l-22.453 14.258a42.885 42.885 0 0 1-11.877 5.209 46.522 46.522 0 0 1-49.846-18.5 43.02 43.02 0 0 1-7.297-32.557A40.415 40.415 0 0 1 96.798 96.98l58.646-37.316a42.773 42.773 0 0 1 11.811-5.21 46.5 46.5 0 0 1 13.822-1.444z" style="fill:#ff5722;stroke-width:2.2453"/></svg>

package/dist/ui/icons/svg.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
+  <path d="M29.1684,14.03021A2.68749,2.68749,0,0,0,27.2,13.19861a2.51031,2.51031,0,0,0-1.929.8H20.82837l3.07776-3.07776a2.83475,2.83475,0,0,0,2.857-2.842,2.5931,2.5931,0,0,0-.8316-1.96839A2.823,2.823,0,0,0,23.9184,5.3222,2.67072,2.67072,0,0,0,21.95,6.11041a2.35451,2.35451,0,0,0-.81231,1.922L18,11.1701v-4.444a2.51058,2.51058,0,0,0,.8-1.929,2.69343,2.69343,0,0,0-.83161-1.96838,2.74533,2.74533,0,0,0-3.93676,0A2.68742,2.68742,0,0,0,13.2,4.79718a2.51058,2.51058,0,0,0,.8,1.929v4.444L10.8623,8.03241a2.35451,2.35451,0,0,0-.81231-1.922A2.66055,2.66055,0,0,0,8.0816,5.3222a2.828,2.828,0,0,0-2.01318.78821,2.59708,2.59708,0,0,0-.8316,1.96839,2.7419,2.7419,0,0,0,.8316,2.01318,2.78857,2.78857,0,0,0,2.02545.82886l3.07776,3.07776H6.72894a2.51031,2.51031,0,0,0-1.92895-.8,2.69359,2.69359,0,0,0-1.96839.8316,2.74537,2.74537,0,0,0,0,3.93677A2.68772,2.68772,0,0,0,4.8,18.79858a2.51043,2.51043,0,0,0,1.92895-.8h4.44263L8.09381,21.07635a2.83475,2.83475,0,0,0-2.857,2.842,2.5931,2.5931,0,0,0,.8316,1.96838A2.82327,2.82327,0,0,0,8.0816,26.675,2.671,2.671,0,0,0,10.05,25.88678a2.35452,2.35452,0,0,0,.81231-1.92206L14,20.827v4.444a2.51058,2.51058,0,0,0-.8,1.929,2.78381,2.78381,0,0,0,4.76837,1.96839A2.68746,2.68746,0,0,0,18.8,27.2a2.51058,2.51058,0,0,0-.8-1.929V20.827l3.1377,3.13769A2.35452,2.35452,0,0,0,21.95,25.88678a2.66079,2.66079,0,0,0,1.96839.78821,2.82794,2.82794,0,0,0,2.01318-.78821,2.59706,2.59706,0,0,0,.8316-1.96838,2.74192,2.74192,0,0,0-.8316-2.01319,2.78847,2.78847,0,0,0-2.02539-.82886L20.82843,17.9986h4.44263a2.51043,2.51043,0,0,0,1.929.8,2.78381,2.78381,0,0,0,1.96839-4.76837Z" style="fill: #ffb300"/>
+</svg>

package/dist/ui/icons/swift.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17.087 19.721c-2.36 1.36-5.59 1.5-8.86.1a13.807 13.807 0 0 1-6.23-5.32c.67.55 1.46 1 2.3 1.4 3.37 1.57 6.73 1.46 9.1 0-3.37-2.59-6.24-5.96-8.37-8.71-.45-.45-.78-1.01-1.12-1.51 8.28 6.05 7.92 7.59 2.41-1.01 4.89 4.94 9.43 7.74 9.43 7.74.16.09.25.16.36.22.1-.25.19-.51.26-.78.79-2.85-.11-6.12-2.08-8.81 4.55 2.75 7.25 7.91 6.12 12.24-.03.11-.06.22-.05.39 2.24 2.83 1.64 5.78 1.35 5.22-1.21-2.39-3.48-1.65-4.62-1.17z" style="fill:#fe5e2f"/></svg>

package/dist/ui/icons/tune.svg

@@ -0,0 +1,11 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
+  <rect x="12" y="10" width="10" height="2" style="fill: #fbc02d"/>
+  <rect x="16" y="4" width="2" height="8" style="fill: #fbc02d"/>
+  <rect x="20" y="22" width="10" height="2" style="fill: #fbc02d"/>
+  <rect x="24" y="24" width="2" height="4" style="fill: #fbc02d"/>
+  <rect x="24" y="4" width="2" height="14" style="fill: #fbc02d"/>
+  <rect x="2" y="18" width="10" height="2" style="fill: #fbc02d"/>
+  <rect x="6" y="18" width="2" height="10" style="fill: #fbc02d"/>
+  <rect x="6" y="4" width="2" height="10" style="fill: #fbc02d"/>
+  <rect x="16" y="16" width="2" height="12" style="fill: #fbc02d"/>
+</svg>

package/dist/ui/icons/typescript-def.svg

@@ -0,0 +1,6 @@
+<svg width="16" height="16" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+ <g transform="scale(.66667)" fill="#0288d1">
+  <path d="m3 3v18h18v-18zm1 1h16v16h-16z"/>
+  <path d="m15.988 10.311c-1.51 0-2.4785 0.96047-2.4785 2.2305 0 1.38 0.8093 2.0288 2.0293 2.5488l0.41992 0.18164c0.78 0.34 1.2402 0.54891 1.2402 1.1289 0 0.48-0.45039 0.83008-1.1504 0.83008-0.83 0-1.3099-0.4293-1.6699-1.0293l-1.3789 0.79883c0.5 0.98 1.5098 1.7305 3.0898 1.7305 1.6 0 2.7988-0.82938 2.7988-2.3594 0-1.41-0.81-2.0402-2.25-2.6602l-0.41992-0.17969c-0.73-0.31-1.0391-0.52149-1.0391-1.0215 0-0.41 0.30859-0.72852 0.80859-0.72852 0.48 0 0.79984 0.20852 1.0898 0.72852l1.3105-0.86914c-0.55-0.96-1.3304-1.3301-2.4004-1.3301zm-8.6992 0.08008v1.5h1.5v7.25h1.75v-7.25h1.75v-1.5z"/>
+ </g>
+</svg>

package/dist/ui/icons/typescript.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+ <path d="m2 2h12v12h-12v-12m7.14 9.9067c0.33333 0.65333 1.0067 1.1533 2.06 1.1533 1.0667 0 1.8667-0.55333 1.8667-1.5733 0-0.94-0.54-1.36-1.5-1.7733l-0.28-0.12c-0.48667-0.20667-0.69333-0.34667-0.69333-0.68 0-0.27333 0.20667-0.48667 0.54-0.48667 0.32 0 0.53333 0.14 0.72667 0.48667l0.87333-0.58c-0.36667-0.64-0.88667-0.88667-1.6-0.88667-1.0067 0-1.6533 0.64-1.6533 1.4867 0 0.92 0.54 1.3533 1.3533 1.7l0.28 0.12c0.52 0.22667 0.82667 0.36667 0.82667 0.75333 0 0.32-0.3 0.55333-0.76667 0.55333-0.55333 0-0.87333-0.28667-1.1133-0.68667l-0.92 0.53333m-0.47333-4.4067h-3.3333v1h1v4.8333h1.1667v-4.8333h1.1667z" fill="#0288d1" stroke-width=".66667"/>
+</svg>

package/dist/ui/icons/vue.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M1.791 3.691 12 21.311 22.209 3.776V3.69H18.24l-6.18 10.616L5.906 3.691z" style="fill:#41b883" transform="translate(0 .16)"/><path d="m5.907 3.691 6.152 10.617L18.24 3.691h-3.723L12.084 7.87 9.66 3.69z" style="fill:#35495e" transform="translate(0 .16)"/></svg>

package/dist/ui/icons/xml.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 9h5.5L13 3.5V9M6 2h8l6 6v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V4c0-1.11.89-2 2-2m.12 13.5 3.74 3.74 1.42-1.41-2.33-2.33 2.33-2.33-1.42-1.41-3.74 3.74m11.16 0-3.74-3.74-1.42 1.41 2.33 2.33-2.33 2.33 1.42 1.41 3.74-3.74z" fill="#8bc34a"/></svg>

package/dist/ui/icons/yaml.svg

@@ -0,0 +1,3 @@
+<svg version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+ <path d="M13 9h5.5L13 3.5V9M6 2h8l6 6v12c0 1.1-.9 2-2 2H6c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2m12 16v-2H9v2h9m-4-4v-2H6v2z" fill="#FF5252"/>
+</svg>

package/dist/ui/icons/zip.svg

@@ -0,0 +1,3 @@
+<svg version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+ <path d="M14 17h-2v-2h-2v-2h2v2h2m0-6h-2v2h2v2h-2v-2h-2V9h2V7h-2V5h2v2h2m5-4H5c-1.11 0-2 .89-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2z" fill="#afb42b"/>
+</svg>