create-quadrokit 0.2.11 → 0.2.13

package/templates/admin-shell/src/components/AppShell.tsx

@@ -1,68 +0,0 @@
-import { ThemeToolbar } from '@quadrokit/ui'
-import { useTranslation } from 'react-i18next'
-import { Link, NavLink, Outlet } from 'react-router-dom'
-
-export function AppShell() {
-  const { t } = useTranslation()
-
-  return (
-    <div className="min-h-dvh bg-background text-foreground">
-      <div className="flex min-h-dvh">
-        <aside className="hidden w-56 shrink-0 border-r border-border bg-card/40 p-4 md:block">
-          <Link to="/" className="block text-lg font-semibold tracking-tight">
-            {t('app.title')}
-          </Link>
-          <nav className="mt-6 flex flex-col gap-2 text-sm text-muted-foreground">
-            <NavLink
-              to="/"
-              end
-              className={({ isActive }) =>
-                isActive ? 'font-medium text-foreground' : 'hover:text-foreground'
-              }
-            >
-              {t('app.nav_home')}
-            </NavLink>
-            <NavLink
-              to="/agencies"
-              className={({ isActive }) =>
-                isActive ? 'font-medium text-foreground' : 'hover:text-foreground'
-              }
-            >
-              {t('app.nav_agencies')}
-            </NavLink>
-          </nav>
-        </aside>
-        <div className="flex min-w-0 flex-1 flex-col">
-          <header className="border-b border-border bg-card/40 px-4 py-3 backdrop-blur md:hidden">
-            <div className="flex flex-wrap items-center justify-between gap-2">
-              <Link to="/" className="font-semibold">
-                {t('app.title')}
-              </Link>
-              <nav className="flex gap-3 text-sm text-muted-foreground">
-                <NavLink
-                  to="/"
-                  end
-                  className={({ isActive }) => (isActive ? 'text-foreground' : '')}
-                >
-                  {t('app.nav_home')}
-                </NavLink>
-                <NavLink
-                  to="/agencies"
-                  className={({ isActive }) => (isActive ? 'text-foreground' : '')}
-                >
-                  {t('app.nav_agencies')}
-                </NavLink>
-              </nav>
-            </div>
-          </header>
-          <div className="border-b border-border px-4 py-3">
-            <ThemeToolbar />
-          </div>
-          <main className="mx-auto w-full max-w-5xl flex-1 px-4 py-8">
-            <Outlet />
-          </main>
-        </div>
-      </div>
-    </div>
-  )
-}

package/templates/admin-shell/src/pages/AgenciesPage.tsx

@@ -1,83 +0,0 @@
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@quadrokit/ui'
-import { useEffect, useRef, useState } from 'react'
-import { quadro } from '@/lib/quadro-client'
-
-const PAGE_SIZE = 20
-
-export function AgenciesPage() {
-  const [names, setNames] = useState<string[]>([])
-  const [error, setError] = useState<string | null>(null)
-  const loadSeq = useRef(0)
-
-  useEffect(() => {
-    const seq = ++loadSeq.current
-    const ac = new AbortController()
-    let cancelled = false
-    ;(async () => {
-      try {
-        const list = quadro.Agency.all({
-          page: 1,
-          pageSize: PAGE_SIZE,
-          select: ['name'],
-          maxItems: PAGE_SIZE,
-          signal: ac.signal,
-        })
-        const acc: string[] = []
-        for await (const a of list) {
-          if (cancelled || seq !== loadSeq.current) {
-            break
-          }
-          acc.push(a.name ?? '')
-        }
-        if (!cancelled && seq === loadSeq.current) {
-          setNames(acc)
-        }
-      } catch (e) {
-        if (e instanceof Error && e.name === 'AbortError') {
-          return
-        }
-        if (!cancelled && seq === loadSeq.current) {
-          setError(e instanceof Error ? e.message : String(e))
-        }
-      }
-    })()
-    return () => {
-      cancelled = true
-      ac.abort()
-    }
-  }, [])
-
-  return (
-    <div className="space-y-6">
-      <div>
-        <h1 className="text-2xl font-semibold">Agencies</h1>
-        <p className="text-sm text-muted-foreground">
-          Sample list from 4D REST (requires running server + auth cookie).
-        </p>
-      </div>
-      {error && (
-        <Card className="border-destructive/50">
-          <CardHeader>
-            <CardTitle className="text-destructive">Request failed</CardTitle>
-            <CardDescription>{error}</CardDescription>
-          </CardHeader>
-        </Card>
-      )}
-      <Card>
-        <CardHeader>
-          <CardTitle>Names</CardTitle>
-          <CardDescription>
-            {names.length ? `${names.length} loaded` : 'No data yet'}
-          </CardDescription>
-        </CardHeader>
-        <CardContent>
-          <ul className="list-inside list-disc space-y-1 text-sm">
-            {names.map((n) => (
-              <li key={n}>{n || '(empty)'}</li>
-            ))}
-          </ul>
-        </CardContent>
-      </Card>
-    </div>
-  )
-}

