@prenta/admin 1.17.0 → 1.17.1

package/dist/hooks/useContentLock.d.ts

@@ -1,12 +0,0 @@
-interface ContentLock {
-    lockedBy: string | null;
-    lockedAt: Date | null;
-    isLocked: boolean;
-    isLockedByMe: boolean;
-}
-export declare function useContentLock(documentId: string | undefined, userId: string): ContentLock & {
-    acquireLock: () => Promise<boolean>;
-    releaseLock: () => Promise<void>;
-};
-export {};
-//# sourceMappingURL=useContentLock.d.ts.map

package/dist/hooks/useContentLock.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useContentLock.d.ts","sourceRoot":"","sources":["../../src/hooks/useContentLock.ts"],"names":[],"mappings":"AAIA,UAAU,WAAW;IACnB,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAA;IACvB,QAAQ,EAAE,IAAI,GAAG,IAAI,CAAA;IACrB,QAAQ,EAAE,OAAO,CAAA;IACjB,YAAY,EAAE,OAAO,CAAA;CACtB;AAED,wBAAgB,cAAc,CAC5B,UAAU,EAAE,MAAM,GAAG,SAAS,EAC9B,MAAM,EAAE,MAAM,GACb,WAAW,GAAG;IACf,WAAW,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,CAAA;IACnC,WAAW,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAA;CACjC,CAqCA"}

package/dist/hooks/useContentLock.js

@@ -1,38 +0,0 @@
-'use client';
-import { useState, useEffect, useCallback } from 'react';
-export function useContentLock(documentId, userId) {
-    const [lock, setLock] = useState({
-        lockedBy: null,
-        lockedAt: null,
-        isLocked: false,
-        isLockedByMe: false,
-    });
-    const acquireLock = useCallback(async () => {
-        if (!documentId)
-            return false;
-        setLock({
-            lockedBy: userId,
-            lockedAt: new Date(),
-            isLocked: true,
-            isLockedByMe: true,
-        });
-        return true;
-    }, [documentId, userId]);
-    const releaseLock = useCallback(async () => {
-        setLock({
-            lockedBy: null,
-            lockedAt: null,
-            isLocked: false,
-            isLockedByMe: false,
-        });
-    }, []);
-    useEffect(() => {
-        return () => {
-            if (lock.isLockedByMe) {
-                releaseLock();
-            }
-        };
-    }, [lock.isLockedByMe, releaseLock]);
-    return { ...lock, acquireLock, releaseLock };
-}
-//# sourceMappingURL=useContentLock.js.map

package/dist/hooks/useContentLock.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useContentLock.js","sourceRoot":"","sources":["../../src/hooks/useContentLock.ts"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AASxD,MAAM,UAAU,cAAc,CAC5B,UAA8B,EAC9B,MAAc;IAKd,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAc;QAC5C,QAAQ,EAAE,IAAI;QACd,QAAQ,EAAE,IAAI;QACd,QAAQ,EAAE,KAAK;QACf,YAAY,EAAE,KAAK;KACpB,CAAC,CAAA;IAEF,MAAM,WAAW,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE;QACzC,IAAI,CAAC,UAAU;YAAE,OAAO,KAAK,CAAA;QAC7B,OAAO,CAAC;YACN,QAAQ,EAAE,MAAM;YAChB,QAAQ,EAAE,IAAI,IAAI,EAAE;YACpB,QAAQ,EAAE,IAAI;YACd,YAAY,EAAE,IAAI;SACnB,CAAC,CAAA;QACF,OAAO,IAAI,CAAA;IACb,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC,CAAA;IAExB,MAAM,WAAW,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE;QACzC,OAAO,CAAC;YACN,QAAQ,EAAE,IAAI;YACd,QAAQ,EAAE,IAAI;YACd,QAAQ,EAAE,KAAK;YACf,YAAY,EAAE,KAAK;SACpB,CAAC,CAAA;IACJ,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,GAAG,EAAE;YACV,IAAI,IAAI,CAAC,YAAY,EAAE,CAAC;gBACtB,WAAW,EAAE,CAAA;YACf,CAAC;QACH,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,IAAI,CAAC,YAAY,EAAE,WAAW,CAAC,CAAC,CAAA;IAEpC,OAAO,EAAE,GAAG,IAAI,EAAE,WAAW,EAAE,WAAW,EAAE,CAAA;AAC9C,CAAC"}

