@graphenedata/cli 0.0.15 → 0.0.17

package/dist/ui/components/Line.svelte

@@ -1,227 +0,0 @@
-<script lang="ts">
-  import {getContext} from 'svelte'
-  import type {Writable} from 'svelte/store'
-  import {propKey, configKey} from '../component-utilities/chartContext.js'
-  import getSeriesConfig from '../component-utilities/getSeriesConfig.js'
-  import formatTitle from '../component-utilities/formatTitle.js'
-  import getCompletedData from '../component-utilities/getCompletedData.js'
-  import getYAxisIndex from '../component-utilities/getYAxisIndex.js'
-  import {formatValue, getFormatObjectFromString} from '../component-utilities/formatting.js'
-  import {getThemeStores} from '../component-utilities/themeStores'
-  import {toBoolean} from '../component-utilities/convert'
-  import {parseCommaList} from '../component-utilities/inputUtils.ts'
-
-  interface Props {
-    y?: any, y2?: any, series?: any, options?: any, name?: any, lineColor?: any, lineWidth?: number
-    lineType?: string, lineOpacity?: any, markers?: boolean | string, markerShape?: string
-    markerSize?: number, labels?: boolean | string, labelSize?: number, labelPosition?: string
-    labelColor?: any, labelFmt?: any, yLabelFmt?: any, y2LabelFmt?: any, showAllLabels?: boolean | string
-    y2SeriesType?: any, handleMissing?: string, step?: boolean | string, stepPosition?: string
-    seriesOrder?: any, seriesLabelFmt?: any
-  }
-
-  const {resolveColor} = getThemeStores()
-  const chartProps: Writable<any> = getContext(propKey)
-  const config: Writable<any> = getContext(configKey)
-
-  let {
-    y = undefined, y2 = undefined, series = undefined, options = undefined, name = undefined,
-    lineColor = undefined, lineWidth = 2, lineType = 'solid', lineOpacity = undefined, markers = false,
-    markerShape = 'circle', markerSize = 8, labels = false, labelSize = 11, labelPosition = 'top',
-    labelColor = undefined, labelFmt = undefined, yLabelFmt = undefined, y2LabelFmt = undefined,
-    showAllLabels = false, y2SeriesType = undefined, handleMissing = 'gap', step = false,
-    stepPosition = 'end', seriesOrder = undefined, seriesLabelFmt = undefined,
-  }: Props = $props()
-
-  // Use $derived for values that depend on props
-  let ySet = $derived(y ? true : false)
-  let y2Set = $derived(y2 ? true : false)
-  let seriesSet = $derived(series ? true : false)
-
-  let lineColorStore = $derived(resolveColor(lineColor))
-  let labelColorStore = $derived(resolveColor(labelColor))
-  let markersBool = $derived(toBoolean(markers))
-  let labelsBool = $derived(toBoolean(labels))
-  let showAllLabelsBool = $derived(toBoolean(showAllLabels))
-  let stepBool = $derived(toBoolean(step))
-
-  // Format objects derived from props
-  let labelFormat = $derived(labelFmt ? getFormatObjectFromString(labelFmt) : undefined)
-  let yLabelFormat = $derived(yLabelFmt ? getFormatObjectFromString(yLabelFmt) : undefined)
-  let y2LabelFormat = $derived(y2LabelFmt ? getFormatObjectFromString(y2LabelFmt) : undefined)
-
-  const labelPositions = {above: 'top', below: 'bottom', middle: 'inside'}
-  const swapXYLabelPositions = {above: 'right', below: 'left', middle: 'inside'}
-
-  // Derive values from chartProps store instead of using $effect to assign
-  let data = $derived($chartProps.data)
-  let x = $derived($chartProps.x)
-  let swapXY = $derived($chartProps.swapXY)
-  let yFormat = $derived($chartProps.yFormat)
-  let y2Format = $derived($chartProps.y2Format)
-  let yCount = $derived($chartProps.yCount)
-  let y2Count = $derived($chartProps.y2Count)
-  let xType = $derived($chartProps.xType)
-  let xMismatch = $derived($chartProps.xMismatch)
-  let columnSummary = $derived($chartProps.columnSummary)
-  let resolvedSeries = $derived(seriesSet ? series : $chartProps.series)
-  let resolvedY = $derived(ySet ? parseCommaList(y) : $chartProps.y)
-  let resolvedY2 = $derived(y2Set ? parseCommaList(y2) : $chartProps.y2)
-  let resolvedSeriesOrder = $derived(parseCommaList(seriesOrder))
-
-  // Compute all the derived state in one $derived.by block to avoid read/write conflicts
-  let computedState = $derived.by(() => {
-    let isSingleSeries = !resolvedSeries && (!Array.isArray(resolvedY) || resolvedY.length === 1)
-    let computedData = data
-    let computedName = name
-    let computedDefaultLabelPosition = swapXY ? 'right' : 'top'
-
-    if (!data || !columnSummary) {
-      return {
-        data: computedData,
-        name: computedName,
-        defaultLabelPosition: computedDefaultLabelPosition,
-      }
-    }
-
-    if (isSingleSeries) {
-      // Single Series
-      let col = Array.isArray(resolvedY) ? resolvedY[0] : resolvedY
-      if (col && columnSummary[col]) {
-        computedName = computedName ?? formatTitle(col, columnSummary[col].title)
-      }
-    } else {
-      // Multi Series
-      try {
-        computedData = getCompletedData(computedData, x, resolvedY, resolvedSeries)
-      } catch(error) {
-        globalThis.console?.warn('Failed to complete data', {error})
-        computedData = []
-      }
-    }
-
-    // Handle missing values
-    if (handleMissing === 'zero') {
-      try {
-        computedData = getCompletedData(computedData, x, resolvedY, resolvedSeries, true)
-      } catch(error) {
-        globalThis.console?.warn('Failed to complete data', {error})
-        computedData = []
-      }
-    }
-
-    return {
-      data: computedData,
-      name: computedName,
-      defaultLabelPosition: computedDefaultLabelPosition,
-    }
-  })
-
-  // Extract computed values for use in template and other derived values
-  let processedData = $derived(computedState.data)
-  let resolvedName = $derived(computedState.name)
-  let defaultLabelPosition = $derived(computedState.defaultLabelPosition)
-
-  let resolvedLabelPosition = $derived(
-    (swapXY ? swapXYLabelPositions[labelPosition] : labelPositions[labelPosition]) ?? defaultLabelPosition,
-  )
-
-  let chartOverrides = $derived({
-    yAxis: {boundaryGap: ['0%', '1%']},
-    xAxis: {boundaryGap: [xType === 'time' ? '2%' : '0%', '2%']},
-  })
-
-  $effect(() => {
-    // Don't run until we have data
-    if (!processedData || !columnSummary) return
-
-    let baseConfig = {
-      type: 'line',
-      label: {
-        show: labelsBool,
-        formatter: (params: any) =>
-          params.value[swapXY ? 0 : 1] === 0
-            ? ''
-            : formatValue(
-              params.value[swapXY ? 0 : 1],
-              [yLabelFormat ?? labelFormat ?? yFormat, y2LabelFormat ?? labelFormat ?? y2Format][
-                getYAxisIndex(params.componentIndex, yCount, y2Count)
-              ],
-            ),
-        fontSize: labelSize,
-        color: $labelColorStore,
-        position: resolvedLabelPosition,
-        padding: 3,
-      },
-      labelLayout: {hideOverlap: showAllLabelsBool ? false : true},
-      connectNulls: handleMissing === 'connect',
-      emphasis: {
-        focus: 'series',
-        endLabel: {show: false},
-        lineStyle: {opacity: 1, width: 3},
-      },
-      lineStyle: {width: parseInt(lineWidth as string), type: lineType, opacity: lineOpacity},
-      itemStyle: {color: $lineColorStore, opacity: lineOpacity},
-      showSymbol: labelsBool || markersBool,
-      symbol: markerShape,
-      symbolSize: labelsBool && !markersBool ? 0 : markerSize,
-      step: stepBool ? stepPosition : false,
-    }
-
-    let seriesConfig = getSeriesConfig(
-      processedData,
-      x,
-      resolvedY,
-      resolvedSeries,
-      swapXY,
-      baseConfig,
-      resolvedName,
-      xMismatch,
-      columnSummary,
-      resolvedSeriesOrder,
-      undefined,
-      undefined,
-      resolvedY2,
-      seriesLabelFmt,
-    )
-
-    config.update((d: any) => {
-      // Guard against incomplete config state
-      if (!d.series) d.series = []
-      if (!d.legend) d.legend = {data: []}
-      if (!d.legend.data) d.legend.data = []
-
-      d.series.push(...seriesConfig)
-      d.legend.data.push(...seriesConfig.map((entry: any) => entry.name.toString()))
-      return d
-    })
-  })
-
-  // Use $effect.pre() instead of beforeUpdate for runes mode
-  $effect.pre(() => {
-    if (options) {
-      config.update((d: any) => ({...d, ...options}))
-    }
-
-    if (!chartOverrides) return
-    config.update((d: any) => {
-      if (!d.yAxis || !Array.isArray(d.yAxis)) return d
-      if (swapXY) {
-        d.yAxis = {...d.yAxis, ...chartOverrides.xAxis}
-        d.xAxis = {...d.xAxis, ...chartOverrides.yAxis}
-        if (labelsBool) d.axisPointer = {triggerEmphasis: false}
-        return d
-      }
-      if (d.yAxis[0]) d.yAxis[0] = {...d.yAxis[0], ...chartOverrides.yAxis}
-      d.xAxis = {...d.xAxis, ...chartOverrides.xAxis}
-      if (y2Count > 0 && d.yAxis[1]) {
-        let shouldSetY2Type = y2SeriesType && ['line', 'bar', 'scatter'].includes(y2SeriesType) && d.series
-        for (let i = 0; shouldSetY2Type && i < y2Count; i++) {
-          if (d.series[yCount + i]) d.series[yCount + i].type = y2SeriesType
-        }
-      }
-      if (labelsBool) d.axisPointer = {triggerEmphasis: false}
-      return d
-    })
-  })
-</script>

