@fydemy/cms 1.0.2 → 1.0.4

package/dist/components/ui/card.tsx

@@ -0,0 +1,86 @@
+import * as React from "react";
+
+import { cn } from "@/lib/utils";
+
+const Card = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement>
+>(({ className, ...props }, ref) => (
+  <div
+    ref={ref}
+    className={cn(
+      "rounded-lg border bg-card text-card-foreground shadow-sm",
+      className
+    )}
+    {...props}
+  />
+));
+Card.displayName = "Card";
+
+const CardHeader = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement>
+>(({ className, ...props }, ref) => (
+  <div
+    ref={ref}
+    className={cn("flex flex-col space-y-1.5 p-6", className)}
+    {...props}
+  />
+));
+CardHeader.displayName = "CardHeader";
+
+const CardTitle = React.forwardRef<
+  HTMLParagraphElement,
+  React.HTMLAttributes<HTMLHeadingElement>
+>(({ className, ...props }, ref) => (
+  <h3
+    ref={ref}
+    className={cn(
+      "text-2xl font-semibold leading-none tracking-tight",
+      className
+    )}
+    {...props}
+  />
+));
+CardTitle.displayName = "CardTitle";
+
+const CardDescription = React.forwardRef<
+  HTMLParagraphElement,
+  React.HTMLAttributes<HTMLParagraphElement>
+>(({ className, ...props }, ref) => (
+  <p
+    ref={ref}
+    className={cn("text-sm text-muted-foreground", className)}
+    {...props}
+  />
+));
+CardDescription.displayName = "CardDescription";
+
+const CardContent = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement>
+>(({ className, ...props }, ref) => (
+  <div ref={ref} className={cn("p-6 pt-0", className)} {...props} />
+));
+CardContent.displayName = "CardContent";
+
+const CardFooter = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement>
+>(({ className, ...props }, ref) => (
+  <div
+    ref={ref}
+    className={cn("flex items-center p-6 pt-0", className)}
+    {...props}
+  />
+));
+CardFooter.displayName = "CardFooter";
+
+export {
+  Card,
+  CardHeader,
+  CardFooter,
+  CardTitle,
+  CardDescription,
+  CardContent,
+};

package/dist/components/ui/input.tsx

@@ -0,0 +1,25 @@
+import * as React from "react";
+
+import { cn } from "@/lib/utils";
+
+export interface InputProps
+  extends React.InputHTMLAttributes<HTMLInputElement> {}
+
+const Input = React.forwardRef<HTMLInputElement, InputProps>(
+  ({ className, type, ...props }, ref) => {
+    return (
+      <input
+        type={type}
+        className={cn(
+          "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+          className
+        )}
+        ref={ref}
+        {...props}
+      />
+    );
+  }
+);
+Input.displayName = "Input";
+
+export { Input };

package/dist/components/ui/label.tsx

@@ -0,0 +1,24 @@
+import * as React from "react";
+import * as LabelPrimitive from "@radix-ui/react-label";
+import { cva, type VariantProps } from "class-variance-authority";
+
+import { cn } from "@/lib/utils";
+
+const labelVariants = cva(
+  "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
+);
+
+const Label = React.forwardRef<
+  React.ElementRef<typeof LabelPrimitive.Root>,
+  React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> &
+    VariantProps<typeof labelVariants>
+>(({ className, ...props }, ref) => (
+  <LabelPrimitive.Root
+    ref={ref}
+    className={cn(labelVariants(), className)}
+    {...props}
+  />
+));
+Label.displayName = LabelPrimitive.Root.displayName;
+
+export { Label };

package/dist/components/ui/textarea.tsx

@@ -0,0 +1,24 @@
+import * as React from "react";
+
+import { cn } from "@/lib/utils";
+
+export interface TextareaProps
+  extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {}
+
+const Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(
+  ({ className, ...props }, ref) => {
+    return (
+      <textarea
+        className={cn(
+          "flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+          className
+        )}
+        ref={ref}
+        {...props}
+      />
+    );
+  }
+);
+Textarea.displayName = "Textarea";
+
+export { Textarea };

package/dist/components.json