package/dist/hooks/useDebounce.d.ts

@@ -1,2 +0,0 @@
-export declare function useDebounce<T>(value: T, delayMs: number): T;
-//# sourceMappingURL=useDebounce.d.ts.map

package/dist/hooks/useDebounce.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useDebounce.d.ts","sourceRoot":"","sources":["../../src/hooks/useDebounce.ts"],"names":[],"mappings":"AAIA,wBAAgB,WAAW,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,OAAO,EAAE,MAAM,GAAG,CAAC,CAS3D"}

package/dist/hooks/useDebounce.js

@@ -1,11 +0,0 @@
-'use client';
-import { useState, useEffect } from 'react';
-export function useDebounce(value, delayMs) {
-    const [debouncedValue, setDebouncedValue] = useState(value);
-    useEffect(() => {
-        const timer = setTimeout(() => setDebouncedValue(value), delayMs);
-        return () => clearTimeout(timer);
-    }, [value, delayMs]);
-    return debouncedValue;
-}
-//# sourceMappingURL=useDebounce.js.map

package/dist/hooks/useDebounce.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useDebounce.js","sourceRoot":"","sources":["../../src/hooks/useDebounce.ts"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAE3C,MAAM,UAAU,WAAW,CAAI,KAAQ,EAAE,OAAe;IACtD,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAE3D,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,KAAK,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,CAAA;QACjE,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,CAAA;IAClC,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,CAAA;IAEpB,OAAO,cAAc,CAAA;AACvB,CAAC"}

package/src/components/ContentOverviewChart.tsx

@@ -1,75 +0,0 @@
-'use client'
-
-import { PieChart, Pie, Cell, ResponsiveContainer } from 'recharts'
-
-interface ContentOverviewChartProps {
-  published: number
-  drafts: number
-  scheduled: number
-}
-
-const COLORS = ['#22c55e', '#f59e0b', '#a855f7']
-
-export function ContentOverviewChart({ published, drafts, scheduled }: ContentOverviewChartProps) {
-  const total = published + drafts + scheduled
-  const data = [
-    { name: 'Published', value: published },
-    { name: 'Drafts', value: drafts },
-    { name: 'Scheduled', value: scheduled },
-  ]
-
-  if (total === 0) {
-    return (
-      <div className="text-muted-foreground flex h-full items-center justify-center text-sm">
-        No content yet
-      </div>
-    )
-  }
-
-  return (
-    <div className="flex items-center gap-6">
-      <div className="h-36 w-36 shrink-0">
-        <ResponsiveContainer width="100%" height="100%">
-          <PieChart>
-            <Pie
-              data={data}
-              cx="50%"
-              cy="50%"
-              innerRadius={38}
-              outerRadius={65}
-              dataKey="value"
-              strokeWidth={2}
-              stroke="#fff"
-            >
-              {data.map((_, idx) => (
-                <Cell key={idx} fill={COLORS[idx]} />
-              ))}
-            </Pie>
-          </PieChart>
-        </ResponsiveContainer>
-      </div>
-      <div className="space-y-3">
-        {data.map((entry, idx) => {
-          const pct = total > 0 ? Math.round((entry.value / total) * 100) : 0
-          return (
-            <div key={entry.name} className="flex items-center gap-3">
-              <span
-                className="h-2.5 w-2.5 shrink-0 rounded-full"
-                style={{ backgroundColor: COLORS[idx] }}
-              />
-              <div className="min-w-0">
-                <span className="text-foreground text-sm">{entry.name}</span>
-                <div className="flex items-baseline gap-2">
-                  <span className="text-foreground text-lg font-medium">
-                    {entry.value.toLocaleString()}
-                  </span>
-                  <span className="text-muted-foreground text-xs">{pct}%</span>
-                </div>
-              </div>
-            </div>
-          )
-        })}
-      </div>
-    </div>
-  )
-}

