@stacksjs/defaults 0.70.229 → 0.70.231

package/resources/components/Dashboard/TerminalContainer.stx

@@ -1,97 +0,0 @@
-<script>
-interface TerminalContainerProps {
-  live?: boolean
-  path?: string
-  branch?: string
-  version?: string
-}
-
-const { live = false, path = '~/Code/stacks', branch = 'main', version = 'v1.2.3' } = defineProps<TerminalContainerProps>()
-
-const files = [
-    'CHANGELOG.md', 'LICENSE.md', 'README.md', 'app',
-    'bootstrap', 'buddy', 'cloud', 'commitlint.config.ts',
-    'bun.lock', 'bunfig.toml', 'config', 'database',
-    'docs', 'eslint.config.ts', 'node_modules', 'package.json',
-    'pantry.yaml', 'public', 'resources', 'routes',
-    'storage', 'tests', 'tsconfig.json', '~'
-  ]
-</script>
-<div class="font-mono">
-    <div class="flex flex-col h-full w-full text-[#C9D1D9] bg-[#0D1117] rounded-lg shadow">
-      <!-- Terminal Header -->
-      <header class="flex items-center justify-between px-3 py-2 bg-[#161B22] rounded-t-lg">
-        <div class="flex gap-2 items-center">
-          <div class="h-3 w-3 bg-[#FF5F56] rounded-full"></div>
-          <div class="h-3 w-3 bg-[#FFBD2E] rounded-full"></div>
-          <div class="h-3 w-3 bg-[#27C93F] rounded-full"></div>
-        </div>
-        <div class="absolute left-1/2 text-[#8B949E] text-sm -translate-x-1/2">
-          {{ path }}
-        </div>
-      </header>
-
-      <!-- Terminal Content -->
-      <div class="p-4 leading-6 text-sm">
-        <div class="flex gap-2 items-center text-[#C9D1D9]">
-          <span class="text-[#8B949E]">{{ path }}</span>
-          <span>on</span>
-          <span class="flex gap-1 items-center">
-            <span class="text-[#7EE787]">{{ branch }}</span>
-          </span>
-          <span>via</span>
-          <span class="flex gap-1 items-center">
-            <span class="text-[#8B949E]">🐰</span>
-            <span class="text-[#FF7B72]">{{ version }}</span>
-          </span>
-        </div>
-
-        <div class="flex gap-2 items-center mt-1 text-[#C9D1D9]">
-          <span class="text-[#8B949E]">❯</span>
-          <span>ls</span>
-        </div>
-
-        <div class="grid gap-4 grid-cols-4 mt-2">
-          @foreach(files as file)
-            <div class="text-[#C9D1D9]">{{ file }}</div>
-          @endforeach
-        </div>
-
-        <div class="flex gap-2 items-center mt-4 text-[#C9D1D9]">
-          <span class="text-[#8B949E]">{{ path }}</span>
-          <span>on</span>
-          <span class="flex gap-1 items-center">
-            <span class="text-[#7EE787]">{{ branch }}</span>
-          </span>
-          <span>via</span>
-          <span class="flex gap-1 items-center">
-            <span class="text-[#8B949E]">🐰</span>
-            <span class="text-[#FF7B72]">{{ version }}</span>
-          </span>
-        </div>
-
-        <div class="flex gap-2 items-center mt-1 text-[#C9D1D9]">
-          <span class="text-[#8B949E]">❯</span>
-          <input
-            type="text"
-            class="flex-1 bg-transparent border-0 outline-0 active:outline-0 active:ring-0 focus:outline-0 focus:ring-0"
-            style="-webkit-tap-highlight-color: transparent;"
-          >
-        </div>
-      </div>
-    </div>
-  </div>
-<style>
-@keyframes blink {
-  0%, 100% { opacity: 1; }
-  50% { opacity: 0; }
-}
-
-.cli-cursor {
-  opacity: 1;
-}
-
-.cursor-blink {
-  animation: blink 1s step-end infinite;
-}
-</style>

package/resources/components/Dashboard/UI/DataTable.stx

