@dyrected/admin 2.4.0 → 2.4.1

package/src/pages/dashboard/dashboard.tsx

@@ -1,150 +0,0 @@
-import { Database, Globe, ImageIcon, ArrowRight } from "lucide-react";
-import { Link } from "react-router-dom";
-import { useQuery, useQueries } from "@tanstack/react-query";
-import { useDyrected } from "../../providers/dyrected-provider";
-import { Button } from "../../components/ui/button";
-
-export function Dashboard() {
-  const { client } = useDyrected();
-
-  const { data: schemas, isLoading: isLoadingSchemas } = useQuery({
-    queryKey: ["schemas"],
-    queryFn: () => client!.getSchemas(),
-    enabled: !!client,
-  });
-
-  const collections = (schemas?.collections || []).filter((c: any) => !c.admin?.hidden && !c.slug.startsWith('platform_'));
-  const globals = (schemas?.globals || []).filter((g: any) => !g.admin?.hidden && !g.slug.startsWith('platform_'));
-
-  const collectionCounts = useQueries({
-    queries: collections.map((col: any) => ({
-      queryKey: ["collection-count", col.slug],
-      queryFn: () => client!.find(col.slug, { limit: 1 }),
-      enabled: !!client && !!col.slug,
-    })),
-  });
-
-  if (isLoadingSchemas) {
-    return (
-      <div className="dy-flex dy-items-center dy-justify-center dy-h-64">
-        <div className="dy-animate-spin dy-rounded-full dy-h-8 dy-w-8 dy-border-b-2 dy-border-primary"></div>
-      </div>
-    );
-  }
-
-  // No schema yet — route to /setup
-  if (collections.length === 0 && globals.length === 0) {
-    return (
-      <div className="dy-flex dy-items-center dy-justify-center dy-h-64">
-        <div className="dy-text-center dy-space-y-4">
-          <p className="dy-text-muted-foreground">No collections configured yet.</p>
-          <Button asChild>
-            <Link to="/setup">View Integration Guide</Link>
-          </Button>
-        </div>
-      </div>
-    );
-  }
-
-  return (
-    <div className="dy-space-y-8 dy-animate-in dy-fade-in dy-duration-500">
-      <div>
-        <h2 className="dy-text-2xl dy-font-semibold dy-tracking-tight">Overview</h2>
-        <p className="dy-text-muted-foreground">Monitor and manage your site's content and structure.</p>
-      </div>
-
-      <div className="dy-grid dy-gap-6 md:dy-grid-cols-2 lg:dy-grid-cols-3">
-        <div className="dy-p-1 dy-space-y-2 dy-group dy-border dy-border-card">
-          <div className="dy-flex dy-items-center dy-gap-3">
-            <div className="dy-rounded-md dy-bg-primary/5 dy-p-1.5 dy-text-primary/60 dy-group-hover:dy-bg-primary/10 dy-group-hover:dy-text-primary dy-transition-colors">
-              <Database className="dy-h-4 dy-w-4" />
-            </div>
-            <h3 className="dy-text-[10px] dy-font-bold dy-text-muted-foreground/40 dy-uppercase dy-tracking-widest">Collections</h3>
-          </div>
-          <p className="dy-text-3xl dy-font-bold dy-tracking-tight">{collections.length}</p>
-        </div>
-
-        <div className="dy-p-1 dy-space-y-2 dy-group dy-border dy-border-card">
-          <div className="dy-flex dy-items-center dy-gap-3">
-            <div className="dy-rounded-md dy-bg-secondary/5 dy-p-1.5 dy-text-muted-foreground/60 dy-group-hover:dy-bg-accent dy-group-hover:dy-text-foreground dy-transition-colors">
-              <Globe className="dy-h-4 dy-w-4" />
-            </div>
-            <h3 className="dy-text-[10px] dy-font-bold dy-text-muted-foreground/40 dy-uppercase dy-tracking-widest">Global Configs</h3>
-          </div>
-          <p className="dy-text-3xl dy-font-bold dy-tracking-tight">{globals.length}</p>
-        </div>
-
-        <div className="dy-p-1 dy-space-y-2 dy-group dy-border dy-border-card">
-          <div className="dy-flex dy-items-center dy-gap-3">
-            <div className="dy-rounded-md dy-bg-accent dy-p-1.5 dy-text-muted-foreground/60 dy-group-hover:dy-bg-accent dy-group-hover:dy-text-foreground dy-transition-colors">
-              <ImageIcon className="dy-h-4 dy-w-4" />
-            </div>
-            <h3 className="dy-text-[10px] dy-font-bold dy-text-muted-foreground/40 dy-uppercase dy-tracking-widest">Media Files</h3>
-          </div>
-          <p className="dy-text-3xl dy-font-bold dy-tracking-tight">-</p>
-        </div>
-      </div>
-
-      <div className="dy-grid dy-gap-8 md:dy-grid-cols-2">
-        <section >
-          <div className="dy-flex dy-items-center dy-justify-between dy-mb-4">
-            <h3 className="dy-text-lg dy-font-semibold dy-flex dy-items-center dy-gap-2">
-              <Database className="dy-h-5 dy-w-5 dy-text-primary" />
-              Collections
-            </h3>
-            {/* <Button variant="ghost" size="sm" asChild className="dy-text-xs">
-              <Link to="/collections">View All</Link>
-            </Button> */}
-          </div>
-          <div className="dy-space-y-1 dy-border dy-border-card">
-            {collections.map((col: any, idx: number) => (
-              <Link
-                key={col.slug}
-                to={`/collections/${col.slug}`}
-                className="dy-group dy-flex dy-items-center dy-justify-between dy-p-3 dy-rounded-md hover:dy-bg-primary/[0.02] dy-transition-colors"
-              >
-                <div>
-                  <p className="dy-font-medium dy-group-hover:dy-text-primary dy-transition-colors">{col.labels?.plural || col.slug}</p>
-                  <p className="dy-text-xs dy-text-muted-foreground dy-uppercase">{col.slug}</p>
-                </div>
-                <div className="dy-flex dy-items-center dy-gap-3">
-                  <div className="dy-text-right dy-mr-4">
-                    <p className="dy-text-sm dy-font-semibold">{collectionCounts[idx]?.data?.total || 0}</p>
-                    <p className="dy-text-[10px] dy-text-muted-foreground dy-uppercase">Entries</p>
-                  </div>
-                  <ArrowRight className="dy-h-4 dy-w-4 dy-text-muted-foreground dy-group-hover:dy-text-primary dy-transition-transform dy-group-hover:dy-translate-x-0.5" />
-                </div>
-              </Link>
-            ))}
-          </div>
-        </section>
-
-        <section>
-          <div className="dy-flex dy-items-center dy-justify-between dy-mb-4">
-            <h3 className="dy-text-lg dy-font-semibold dy-flex dy-items-center dy-gap-2">
-              <Globe className="dy-h-5 dy-w-5 dy-text-secondary-foreground" />
-              Global Settings
-            </h3>
-          </div>
-          <div className="dy-space-y-1 dy-border dy-border-card">
-            {globals.map((glb: any) => (
-              <Link
-                key={glb.slug}
-                to={`/globals/${glb.slug}`}
-                className="dy-group dy-flex dy-items-center dy-justify-between dy-p-3 dy-rounded-md hover:dy-bg-primary/[0.02] dy-transition-colors"
-              >
-                <div>
-                  <p className="dy-font-medium dy-group-hover:dy-text-secondary-foreground dy-transition-colors">{glb.label || glb.slug}</p>
-                  <p className="dy-text-xs dy-text-muted-foreground dy-uppercase">{glb.slug}</p>
-                </div>
-                <div className="dy-bg-secondary/10 dy-px-2 dy-py-1 dy-rounded dy-text-[10px] dy-font-bold dy-text-secondary-foreground dy-uppercase">
-                  Global
-                </div>
-              </Link>
-            ))}
-          </div>
-        </section>
-      </div>
-    </div>
-  );
-}