package/src/components/SEOPerformance.tsx

@@ -1,163 +0,0 @@
-'use client'
-
-import {
-  Search,
-  AlertTriangle,
-  FileWarning,
-  ImageOff,
-  LinkIcon,
-  ChevronLeft,
-  ChevronRight,
-} from 'lucide-react'
-import { useState } from 'react'
-import { gradeFromScore, gradeMeta } from './seo/primitives.js'
-import { useApiData } from '../lib/useApiData.js'
-
-interface SEOSummary {
-  totalPages: number
-  issuesSummary: {
-    missingMetaDescriptions: number
-    brokenInternalLinks: number
-    missingAltText: number
-  }
-  topContent: { id: string; title: string; collection: string; score: number }[]
-}
-
-/**
- * The bands and their colours both come from the SEO primitives — this used to
- * restate 80/60 twice on adjacent lines, and `gradeMeta` already returns
- * exactly the token classes it was hand-writing.
- */
-function ScoreBadge({ score }: { score: number }) {
-  const { text: color, bg } = gradeMeta(gradeFromScore(score))
-  return (
-    <span
-      className={`inline-flex h-9 w-9 items-center justify-center rounded-full text-sm font-medium ${color} ${bg}`}
-    >
-      {score}
-    </span>
-  )
-}
-
-export interface SEOPerformanceProps {
-  onNavigate?: (path: string) => void
-}
-
-export function SEOPerformance({ onNavigate }: SEOPerformanceProps) {
-  const { data, loading, error } = useApiData<SEOSummary>('/seo/summary')
-  const [page, setPage] = useState(0)
-  const perPage = 5
-
-  if (loading || error || !data) return null
-
-  const issues = data.issuesSummary
-  const totalIssues =
-    issues.missingMetaDescriptions + issues.brokenInternalLinks + issues.missingAltText
-  const topContent = data.topContent ?? []
-  const totalPages = Math.max(1, Math.ceil(topContent.length / perPage))
-  const visible = topContent.slice(page * perPage, (page + 1) * perPage)
-
-  return (
-    <div className="border-border bg-card rounded-lg border">
-      <div className="border-border flex items-center justify-between border-b p-4">
-        <div className="flex items-center gap-2">
-          <Search className="text-muted-foreground h-4 w-4" />
-          <h2 className="text-foreground text-sm font-medium">SEO Performance</h2>
-        </div>
-        {totalIssues > 0 && (
-          <span className="text-muted-foreground text-xs">
-            {totalIssues} issue{totalIssues !== 1 ? 's' : ''} found
-          </span>
-        )}
-      </div>
-
-      <div className="divide-border grid grid-cols-1 divide-y lg:grid-cols-12 lg:divide-x lg:divide-y-0">
-        <div className="p-4 lg:col-span-7">
-          <h3 className="text-foreground mb-3 text-sm font-medium">Top Performing Content</h3>
-          <div className="space-y-2">
-            {visible.map((item) => (
-              <div key={item.id} className="flex items-center justify-between py-2">
-                <div className="mr-3 min-w-0 flex-1">
-                  <p className="text-foreground truncate text-sm font-medium">{item.title}</p>
-                  <p className="text-muted-foreground text-xs capitalize">{item.collection}</p>
-                </div>
-                <ScoreBadge score={item.score} />
-              </div>
-            ))}
-            {visible.length === 0 && (
-              <p className="text-muted-foreground py-4 text-center text-sm">
-                No published content yet
-              </p>
-            )}
-          </div>
-          {topContent.length > perPage && (
-            <div className="text-muted-foreground mt-3 flex items-center justify-between border-t border-gray-100 pt-3 text-xs">
-              <span>
-                Showing {page * perPage + 1}-{Math.min((page + 1) * perPage, topContent.length)} of{' '}
-                {topContent.length}
-              </span>
-              <div className="flex items-center gap-1">
-                <button
-                  onClick={() => setPage(Math.max(0, page - 1))}
-                  disabled={page === 0}
-                  className="hover:bg-accent rounded p-1 disabled:opacity-30"
-                >
-                  <ChevronLeft className="h-3.5 w-3.5" />
-                </button>
-                <span>
-                  Page {page + 1} of {totalPages}
-                </span>
-                <button
-                  onClick={() => setPage(Math.min(totalPages - 1, page + 1))}
-                  disabled={page >= totalPages - 1}
-                  className="hover:bg-accent rounded p-1 disabled:opacity-30"
-                >
-                  <ChevronRight className="h-3.5 w-3.5" />
-                </button>
-              </div>
-            </div>
-          )}
-        </div>
-
-        <div className="p-4 lg:col-span-5">
-          <h3 className="text-foreground mb-3 text-sm font-medium">SEO Issues</h3>
-          <div className="space-y-3">
-            <div className="flex items-center justify-between">
-              <div className="flex items-center gap-2">
-                <FileWarning className="h-4 w-4 text-red-400" />
-                <span className="text-foreground text-sm">Missing meta descriptions</span>
-              </div>
-              <span className="text-foreground text-sm font-medium">
-                {issues.missingMetaDescriptions}
-              </span>
-            </div>
-            <div className="flex items-center justify-between">
-              <div className="flex items-center gap-2">
-                <LinkIcon className="h-4 w-4 text-red-400" />
-                <span className="text-foreground text-sm">Broken internal links</span>
-              </div>
-              <span className="text-foreground text-sm font-medium">
-                {issues.brokenInternalLinks}
-              </span>
-            </div>
-            <div className="flex items-center justify-between">
-              <div className="flex items-center gap-2">
-                <ImageOff className="h-4 w-4 text-red-400" />
-                <span className="text-foreground text-sm">Missing alt text</span>
-              </div>
-              <span className="text-foreground text-sm font-medium">{issues.missingAltText}</span>
-            </div>
-          </div>
-          {totalIssues > 0 && (
-            <button
-              onClick={() => onNavigate?.('/seo')}
-              className="text-primary hover:text-primary/80 mt-4 text-sm font-medium"
-            >
-              View All Issues
-            </button>
-          )}
-        </div>
-      </div>
-    </div>
-  )
-}