@@ -1,45 +0,0 @@
-<script server>
-interface DataTableProps {
-  columns?: any[]
-  data?: any[]
-  striped?: boolean
-  emptyTitle?: string
-  emptyDescription?: string
-  emptyIcon?: string
-  hoverable?: boolean
-}
-
-const { columns = [], data = [], striped = false, emptyTitle = 'No data found', emptyDescription = '', emptyIcon = 'i-hugeicons-folder-02', hoverable = true } = defineProps<DataTableProps>()
-</script>
-<div class="overflow-x-auto">
-  <table class="min-w-full">
-    <thead>
-      <tr class="border-b border-neutral-200/60 dark:border-white/5">
-        @foreach(columns as col)
-          <th class="px-4 py-3 text-left text-[11px] font-semibold uppercase tracking-wider text-neutral-500 dark:text-neutral-400 {{ col.class || '' }}">
-            {{ col.label }}
-          </th>
-        @endforeach
-      </tr>
-    </thead>
-    <tbody class="divide-neutral-100 divide-y dark:divide-white/5">
-      @if(data.length > 0)
-        <slot />
-      @else
-        <tr>
-          <td colspan="{{ columns.length }}" class="px-4 py-12">
-            <div class="flex flex-col items-center justify-center text-center">
-              <div class="mb-3 p-3 bg-neutral-100 dark:bg-neutral-800 rounded-full">
-                <div class="{{ emptyIcon }} w-6 h-6 text-neutral-400 dark:text-neutral-500"></div>
-              </div>
-              <p class="font-medium text-neutral-900 text-sm dark:text-white">{{ emptyTitle }}</p>
-              @if(emptyDescription)
-                <p class="mt-1 text-[12px] text-neutral-500 dark:text-neutral-400">{{ emptyDescription }}</p>
-              @endif
-            </div>
-          </td>
-        </tr>
-      @endif
-    </tbody>
-  </table>
-</div>

package/resources/components/Dashboard/UI/RouterLink.stx

@@ -1,31 +0,0 @@
-<script server>
-/**
- * RouterLink bridge component for templates that use declarative
- * `<RouterLink to="…">` syntax. The dashboard is server-rendered MPA, so
- * there's no actual client router; this just maps the `to` prop to a
- * standard `href` and forwards the rest. Keeps existing pages from
- * breaking with `[Error loading component: 'router-link']` while we
- * migrate them off the syntax.
- *
- * `replace` is accepted for API compatibility; it has no
- * effect under MPA navigation but makes drop-in usage error-free.
- */
-interface RouterLinkProps {
-  to?: string
-  href?: string
-  replace?: boolean
-  target?: string
-  rel?: string
-}
-
-const { to = '', href = '', target = '', rel = '' } = defineProps<RouterLinkProps>()
-const finalHref = href || to
-const finalRel = rel || (target === '_blank' ? 'noopener' : '')
-</script>
-<a
-  href="{{ finalHref }}"
-  @if(target) target="{{ target }}" @endif
-  @if(finalRel) rel="{{ finalRel }}" @endif
->
-  <slot />
-</a>

package/resources/components/Dashboard/Widget.stx

@@ -1,89 +0,0 @@
-<!--
-  Custom Dashboard Widget Component
-
-  Use this component to create reusable widgets for your dashboard.
-  Import this in your dashboard pages using:
-
-  <script>
-interface WidgetProps {
-  title: string
-  value: string
-  description?: string
-  trend?: string
-  icon?: string
-}
-
-const { title, value, description, trend, icon } = defineProps<WidgetProps>()
-</script>
--->
-
-<script>
-interface WidgetProps {
-  title: string
-  value: string
-  description?: string
-  trend?: string
-  icon?: string
-}
-
-const { title, value, description = '', trend = '', icon = '' } = defineProps<WidgetProps>()
-</script>
-<div class="widget">
-    <div class="widget-header">
-      @if (icon)
-        <div class="widget-icon">{{ icon }}</div>
-      @endif
-      <h3 class="widget-title">{{ title }}</h3>
-    </div>
-    <div class="widget-value">{{ value }}</div>
-    @if (description)
-      <div class="widget-description">{{ description }}</div>
-    @endif
-    @if (trend)
-      <div class="widget-trend {{ trend.startsWith('+') ? 'positive' : 'negative' }}">
-        {{ trend }}
-      </div>
-    @endif
-  </div>
-<style>
-.widget {
-  background: var(--color-bg-card);
-  border: 1px solid var(--color-border);
-  border-radius: 0.75rem;
-  padding: 1.25rem;
-}
-.widget-header {
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-  margin-bottom: 0.75rem;
-}
-.widget-icon {
-  font-size: 1.25rem;
-}
-.widget-title {
-  font-size: 0.875rem;
-  color: var(--color-text-muted);
-  font-weight: 500;
-}
-.widget-value {
-  font-size: 1.75rem;
-  font-weight: 600;
-}
-.widget-description {
-  font-size: 0.75rem;
-  color: var(--color-text-muted);
-  margin-top: 0.25rem;
-}
-.widget-trend {
-  font-size: 0.75rem;
-  font-weight: 500;
-  margin-top: 0.5rem;
-}
-.widget-trend.positive {
-  color: var(--color-success);
-}
-.widget-trend.negative {
-  color: var(--color-error);
-}
-</style>

package/resources/components/Dashboard/WindowControls.stx