package/src/pages/globals/editor-page.tsx

@@ -1,122 +0,0 @@
-import { useQuery, useMutation, useQueryClient } from "@tanstack/react-query"
-import { toast } from "sonner"
-import { useDyrected } from "../../providers/dyrected-provider"
-import { FormEngine } from "../../components/forms/form-engine"
-import { useParams } from "react-router-dom"
-import { Globe, Save } from "lucide-react"
-import { useState, useEffect } from "react"
-import { Button } from "../../components/ui/button"
-
-export function GlobalEditorPage() {
-  const { slug } = useParams()
-  const { client } = useDyrected()
-  const queryClient = useQueryClient()
-  const [isDirty, setIsDirty] = useState(false)
-
-  useEffect(() => {
-    const handleBeforeUnload = (e: BeforeUnloadEvent) => {
-      if (isDirty) {
-        e.preventDefault()
-        e.returnValue = ""
-      }
-    }
-    window.addEventListener("beforeunload", handleBeforeUnload)
-    return () => window.removeEventListener("beforeunload", handleBeforeUnload)
-  }, [isDirty])
-
-  // Fetch schema
-  const { data: schemas } = useQuery({
-    queryKey: ["schemas"],
-    queryFn: () => client!.getSchemas(),
-    enabled: !!client,
-  })
-
-  const schema = schemas?.globals.find((g: any) => g.slug === slug)
-
-  // Fetch global data
-  const { data: globalData, isLoading: isGlobalLoading } = useQuery({
-    queryKey: ["global", slug],
-    queryFn: () => client!.getGlobal(slug!),
-    enabled: !!client && !!slug,
-  })
-
-  // Cmd+S to save
-  useEffect(() => {
-    const handleSave = (e: KeyboardEvent) => {
-      if ((e.metaKey || e.ctrlKey) && e.key === "s") {
-        e.preventDefault()
-        document.getElementById('dyrected-form-submit')?.click()
-      }
-    }
-    window.addEventListener("keydown", handleSave)
-    return () => window.removeEventListener("keydown", handleSave)
-  }, [])
-
-  const saveMutation = useMutation({
-    mutationFn: (data: any) => {
-      return client!.updateGlobal(slug!, data)
-    },
-    onSuccess: () => {
-      setIsDirty(false)
-      queryClient.invalidateQueries({ queryKey: ["global", slug] })
-      toast.success(`${schema.label || schema.slug} updated successfully`)
-    },
-    onError: (error: any) => {
-      toast.error("Failed to update settings", {
-        description: error.message
-      })
-    }
-  })
-
-  if (!schema) return <div>Global schema not found for: {slug}</div>
-  if (isGlobalLoading) return <div>Loading global settings...</div>
-
-  return (
-    <div className="dy-space-y-8 dy-max-w-5xl dy-mx-auto">
-      <div className="dy-flex dy-items-center dy-justify-between dy-gap-4 dy-border-b dy-border-border/50 dy-pb-6">
-        <div className="dy-flex dy-items-center dy-gap-4">
-          <div className="dy-p-2 dy-bg-primary/10 dy-text-primary dy-rounded-lg dy-shrink-0">
-            <Globe className="dy-h-5 dy-w-5" />
-          </div>
-          <div>
-            <h1 className="dy-text-lg dy-font-serif dy-font-bold dy-tracking-tight dy-text-foreground dy-truncate">
-              {schema.label || schema.slug}
-            </h1>
-            <p className="dy-text-[10px] dy-font-bold dy-uppercase dy-tracking-widest dy-text-muted-foreground/40 dy-leading-none dy-mt-1">
-              Global Configuration
-            </p>
-          </div>
-        </div>
-
-        <div className="dy-flex dy-items-center dy-gap-2">
-          <Button
-            size="icon"
-            className="dy-h-9 dy-w-9 dy-rounded-lg dy-shadow-sm"
-            onClick={() => document.getElementById('dyrected-form-submit')?.click()}
-            disabled={saveMutation.isPending}
-            title="Save Changes (⌘S)"
-          >
-            {saveMutation.isPending ? (
-              <div className="dy-h-4 dy-w-4 dy-animate-spin dy-border-2 dy-border-current dy-border-t-transparent dy-rounded-full" />
-            ) : (
-              <Save className="dy-h-4 dy-w-4" />
-            )}
-          </Button>
-        </div>
-      </div>
-
-      <div className="dy-animate-in dy-space-y-8 dy-pb-20">
-        <FormEngine
-          collection={slug!}
-          fields={schema.fields}
-          defaultValues={globalData || {}}
-          onSubmit={(data) => saveMutation.mutate(data)}
-          isLoading={saveMutation.isPending}
-          onChange={(dirty) => setIsDirty(dirty)}
-          submitLabel="Save Changes"
-        />
-        <button id="dyrected-form-submit" type="submit" className="dy-hidden" />
-      </div>
-    </div>
-  )
-}