package/templates/dashboard/src/components/AppShell.tsx

@@ -1,44 +0,0 @@
-import { ThemeToolbar } from '@quadrokit/ui'
-import { useTranslation } from 'react-i18next'
-import { Link, NavLink, Outlet } from 'react-router-dom'
-
-export function AppShell() {
-  const { t } = useTranslation()
-
-  return (
-    <div className="min-h-dvh bg-background text-foreground">
-      <header className="border-b border-border bg-card/40 backdrop-blur">
-        <div className="mx-auto flex max-w-5xl flex-col gap-3 px-4 py-4 sm:flex-row sm:items-center sm:justify-between">
-          <div className="flex items-center gap-6">
-            <Link to="/" className="text-lg font-semibold tracking-tight">
-              {t('app.title')}
-            </Link>
-            <nav className="flex gap-3 text-sm text-muted-foreground">
-              <NavLink
-                to="/"
-                end
-                className={({ isActive }) =>
-                  isActive ? 'font-medium text-foreground' : 'hover:text-foreground'
-                }
-              >
-                {t('app.nav_home')}
-              </NavLink>
-              <NavLink
-                to="/agencies"
-                className={({ isActive }) =>
-                  isActive ? 'font-medium text-foreground' : 'hover:text-foreground'
-                }
-              >
-                {t('app.nav_agencies')}
-              </NavLink>
-            </nav>
-          </div>
-          <ThemeToolbar />
-        </div>
-      </header>
-      <main className="mx-auto max-w-5xl px-4 py-8">
-        <Outlet />
-      </main>
-    </div>
-  )
-}

package/templates/dashboard/src/pages/AgenciesPage.tsx

@@ -1,83 +0,0 @@
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@quadrokit/ui'
-import { useEffect, useRef, useState } from 'react'
-import { quadro } from '@/lib/quadro-client'
-
-const PAGE_SIZE = 20
-
-export function AgenciesPage() {
-  const [names, setNames] = useState<string[]>([])
-  const [error, setError] = useState<string | null>(null)
-  const loadSeq = useRef(0)
-
-  useEffect(() => {
-    const seq = ++loadSeq.current
-    const ac = new AbortController()
-    let cancelled = false
-    ;(async () => {
-      try {
-        const list = quadro.Agency.all({
-          page: 1,
-          pageSize: PAGE_SIZE,
-          select: ['name'],
-          maxItems: PAGE_SIZE,
-          signal: ac.signal,
-        })
-        const acc: string[] = []
-        for await (const a of list) {
-          if (cancelled || seq !== loadSeq.current) {
-            break
-          }
-          acc.push(a.name ?? '')
-        }
-        if (!cancelled && seq === loadSeq.current) {
-          setNames(acc)
-        }
-      } catch (e) {
-        if (e instanceof Error && e.name === 'AbortError') {
-          return
-        }
-        if (!cancelled && seq === loadSeq.current) {
-          setError(e instanceof Error ? e.message : String(e))
-        }
-      }
-    })()
-    return () => {
-      cancelled = true
-      ac.abort()
-    }
-  }, [])
-
-  return (
-    <div className="space-y-6">
-      <div>
-        <h1 className="text-2xl font-semibold">Agencies</h1>
-        <p className="text-sm text-muted-foreground">
-          Sample list from 4D REST (requires running server + auth cookie).
-        </p>
-      </div>
-      {error && (
-        <Card className="border-destructive/50">
-          <CardHeader>
-            <CardTitle className="text-destructive">Request failed</CardTitle>
-            <CardDescription>{error}</CardDescription>
-          </CardHeader>
-        </Card>
-      )}
-      <Card>
-        <CardHeader>
-          <CardTitle>Names</CardTitle>
-          <CardDescription>
-            {names.length ? `${names.length} loaded` : 'No data yet'}
-          </CardDescription>
-        </CardHeader>
-        <CardContent>
-          <ul className="list-inside list-disc space-y-1 text-sm">
-            {names.map((n) => (
-              <li key={n}>{n || '(empty)'}</li>
-            ))}
-          </ul>
-        </CardContent>
-      </Card>
-    </div>
-  )
-}