@@ -0,0 +1,16 @@
+{
+  "$schema": "https://ui.shadcn.com/schema.json",
+  "style": "default",
+  "rsc": true,
+  "tsx": true,
+  "tailwind": {
+    "config": "tailwind.config.ts",
+    "css": "app/globals.css",
+    "baseColor": "slate",
+    "cssVariables": true
+  },
+  "aliases": {
+    "components": "@/components",
+    "utils": "@/lib/utils"
+  }
+}

package/dist/index.js

@@ -1902,6 +1902,9 @@ function createAuthMiddleware(options = {}) {
 // src/init/setup.ts
 var import_promises2 = __toESM(require("fs/promises"));
 var import_path3 = __toESM(require("path"));
+var import_child_process = require("child_process");
+var import_util = require("util");
+var execAsync = (0, import_util.promisify)(import_child_process.exec);
 async function initCMS(config = {}) {
   const contentDir = config.contentDir || "public/content";
   const fullPath = import_path3.default.join(process.cwd(), contentDir);
@@ -1915,6 +1918,48 @@ async function initCMS(config = {}) {
     return;
   }
   console.log("\u{1F680} Initializing @fydemy/cms...");
+  console.log("\u{1F4E6} Checking dependencies...");
+  try {
+    const packageJsonPath = import_path3.default.join(process.cwd(), "package.json");
+    const packageJson = JSON.parse(await import_promises2.default.readFile(packageJsonPath, "utf-8"));
+    const dependencies = {
+      ...packageJson.dependencies,
+      ...packageJson.devDependencies
+    };
+    const missingDeps = [];
+    if (!dependencies["@fydemy/cms"]) missingDeps.push("@fydemy/cms");
+    if (!dependencies["tailwindcss"]) missingDeps.push("tailwindcss");
+    if (!dependencies["class-variance-authority"])
+      missingDeps.push("class-variance-authority");
+    if (!dependencies["clsx"]) missingDeps.push("clsx");
+    if (!dependencies["tailwind-merge"]) missingDeps.push("tailwind-merge");
+    if (!dependencies["@radix-ui/react-slot"])
+      missingDeps.push("@radix-ui/react-slot");
+    if (!dependencies["@radix-ui/react-label"])
+      missingDeps.push("@radix-ui/react-label");
+    if (missingDeps.length > 0) {
+      console.log(
+        `\u{1F527} Installing missing dependencies: ${missingDeps.join(", ")}...`
+      );
+      let installCmd = "npm install";
+      try {
+        await import_promises2.default.access("pnpm-lock.yaml");
+        installCmd = "pnpm add";
+      } catch {
+        try {
+          await import_promises2.default.access("yarn.lock");
+          installCmd = "yarn add";
+        } catch {
+        }
+      }
+      await execAsync(`${installCmd} ${missingDeps.join(" ")}`);
+      console.log("\u2705 Dependencies installed");
+    }
+  } catch (error) {
+    console.warn(
+      "\u26A0\uFE0F Could not check/install dependencies automatically. Please ensure all dependencies are installed."
+    );
+  }
   await import_promises2.default.mkdir(fullPath, { recursive: true });
   const exampleContent = `---
 title: Example Post
@@ -1940,23 +1985,55 @@ This is an example markdown file. You can edit or delete it from the admin dashb
   const adminDir = import_path3.default.join(appDir, "admin");
   const loginDir = import_path3.default.join(adminDir, "login");
   await import_promises2.default.mkdir(loginDir, { recursive: true });
-  await import_promises2.default.writeFile(
-    import_path3.default.join(adminDir, "page.tsx"),
-    `import { AdminDashboard } from '@fydemy/cms';
-
-export default AdminDashboard;
-`,
+  const loginTemplate = await import_promises2.default.readFile(
+    import_path3.default.join(__dirname, "login.template.tsx"),
+    "utf-8"
+  );
+  const adminTemplate = await import_promises2.default.readFile(
+    import_path3.default.join(__dirname, "admin.template.tsx"),
+    "utf-8"
+  );
+  await import_promises2.default.writeFile(import_path3.default.join(adminDir, "page.tsx"), adminTemplate, "utf-8");
+  await import_promises2.default.writeFile(import_path3.default.join(loginDir, "page.tsx"), loginTemplate, "utf-8");
+  console.log("\u2705 Scaffolded Admin UI (shadcn/ui components)");
+  const componentsDir = import_path3.default.join(process.cwd(), "components", "ui");
+  const libDir = import_path3.default.join(process.cwd(), "lib");
+  await import_promises2.default.mkdir(componentsDir, { recursive: true });
+  await import_promises2.default.mkdir(libDir, { recursive: true });
+  const utilsTemplate = await import_promises2.default.readFile(
+    import_path3.default.join(__dirname, "lib", "utils.ts"),
+    "utf-8"
+  );
+  await import_promises2.default.writeFile(import_path3.default.join(libDir, "utils.ts"), utilsTemplate, "utf-8");
+  const componentFiles = [
+    "button.tsx",
+    "input.tsx",
+    "card.tsx",
+    "label.tsx",
+    "textarea.tsx",
+    "badge.tsx"
+  ];
+  for (const componentFile of componentFiles) {
+    const componentTemplate = await import_promises2.default.readFile(
+      import_path3.default.join(__dirname, "components", "ui", componentFile),
+      "utf-8"
+    );
+    await import_promises2.default.writeFile(
+      import_path3.default.join(componentsDir, componentFile),
+      componentTemplate,
+      "utf-8"
+    );
+  }
+  const componentsJsonTemplate = await import_promises2.default.readFile(
+    import_path3.default.join(__dirname, "components.json"),
     "utf-8"
   );
   await import_promises2.default.writeFile(
-    import_path3.default.join(loginDir, "page.tsx"),
-    `import { Login } from '@fydemy/cms';
-
-export default Login;
-`,
+    import_path3.default.join(process.cwd(), "components.json"),
+    componentsJsonTemplate,
     "utf-8"
   );
-  console.log("\u2705 Created Admin UI pages");
+  console.log("\u2705 Scaffolded shadcn/ui components");
   const apiCmsDir = import_path3.default.join(appDir, "api", "cms");
   await import_promises2.default.mkdir(import_path3.default.join(apiCmsDir, "login"), { recursive: true });
   await import_promises2.default.writeFile(
@@ -1988,9 +2065,17 @@ export { handleUpload as POST };
   await import_promises2.default.writeFile(
     import_path3.default.join(apiCmsDir, "list", "[[...path]]", "route.ts"),
     `import { createListApiHandlers } from '@fydemy/cms';
+import { NextRequest } from 'next/server';
 
 const handlers = createListApiHandlers();
-export const GET = handlers.GET;
+
+export async function GET(
+  request: NextRequest,
+  context: { params: Promise<{ path?: string[] }> }
+) {
+  const params = await context.params;
+  return handlers.GET(request, { params });
+}
 `,
     "utf-8"
   );
@@ -2000,11 +2085,33 @@ export const GET = handlers.GET;
   await import_promises2.default.writeFile(
     import_path3.default.join(apiCmsDir, "content", "[...path]", "route.ts"),
     `import { createContentApiHandlers } from '@fydemy/cms';
+import { NextRequest } from 'next/server';
 
 const handlers = createContentApiHandlers();
-export const GET = handlers.GET;
-export const POST = handlers.POST;
-export const DELETE = handlers.DELETE;
+
+export async function GET(
+  request: NextRequest,
+  context: { params: Promise<{ path: string[] }> }
+) {
+  const params = await context.params;
+  return handlers.GET(request, { params });
+}
+
+export async function POST(
+  request: NextRequest,
+  context: { params: Promise<{ path: string[] }> }
+) {
+  const params = await context.params;
+  return handlers.POST(request, { params });
+}
+
+export async function DELETE(
+  request: NextRequest,
+  context: { params: Promise<{ path: string[] }> }
+) {
+  const params = await context.params;
+  return handlers.DELETE(request, { params });
+}
 `,
     "utf-8"
   );
@@ -2039,6 +2146,7 @@ export function middleware(request: NextRequest) {
 
 export const config = {
   matcher: ['/admin/:path*'],
+  runtime: 'nodejs',
 };
 `,
       "utf-8"