@@ -1,119 +0,0 @@
-<script>
-interface WindowControlsProps {
-  size?: string
-  variant?: string
-}
-
-const { size = 'sm', variant = 'macos' } = defineProps<WindowControlsProps>()
-
-/**
- * WindowControls Component
- * macOS-style traffic light window controls (close, minimize, maximize)
- */
-
-const sizeClasses = {
-  xs: 'w-2 h-2',
-  sm: 'w-2.5 h-2.5',
-  md: 'w-3 h-3',
-  lg: 'w-3.5 h-3.5'
-}
-
-const gapClasses = {
-  xs: 'gap-1',
-  sm: 'gap-1.5',
-  md: 'gap-2',
-  lg: 'gap-2'
-}
-
-function getSizeClass() {
-  return sizeClasses[size || 'sm']
-}
-
-function getGapClass() {
-  return gapClasses[size || 'sm']
-}
-
-function getVariant() {
-  return variant || 'macos'
-}
-</script>
-@if(getVariant() === 'macos')
-    <!-- macOS-style traffic light controls -->
-    <div class="flex items-center {{ getGapClass() }} group">
-      <!-- Close button (red) -->
-      <button
-        type="button"
-        class="relative {{ getSizeClass() }} rounded-full bg-[#ff5f57] hover:bg-[#ff5f57] transition-colors focus:outline-none focus:ring-2 focus:ring-red-500/50"
-        data-action="window-close"
-        title="Close"
-      >
-        <span class="sr-only">Close</span>
-        <!-- X icon on hover -->
-        <svg class="absolute inset-0 m-auto h-1.5 w-1.5 text-[#4d0000] opacity-0 group-hover:opacity-100 transition-opacity" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
-          <path d="M6 18L18 6M6 6l12 12"></path>
-        </svg>
-      </button>
-
-      <!-- Minimize button (yellow) -->
-      <button
-        type="button"
-        class="relative {{ getSizeClass() }} rounded-full bg-[#febc2e] hover:bg-[#febc2e] transition-colors focus:outline-none focus:ring-2 focus:ring-yellow-500/50"
-        data-action="window-minimize"
-        title="Minimize"
-      >
-        <span class="sr-only">Minimize</span>
-        <!-- Minus icon on hover -->
-        <svg class="absolute inset-0 m-auto h-1.5 w-1.5 text-[#995700] opacity-0 group-hover:opacity-100 transition-opacity" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
-          <path d="M5 12h14"></path>
-        </svg>
-      </button>
-
-      <!-- Maximize button (green) -->
-      <button
-        type="button"
-        class="relative {{ getSizeClass() }} rounded-full bg-[#28c840] hover:bg-[#28c840] transition-colors focus:outline-none focus:ring-2 focus:ring-green-500/50"
-        data-action="window-maximize"
-        title="Maximize"
-      >
-        <span class="sr-only">Maximize</span>
-        <!-- Expand icon on hover -->
-        <svg class="absolute inset-0 m-auto h-1.5 w-1.5 text-[#006500] opacity-0 group-hover:opacity-100 transition-opacity" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
-          <path d="M4 14h6m0 0v6m0-6L3 21M20 10h-6m0 0V4m0 6l7-7"></path>
-        </svg>
-      </button>
-    </div>
-  @else
-    <!-- Windows-style controls -->
-    <div class="flex items-center">
-      <button
-        type="button"
-        class="p-1.5 hover:bg-neutral-200 dark:hover:bg-neutral-700 rounded transition-colors"
-        data-action="window-minimize"
-        title="Minimize"
-      >
-        <svg class="h-3 w-3 text-neutral-600 dark:text-neutral-400" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
-          <path d="M5 12h14"></path>
-        </svg>
-      </button>
-      <button
-        type="button"
-        class="p-1.5 hover:bg-neutral-200 dark:hover:bg-neutral-700 rounded transition-colors"
-        data-action="window-maximize"
-        title="Maximize"
-      >
-        <svg class="h-3 w-3 text-neutral-600 dark:text-neutral-400" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
-          <rect x="4" y="4" width="16" height="16" rx="2"></rect>
-        </svg>
-      </button>
-      <button
-        type="button"
-        class="p-1.5 hover:text-white hover:bg-red-500 rounded transition-colors"
-        data-action="window-close"
-        title="Close"
-      >
-        <svg class="h-3 w-3 text-neutral-600 dark:text-neutral-400" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
-          <path d="M6 18L18 6M6 6l12 12"></path>
-        </svg>
-      </button>
-    </div>
-  @endif

package/resources/functions/dashboard/files-tree.ts