package/dist/ui/internal/NavSidebar.svelte

@@ -1,396 +0,0 @@
-<script>
-  import {SvelteSet, SvelteMap} from 'svelte/reactivity'
-
-  /** @type {string} */
-  let {currentFile = '', files = [], onNavigate = undefined, baseRoute = ''} = $props()
-
-  let tree = $state([])
-  let flatNodes = $state([])
-  // eslint-disable-next-line svelte/no-unnecessary-state-wrap -- openFolders is reassigned, needs $state
-  let openFolders = $state(new SvelteSet())
-  let treeSignature = $state('')
-  let lastCurrent = $state('')
-
-  let normalizedFiles = $derived((files || [])
-    .map((file) => file.replace(/^\.\//, '').replace(/\\/g, '/')))
-
-
-  let normalizedCurrent = $derived(deriveCurrentFile(currentFile, normalizedFiles, baseRoute))
-  let currentRoute = $derived(normalizedCurrent ? pathToRoute(normalizedCurrent) : '/')
-
-  function deriveCurrentFile(_currentFile, _normalizedFiles, _baseRoute) {
-    let fromProp = normalizeFilePath(currentFile)
-    let route = getLocationRoute()
-    if (route && normalizedFiles) {
-      let match = normalizedFiles.find((file) => pathToRoute(file) === route)
-      if (match) return match
-    }
-    return fromProp
-  }
-
-  function normalizeFilePath(filePath) {
-    return (filePath || '').replace(/^\.\//, '').replace(/\\/g, '/')
-  }
-
-  function getLocationRoute() {
-    if (typeof window === 'undefined') return null
-    let route = window.location.pathname || '/'
-    route = route.replace(/\/+$/, '') || '/'
-    return route
-  }
-
-  $effect(() => {
-    let nextSignature = normalizedFiles.join('|')
-    if (nextSignature !== treeSignature) {
-      treeSignature = nextSignature
-      tree = buildTree(normalizedFiles)
-      flatNodes = flattenTree(tree)
-      openFolders = createDefaultOpenFolders(tree, normalizedCurrent)
-    }
-  })
-
-  $effect(() => {
-    if (normalizedCurrent !== lastCurrent) {
-      openFolders = mergeAncestorFolders(openFolders, normalizedCurrent)
-      lastCurrent = normalizedCurrent
-    }
-  })
-
-  function toggleFolder(path) {
-    if (!path) return
-    let next = new SvelteSet(openFolders)
-    if (next.has(path)) next.delete(path)
-    else next.add(path)
-    openFolders = next
-  }
-
-  function handleFolderRowKey(event, path) {
-    if (event.key !== 'Enter' && event.key !== ' ') return
-    event.preventDefault()
-    toggleFolder(path)
-  }
-
-  function isOpen(path, openSet = openFolders) {
-    if (!path) return true
-    return openSet.has(path)
-  }
-
-  function isVisible(node, openSet = openFolders) {
-    return node.ancestors.every((path) => isOpen(path, openSet))
-  }
-
-  function buildTree(paths) {
-    let root = []
-    let folderMap = new SvelteMap()
-
-    for (let filePath of paths) {
-      let cleanPath = filePath.replace(/^\.\//, '').replace(/^\//, '')
-      let segments = cleanPath.split('/')
-      if (!segments.length) continue
-      let fileName = segments.pop()
-      let parentChildren = root
-      let parentPath = ''
-
-      for (let segment of segments) {
-        parentPath = parentPath ? `${parentPath}/${segment}` : segment
-        if (!folderMap.has(parentPath)) {
-          let folderNode = {
-            type: 'folder',
-            name: segment,
-            label: formatLabel(segment, 'folder'),
-            path: parentPath,
-            children: [],
-            route: null,
-          }
-          folderMap.set(parentPath, folderNode)
-          parentChildren.push(folderNode)
-        }
-        parentChildren = folderMap.get(parentPath).children
-      }
-
-      if (!fileName) continue
-      let fullPath = parentPath ? `${parentPath}/${fileName}` : fileName
-
-      if (fileName.toLowerCase() === 'index.md' && parentPath) {
-        let folderNode = folderMap.get(parentPath)
-        if (folderNode) folderNode.route = pathToRoute(fullPath)
-        continue
-      }
-
-      let exists = parentChildren.find((node) => node.path === fullPath)
-      if (exists) continue
-      parentChildren.push({
-        type: 'file',
-        name: fileName,
-        label: formatLabel(fileName, 'file'),
-        path: fullPath,
-        route: pathToRoute(fullPath),
-      })
-    }
-
-    return sortNodes(root)
-  }
-
-  function sortNodes(nodes) {
-    return nodes
-      .map((node) => {
-        if (node.type === 'folder' && node.children?.length) {
-          return {...node, children: sortNodes(node.children)}
-        }
-        return node
-      })
-      .sort((a, b) => {
-        if (a.label === 'Home') return -1
-        if (b.label === 'Home') return 1
-        if (a.type !== b.type) return a.type === 'folder' ? -1 : 1
-        return a.label.localeCompare(b.label)
-      })
-  }
-
-  function flattenTree(nodes, depth = 0, ancestors = []) {
-    let list = []
-    for (let node of nodes) {
-      if (node.type === 'folder') {
-        let entry = {...node, depth, ancestors}
-        list.push(entry)
-        if (node.children?.length) {
-          list.push(...flattenTree(node.children, depth + 1, [...ancestors, node.path]))
-        }
-        continue
-      }
-      list.push({...node, depth, ancestors})
-    }
-    return list
-  }
-
-  function createDefaultOpenFolders(_treeNodes, currentPath) {
-    let next = new SvelteSet()
-    return mergeAncestorFolders(next, currentPath)
-  }
-
-  function mergeAncestorFolders(openSet, filePath) {
-    if (!filePath) return new SvelteSet(openSet)
-    let parts = filePath.split('/')
-    parts.pop()
-    let aggregate = []
-    let next = new SvelteSet(openSet)
-    for (let part of parts) {
-      aggregate.push(part)
-      next.add(aggregate.join('/'))
-    }
-    return next
-  }
-
-  function formatLabel(value, type) {
-    let cleaned = type === 'file' ? value.replace(/\.md$/, '') : value
-    if (cleaned.toLowerCase() === 'index') return 'Home'
-    return cleaned
-      .split(/[\s_-]+/)
-      .filter(Boolean)
-      .map((chunk) => chunk.charAt(0).toUpperCase() + chunk.slice(1))
-      .join(' ')
-  }
-
-  function pathToRoute(path) {
-    let clean = path.replace(/\.md$/, '')
-    let prefix = baseRoute ? '/' + baseRoute : ''
-    if (!clean || clean === 'index') return prefix || '/'
-    return prefix + '/' + clean
-  }
-
-  function handleLinkClick(event, href) {
-    if (!onNavigate) return
-    if (href.startsWith('http') || href.startsWith('//')) return
-    event.preventDefault()
-    onNavigate(href)
-  }
-</script>
-
-<ul>
-  {#each flatNodes as node (node.path)}
-    {#if node.type === 'folder'}
-      <li class={isVisible(node, openFolders) ? '' : 'hidden'} style={`--depth:${node.depth}`} data-folder={node.path}>
-        <div
-          class={node.route ? 'folder-row' : 'folder-row clickable'}
-          role={node.route ? undefined : 'button'}
-          aria-expanded={node.route ? undefined : String(isOpen(node.path, openFolders))}
-          onclick={node.route ? undefined : () => toggleFolder(node.path)}
-          onkeydown={node.route ? undefined : (event) => handleFolderRowKey(event, node.path)}
-        >
-          <button
-            class="toggle"
-            type="button"
-            data-folder-toggle={node.path}
-            aria-expanded={isOpen(node.path, openFolders)}
-            onclick={(event) => { event.stopPropagation(); toggleFolder(node.path) }}
-            aria-label={(isOpen(node.path, openFolders) ? 'Collapse' : 'Expand') + ' ' + node.label}
-          >
-            <span class={isOpen(node.path, openFolders) ? 'chevron open' : 'chevron'}>▸</span>
-          </button>
-          {#if node.route}
-            <a
-              href={node.route}
-              class={node.route === currentRoute ? 'active' : ''}
-              aria-current={node.route === currentRoute ? 'page' : undefined}
-              onclick={(e) => handleLinkClick(e, node.route)}
-            >
-              {node.label}
-            </a>
-          {:else}
-            <span class="label">{node.label}</span>
-          {/if}
-        </div>
-      </li>
-    {:else}
-      <li class={isVisible(node, openFolders) ? 'file' : 'file hidden'} style={`--depth:${node.depth}`}>
-        <a
-          href={node.route}
-          class={node.path === normalizedCurrent ? 'active' : ''}
-          aria-current={node.path === normalizedCurrent ? 'page' : undefined}
-          onclick={(e) => handleLinkClick(e, node.route)}
-        >
-          <span>{node.label}</span>
-        </a>
-      </li>
-    {/if}
-  {/each}
-</ul>
-
-<style>
-  ul {
-    list-style: none;
-    padding: 0 0.5rem 0 0;
-    margin: 0;
-    display: flex;
-    flex-direction: column;
-    gap: 0.1rem;
-    overflow: hidden;
-  }
-
-  li {
-    --indent: calc(var(--depth, 0) * 1rem);
-    padding-left: var(--indent);
-    width: 100%;
-    box-sizing: border-box;
-  }
-
-  li.file {
-    padding-left: calc(var(--indent) + 1.5rem);
-  }
-
-  li.hidden {
-    display: none;
-  }
-
-  .folder-row {
-    display: flex;
-    align-items: center;
-    padding: 0.1rem 0.15rem;
-    border-radius: 4px;
-  }
-
-  .folder-row.clickable {
-    cursor: pointer;
-  }
-
-  .folder-row.clickable:focus-visible {
-    outline: 2px solid rgba(15, 23, 42, 0.2);
-    outline-offset: 2px;
-  }
-
-  .toggle {
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    width: 1.5rem;
-    height: 1.5rem;
-    color: var(--base-heading);
-    background: transparent;
-    border: none;
-    cursor: pointer;
-    border-radius: 4px;
-    opacity: 0;
-    pointer-events: none;
-    transition: opacity 120ms ease;
-    visibility: hidden;
-  }
-
-  .folder-row:hover .toggle,
-  .folder-row:focus-within .toggle,
-  .toggle:focus-visible {
-    opacity: 1;
-    pointer-events: auto;
-    visibility: visible;
-  }
-
-  .toggle:hover,
-  .toggle:focus-visible {
-    background: rgba(15, 23, 42, 0.1);
-    outline: none;
-  }
-
-  .chevron {
-    display: inline-block;
-    transition: transform 150ms ease;
-    font-size: 0.7rem;
-    color: var(--base-content-muted);
-  }
-
-  .chevron.open {
-    transform: rotate(90deg);
-  }
-
-  .label {
-    font-size: 0.85rem;
-    padding: 0.2rem 0.35rem;
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    color: var(--base-heading);
-  }
-
-  .folder-row a {
-    flex: 1;
-    display: block;
-    font-size: 0.85rem;
-    padding: 0.2rem 0.35rem;
-    border-radius: 4px;
-    color: var(--base-heading);
-    text-decoration: none;
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-  }
-
-  .folder-row a:hover,
-  .folder-row a:focus-visible {
-    background: rgba(15, 23, 42, 0.05);
-    outline: none;
-  }
-
-  li.file a {
-    display: flex;
-    align-items: center;
-    font-size: 0.85rem;
-    padding: 0.2rem 0.5rem;
-    border-radius: 4px;
-    color: var(--base-heading);
-    text-decoration: none;
-  }
-
-  li.file a span {
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-  }
-
-  li.file a:hover,
-  li.file a:focus-visible {
-    background: rgba(15, 23, 42, 0.05);
-    outline: none;
-  }
-
-  a.active {
-    color: var(--base-900, #0f172a);
-  }
-</style>

package/dist/ui/internal/theme.ts

@@ -1,60 +0,0 @@
-// Evidence has a complex theme loading system that we don't really want to keep.
-// This was generated by copying the runtime export of $evidence/themes from the evidence sample app.
-export const themes = {
-  light: {
-    colors: {
-      primary: '#2563eb',
-      accent: '#c2410c',
-      'base-100': '#ffffff',
-      info: '#0284c7',
-      positive: '#16a34a',
-      warning: '#f8c900',
-      negative: '#dc2626',
-      'primary-content': '#f6f8fb',
-      'accent-content': '#fbf7f6',
-      'base-200': '#f7f7f7',
-      'base-300': '#d6d6d6',
-      'base-heading': '#060606',
-      'base-content': '#2c2c2c',
-      'base-content-muted': '#717171',
-      'info-content': '#030709',
-      'positive-content': '#040906',
-      'negative-content': '#fbf6f6',
-      'warning-content': '#0a0803',
-    },
-    colorPalettes: {
-      default: ['#236aa4', '#45a1bf', '#a5cdee', '#8dacbf', '#85c7c6', '#d2c6ac', '#f4b548', '#8f3d56', '#71b9f4', '#46a485'],
-    },
-    colorScales: {
-      default: ['#ADD8E6', '#00008B'],
-    },
-  },
-  dark: {
-    colors: {
-      primary: '#3b82f6',
-      accent: '#fdba74',
-      'base-100': '#09090b',
-      info: '#38bdf8',
-      positive: '#4ade80',
-      warning: '#fbbf24',
-      negative: '#f87171',
-      'primary-content': '#030609',
-      'accent-content': '#090603',
-      'base-200': '#111113',
-      'base-300': '#29292b',
-      'base-heading': '#f8f8f9',
-      'base-content': '#cacacb',
-      'base-content-muted': '#7b7b7c',
-      'info-content': '#030809',
-      'positive-content': '#040906',
-      'negative-content': '#090303',
-      'warning-content': '#090803',
-    },
-    colorPalettes: {
-      default: ['#236aa4', '#45a1bf', '#a5cdee', '#8dacbf', '#85c7c6', '#d2c6ac', '#f4b548', '#8f3d56', '#71b9f4', '#46a485'],
-    },
-    colorScales: {
-      default: ['#ADD8E6', '#00008B'],
-    },
-  },
-}