package/templates/ecommerce/src/components/AppShell.tsx

@@ -1,44 +0,0 @@
-import { ThemeToolbar } from '@quadrokit/ui'
-import { useTranslation } from 'react-i18next'
-import { Link, NavLink, Outlet } from 'react-router-dom'
-
-export function AppShell() {
-  const { t } = useTranslation()
-
-  return (
-    <div className="min-h-dvh bg-background text-foreground">
-      <header className="border-b border-border bg-card/40 backdrop-blur">
-        <div className="mx-auto flex max-w-5xl flex-col gap-3 px-4 py-4 sm:flex-row sm:items-center sm:justify-between">
-          <div className="flex items-center gap-6">
-            <Link to="/" className="text-lg font-semibold tracking-tight">
-              {t('app.title')}
-            </Link>
-            <nav className="flex gap-3 text-sm text-muted-foreground">
-              <NavLink
-                to="/"
-                end
-                className={({ isActive }) =>
-                  isActive ? 'font-medium text-foreground' : 'hover:text-foreground'
-                }
-              >
-                {t('app.nav_home')}
-              </NavLink>
-              <NavLink
-                to="/agencies"
-                className={({ isActive }) =>
-                  isActive ? 'font-medium text-foreground' : 'hover:text-foreground'
-                }
-              >
-                {t('app.nav_agencies')}
-              </NavLink>
-            </nav>
-          </div>
-          <ThemeToolbar />
-        </div>
-      </header>
-      <main className="mx-auto max-w-5xl px-4 py-8">
-        <Outlet />
-      </main>
-    </div>
-  )
-}

package/templates/ecommerce/src/pages/AgenciesPage.tsx

@@ -1,83 +0,0 @@
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@quadrokit/ui'
-import { useEffect, useRef, useState } from 'react'
-import { quadro } from '@/lib/quadro-client'
-
-const PAGE_SIZE = 20
-
-export function AgenciesPage() {
-  const [names, setNames] = useState<string[]>([])
-  const [error, setError] = useState<string | null>(null)
-  const loadSeq = useRef(0)
-
-  useEffect(() => {
-    const seq = ++loadSeq.current
-    const ac = new AbortController()
-    let cancelled = false
-    ;(async () => {
-      try {
-        const list = quadro.Agency.all({
-          page: 1,
-          pageSize: PAGE_SIZE,
-          select: ['name'],
-          maxItems: PAGE_SIZE,
-          signal: ac.signal,
-        })
-        const acc: string[] = []
-        for await (const a of list) {
-          if (cancelled || seq !== loadSeq.current) {
-            break
-          }
-          acc.push(a.name ?? '')
-        }
-        if (!cancelled && seq === loadSeq.current) {
-          setNames(acc)
-        }
-      } catch (e) {
-        if (e instanceof Error && e.name === 'AbortError') {
-          return
-        }
-        if (!cancelled && seq === loadSeq.current) {
-          setError(e instanceof Error ? e.message : String(e))
-        }
-      }
-    })()
-    return () => {
-      cancelled = true
-      ac.abort()
-    }
-  }, [])
-
-  return (
-    <div className="space-y-6">
-      <div>
-        <h1 className="text-2xl font-semibold">Agencies</h1>
-        <p className="text-sm text-muted-foreground">
-          Sample list from 4D REST (requires running server + auth cookie).
-        </p>
-      </div>
-      {error && (
-        <Card className="border-destructive/50">
-          <CardHeader>
-            <CardTitle className="text-destructive">Request failed</CardTitle>
-            <CardDescription>{error}</CardDescription>
-          </CardHeader>
-        </Card>
-      )}
-      <Card>
-        <CardHeader>
-          <CardTitle>Names</CardTitle>
-          <CardDescription>
-            {names.length ? `${names.length} loaded` : 'No data yet'}
-          </CardDescription>
-        </CardHeader>
-        <CardContent>
-          <ul className="list-inside list-disc space-y-1 text-sm">
-            {names.map((n) => (
-              <li key={n}>{n || '(empty)'}</li>
-            ))}
-          </ul>
-        </CardContent>
-      </Card>
-    </div>
-  )
-}