@@ -1,162 +0,0 @@
-/**
- * Build the dashboard File Manager tree from a real Storage disk.
- *
- * The `content/files` page seeds its grid with this at request time (from a
- * `<script server>` block) so it browses actual files through @stacksjs/storage
- * instead of demo data. Defaults to the `public` disk, which carries real media
- * plus public URLs, so image/video previews render. Bounded in depth and entry
- * count so a large disk can't blow up SSR, and returns `null` on any error or an
- * empty disk so the page falls back to its built-in demo tree.
- *
- * Usage from a page's `<script server>`:
- *
- *   const { buildStorageFileTree } =
- *     await import('../../../resources/functions/dashboard/files-tree')
- *   const tree = await buildStorageFileTree({ disk: 'public' })
- */
-import { Storage } from '@stacksjs/storage'
-
-export interface FileTreeNode {
-  id: number
-  name: string
-  type: string
-  size?: number
-  path: string
-  lastModified: string
-  starred: boolean
-  shared: boolean
-  mime_type?: string
-  url?: string
-  items?: FileTreeNode[]
-}
-
-export interface BuildFileTreeOptions {
-  /** Storage disk to list. @default 'public' */
-  disk?: string
-  /** How many directory levels to descend. @default 3 */
-  maxDepth?: number
-  /** Hard cap on total entries, to bound SSR cost. @default 600 */
-  maxEntries?: number
-}
-
-function extensionOf(name: string): string {
-  const dot = name.lastIndexOf('.')
-  return dot > 0 ? name.slice(dot + 1).toLowerCase() : 'file'
-}
-
-function baseNameOf(path: string): string {
-  const trimmed = path.replace(/\/+$/, '')
-  const idx = trimmed.lastIndexOf('/')
-  return idx >= 0 ? trimmed.slice(idx + 1) : trimmed
-}
-
-function normalizePath(path: string): string {
-  return `/${path}`.replace(/\/+/g, '/')
-}
-
-/**
- * List `disk` into a File-Manager tree, or `null` when it can't be listed or is
- * empty (so callers can fall back to demo data). Never throws.
- */
-export async function buildStorageFileTree(options: BuildFileTreeOptions = {}): Promise<FileTreeNode | null> {
-  const { disk = 'public', maxDepth = 3, maxEntries = 600 } = options
-
-  let adapter: any
-  try {
-    adapter = Storage.disk(disk)
-  }
-  catch {
-    return null
-  }
-
-  let idCounter = 1
-  let entryCount = 0
-
-  async function walk(dir: string, name: string, depth: number): Promise<FileTreeNode> {
-    const node: FileTreeNode = {
-      id: idCounter++,
-      name,
-      type: 'folder',
-      path: normalizePath(dir),
-      lastModified: new Date().toISOString(),
-      starred: false,
-      shared: true,
-      items: [],
-    }
-    if (depth <= 0)
-      return node
-
-    const entries: { path: string, type: string }[] = []
-    try {
-      for await (const entry of adapter.list(dir)) {
-        entries.push({ path: String(entry.path), type: String(entry.type) })
-        if (entries.length >= maxEntries)
-          break
-      }
-    }
-    catch {
-      return node
-    }
-
-    // Folders first, then files, each alphabetical — matches Finder ordering.
-    entries.sort((a, b) => {
-      if (a.type !== b.type)
-        return a.type === 'directory' ? -1 : 1
-      return baseNameOf(a.path).localeCompare(baseNameOf(b.path))
-    })
-
-    for (const entry of entries) {
-      if (entryCount >= maxEntries)
-        break
-      const base = baseNameOf(entry.path)
-      if (!base || base.startsWith('.'))
-        continue
-      entryCount++
-
-      if (entry.type === 'directory') {
-        node.items!.push(await walk(entry.path, base, depth - 1))
-        continue
-      }
-
-      let size = 0
-      let lastModified = new Date().toISOString()
-      let mimeType = ''
-      let url = ''
-      try {
-        const stat = await adapter.stat(entry.path)
-        size = Number(stat?.size ?? 0)
-        if (stat?.lastModified)
-          lastModified = new Date(stat.lastModified).toISOString()
-        mimeType = String(stat?.mimeType ?? '')
-      }
-      catch {}
-      try {
-        url = await adapter.publicUrl(entry.path)
-      }
-      catch {}
-
-      node.items!.push({
-        id: idCounter++,
-        name: base,
-        type: extensionOf(base),
-        size,
-        path: normalizePath(entry.path),
-        lastModified,
-        mime_type: mimeType,
-        url,
-        starred: false,
-        shared: true,
-      })
-    }
-
-    return node
-  }
-
-  try {
-    const tree = await walk('', 'Home', maxDepth)
-    return tree.items && tree.items.length > 0 ? tree : null
-  }
-  catch {
-    return null
-  }
-}