package/src/components/ui/Avatar.tsx

@@ -1,42 +0,0 @@
-type AvatarSize = 'sm' | 'md' | 'lg'
-
-export interface AvatarProps {
-  src?: string | null
-  name?: string
-  size?: AvatarSize
-}
-
-const sizeClasses: Record<AvatarSize, string> = {
-  sm: 'h-6 w-6 text-[10px]',
-  md: 'h-9 w-9 text-xs',
-  lg: 'h-12 w-12 text-sm',
-}
-
-function getInitials(name: string): string {
-  return name
-    .split(' ')
-    .map((part) => part.charAt(0))
-    .join('')
-    .toUpperCase()
-    .slice(0, 2)
-}
-
-export function Avatar({ src, name = '', size = 'md' }: AvatarProps) {
-  if (src) {
-    return (
-      <img
-        src={src}
-        alt={name}
-        className={`inline-block shrink-0 rounded-full object-cover ${sizeClasses[size]}`}
-      />
-    )
-  }
-
-  return (
-    <span
-      className={`inline-flex shrink-0 items-center justify-center rounded-full bg-[var(--primary)] font-medium text-[var(--primary-foreground)] ${sizeClasses[size]}`}
-    >
-      {getInitials(name) || '?'}
-    </span>
-  )
-}

package/src/components/ui/CommandPalette.tsx