package/templates/website/src/components/AppShell.tsx

@@ -1,44 +0,0 @@
-import { ThemeToolbar } from '@quadrokit/ui'
-import { useTranslation } from 'react-i18next'
-import { Link, NavLink, Outlet } from 'react-router-dom'
-
-export function AppShell() {
-  const { t } = useTranslation()
-
-  return (
-    <div className="min-h-dvh bg-background text-foreground">
-      <header className="border-b border-border bg-card/40 backdrop-blur">
-        <div className="mx-auto flex max-w-5xl flex-col gap-3 px-4 py-4 sm:flex-row sm:items-center sm:justify-between">
-          <div className="flex items-center gap-6">
-            <Link to="/" className="text-lg font-semibold tracking-tight">
-              {t('app.title')}
-            </Link>
-            <nav className="flex gap-3 text-sm text-muted-foreground">
-              <NavLink
-                to="/"
-                end
-                className={({ isActive }) =>
-                  isActive ? 'font-medium text-foreground' : 'hover:text-foreground'
-                }
-              >
-                {t('app.nav_home')}
-              </NavLink>
-              <NavLink
-                to="/agencies"
-                className={({ isActive }) =>
-                  isActive ? 'font-medium text-foreground' : 'hover:text-foreground'
-                }
-              >
-                {t('app.nav_agencies')}
-              </NavLink>
-            </nav>
-          </div>
-          <ThemeToolbar />
-        </div>
-      </header>
-      <main className="mx-auto max-w-5xl px-4 py-8">
-        <Outlet />
-      </main>
-    </div>
-  )
-}

package/templates/website/src/pages/AgenciesPage.tsx

@@ -1,83 +0,0 @@
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@quadrokit/ui'
-import { useEffect, useRef, useState } from 'react'
-import { quadro } from '@/lib/quadro-client'
-
-const PAGE_SIZE = 20
-
-export function AgenciesPage() {
-  const [names, setNames] = useState<string[]>([])
-  const [error, setError] = useState<string | null>(null)
-  const loadSeq = useRef(0)
-
-  useEffect(() => {
-    const seq = ++loadSeq.current
-    const ac = new AbortController()
-    let cancelled = false
-    ;(async () => {
-      try {
-        const list = quadro.Agency.all({
-          page: 1,
-          pageSize: PAGE_SIZE,
-          select: ['name'],
-          maxItems: PAGE_SIZE,
-          signal: ac.signal,
-        })
-        const acc: string[] = []
-        for await (const a of list) {
-          if (cancelled || seq !== loadSeq.current) {
-            break
-          }
-          acc.push(a.name ?? '')
-        }
-        if (!cancelled && seq === loadSeq.current) {
-          setNames(acc)
-        }
-      } catch (e) {
-        if (e instanceof Error && e.name === 'AbortError') {
-          return
-        }
-        if (!cancelled && seq === loadSeq.current) {
-          setError(e instanceof Error ? e.message : String(e))
-        }
-      }
-    })()
-    return () => {
-      cancelled = true
-      ac.abort()
-    }
-  }, [])
-
-  return (
-    <div className="space-y-6">
-      <div>
-        <h1 className="text-2xl font-semibold">Agencies</h1>
-        <p className="text-sm text-muted-foreground">
-          Sample list from 4D REST (requires running server + auth cookie).
-        </p>
-      </div>
-      {error && (
-        <Card className="border-destructive/50">
-          <CardHeader>
-            <CardTitle className="text-destructive">Request failed</CardTitle>
-            <CardDescription>{error}</CardDescription>
-          </CardHeader>
-        </Card>
-      )}
-      <Card>
-        <CardHeader>
-          <CardTitle>Names</CardTitle>
-          <CardDescription>
-            {names.length ? `${names.length} loaded` : 'No data yet'}
-          </CardDescription>
-        </CardHeader>
-        <CardContent>
-          <ul className="list-inside list-disc space-y-1 text-sm">
-            {names.map((n) => (
-              <li key={n}>{n || '(empty)'}</li>
-            ))}
-          </ul>
-        </CardContent>
-      </Card>
-    </div>
-  )
-}