@@ -1,133 +0,0 @@
-'use client'
-
-import { useState, useEffect, useRef } from 'react'
-
-interface CommandItem {
-  id: string
-  label: string
-  group: string
-  onSelect: () => void
-}
-
-export interface CommandPaletteProps {
-  open: boolean
-  onClose: () => void
-  items: CommandItem[]
-}
-
-export function CommandPalette({ open, onClose, items }: CommandPaletteProps) {
-  const [query, setQuery] = useState('')
-  const [activeIndex, setActiveIndex] = useState(0)
-  const inputRef = useRef<HTMLInputElement>(null)
-
-  const filtered = items.filter((item) => item.label.toLowerCase().includes(query.toLowerCase()))
-
-  const groups = Array.from(new Set(filtered.map((i) => i.group)))
-
-  useEffect(() => {
-    if (open) {
-      setQuery('')
-      setActiveIndex(0)
-      requestAnimationFrame(() => inputRef.current?.focus())
-    }
-  }, [open])
-
-  useEffect(() => {
-    if (!open) return
-
-    function handleKey(e: KeyboardEvent) {
-      if (e.key === 'Escape') {
-        onClose()
-        return
-      }
-      if (e.key === 'ArrowDown') {
-        e.preventDefault()
-        setActiveIndex((i) => Math.min(i + 1, filtered.length - 1))
-      }
-      if (e.key === 'ArrowUp') {
-        e.preventDefault()
-        setActiveIndex((i) => Math.max(i - 1, 0))
-      }
-      if (e.key === 'Enter' && filtered[activeIndex]) {
-        filtered[activeIndex].onSelect()
-        onClose()
-      }
-    }
-
-    document.addEventListener('keydown', handleKey)
-    return () => document.removeEventListener('keydown', handleKey)
-  }, [open, onClose, filtered, activeIndex])
-
-  if (!open) return null
-
-  let flatIndex = -1
-
-  return (
-    <div className="fixed inset-0 z-[70] flex items-start justify-center pt-[20vh]">
-      <div className="fixed inset-0 bg-black/50" onClick={onClose} role="presentation" />
-      <div className="relative z-10 w-full max-w-lg overflow-hidden rounded-lg border border-[var(--border)] bg-[var(--popover)] shadow-2xl">
-        <div className="flex items-center border-b border-[var(--border)] px-4">
-          <svg
-            className="mr-2 h-4 w-4 text-[var(--muted-foreground)]"
-            fill="none"
-            viewBox="0 0 24 24"
-            stroke="currentColor"
-            strokeWidth={2}
-          >
-            <path
-              strokeLinecap="round"
-              strokeLinejoin="round"
-              d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"
-            />
-          </svg>
-          <input
-            ref={inputRef}
-            type="text"
-            value={query}
-            onChange={(e) => {
-              setQuery(e.target.value)
-              setActiveIndex(0)
-            }}
-            placeholder="Type a command or search..."
-            className="flex-1 bg-transparent py-3 text-sm outline-none"
-          />
-        </div>
-
-        <div className="max-h-72 overflow-y-auto py-2">
-          {groups.map((group) => (
-            <div key={group}>
-              <div className="px-4 py-1.5 text-xs font-medium text-[var(--muted-foreground)]">
-                {group}
-              </div>
-              {filtered
-                .filter((i) => i.group === group)
-                .map((item) => {
-                  flatIndex++
-                  const idx = flatIndex
-                  return (
-                    <button
-                      key={item.id}
-                      onClick={() => {
-                        item.onSelect()
-                        onClose()
-                      }}
-                      className={`flex w-full px-4 py-2 text-sm ${
-                        idx === activeIndex ? 'bg-[var(--accent)]' : ''
-                      }`}
-                    >
-                      {item.label}
-                    </button>
-                  )
-                })}
-            </div>
-          ))}
-          {filtered.length === 0 && (
-            <p className="px-4 py-6 text-center text-sm text-[var(--muted-foreground)]">
-              No results found.
-            </p>
-          )}
-        </div>
-      </div>
-    </div>
-  )
-}