@techstream/quark-create-app 1.5.3 → 1.7.0

package/templates/ui/package.json

@@ -2,10 +2,10 @@
 	"name": "@myquark/ui",
 	"version": "1.0.0",
 	"type": "module",
-	"exports": {
-		".": "./src/index.js"
-	},
 	"devDependencies": {
-		"react": "^18.0.0"
+		"@types/react": "^19.2.14",
+		"@types/react-dom": "^19.2.3",
+		"react": "19.2.4",
+		"react-dom": "19.2.4"
 	}
 }

package/templates/ui/src/button.test.js

@@ -0,0 +1,23 @@
+import assert from "node:assert";
+import { test } from "node:test";
+import { Button } from "./button.js";
+
+test("Button - component exports correctly", () => {
+	assert(typeof Button === "function", "Button should be a function");
+});
+
+test("Button - component accepts props", () => {
+	// Test that component can be called with props
+	const result = Button({ variant: "primary", className: "custom" });
+	assert.ok(result, "Component should return an element");
+});
+
+test("Button - supports primary variant", () => {
+	const result = Button({ variant: "primary" });
+	assert.ok(result, "Primary variant should be supported");
+});
+
+test("Button - supports secondary variant", () => {
+	const result = Button({ variant: "secondary" });
+	assert.ok(result, "Secondary variant should be supported");
+});

package/templates/ui/src/index.js

@@ -1,3 +1 @@
-export { Button } from "./button.js";
-export { Card } from "./card.js";
-export { Input } from "./input.js";
+export * from "./button.js";

package/templates/base-project/apps/web/src/app/api/posts/[id]/route.js

@@ -1,65 +0,0 @@
-import {
-	UnauthorizedError,
-	validateBody,
-	withCsrfProtection,
-} from "@techstream/quark-core";
-import { post, postUpdateSchema } from "@techstream/quark-db";
-import { NextResponse } from "next/server";
-import { requireAuth } from "@/lib/auth-middleware";
-import { handleError } from "../../error-handler";
-
-export async function GET(_request, { params }) {
-	try {
-		const { id } = await params;
-		const foundPost = await post.findById(id);
-		if (!foundPost) {
-			return NextResponse.json({ message: "Post not found" }, { status: 404 });
-		}
-		return NextResponse.json(foundPost);
-	} catch (error) {
-		return handleError(error);
-	}
-}
-
-export const PATCH = withCsrfProtection(async (request, { params }) => {
-	try {
-		const session = await requireAuth();
-		const { id } = await params;
-
-		const foundPost = await post.findById(id);
-		if (!foundPost) {
-			return NextResponse.json({ message: "Post not found" }, { status: 404 });
-		}
-
-		if (foundPost.authorId !== session.user.id) {
-			throw new UnauthorizedError("You can only edit your own posts");
-		}
-
-		const data = await validateBody(request, postUpdateSchema);
-		const updatedPost = await post.update(id, data);
-		return NextResponse.json(updatedPost);
-	} catch (error) {
-		return handleError(error);
-	}
-});
-
-export const DELETE = withCsrfProtection(async (_request, { params }) => {
-	try {
-		const session = await requireAuth();
-		const { id } = await params;
-
-		const foundPost = await post.findById(id);
-		if (!foundPost) {
-			return NextResponse.json({ message: "Post not found" }, { status: 404 });
-		}
-
-		if (foundPost.authorId !== session.user.id) {
-			throw new UnauthorizedError("You can only delete your own posts");
-		}
-
-		await post.delete(id);
-		return NextResponse.json({ success: true });
-	} catch (error) {
-		return handleError(error);
-	}
-});

package/templates/base-project/apps/web/src/app/api/posts/route.js

@@ -1,95 +0,0 @@
-import {
-	createQueryBuilder,
-	validateBody,
-	withCsrfProtection,
-} from "@techstream/quark-core";
-import { post, postCreateSchema } from "@techstream/quark-db";
-import { NextResponse } from "next/server";
-import { z } from "zod";
-import { requireAuth } from "@/lib/auth-middleware";
-import { handleError } from "../error-handler";
-
-const paginationSchema = z.object({
-	page: z.coerce.number().int().min(1).default(1),
-	limit: z.coerce.number().int().min(1).max(100).default(10),
-});
-
-const querySchema = paginationSchema.extend({
-	search: z.string().optional(),
-	status: z.enum(["draft", "published"]).optional(),
-	authorId: z.string().optional(),
-	sort: z.enum(["createdAt", "updatedAt", "title"]).optional(),
-	order: z.enum(["asc", "desc"]).default("desc"),
-});
-
-export async function GET(request) {
-	try {
-		const { searchParams } = new URL(request.url);
-		const { page, limit, search, status, authorId, sort, order } =
-			querySchema.parse({
-				page: searchParams.get("page") ?? undefined,
-				limit: searchParams.get("limit") ?? undefined,
-				search: searchParams.get("search") ?? undefined,
-				status: searchParams.get("status") ?? undefined,
-				authorId: searchParams.get("authorId") ?? undefined,
-				sort: searchParams.get("sort") ?? undefined,
-				order: searchParams.get("order") ?? undefined,
-			});
-
-		const skip = (page - 1) * limit;
-
-		// Build query with filters, search, and sort
-		const qb = createQueryBuilder({
-			filterableFields: ["published", "authorId"],
-			searchFields: ["title", "content"],
-			sortableFields: ["createdAt", "updatedAt", "title"],
-		});
-
-		// Apply filters
-		if (status === "published") {
-			qb.filter("published", "eq", true);
-		} else if (status === "draft") {
-			qb.filter("published", "eq", false);
-		}
-
-		if (authorId) {
-			qb.filter("authorId", "eq", authorId);
-		}
-
-		// Apply search
-		if (search) {
-			qb.search(search);
-		}
-
-		// Apply sort
-		if (sort) {
-			qb.sort(sort, order);
-		}
-
-		const posts = await post.findAll({
-			skip,
-			take: limit,
-			where: qb.toWhere(),
-			orderBy: qb.toOrderBy(),
-		});
-
-		return NextResponse.json(posts);
-	} catch (error) {
-		return handleError(error);
-	}
-}
-
-export const POST = withCsrfProtection(async (request) => {
-	try {
-		const session = await requireAuth();
-		const data = await validateBody(request, postCreateSchema);
-
-		const newPost = await post.create({
-			...data,
-			authorId: session.user.id,
-		});
-		return NextResponse.json(newPost, { status: 201 });
-	} catch (error) {
-		return handleError(error);
-	}
-});

package/templates/ui/src/card.js

@@ -1,14 +0,0 @@
-import React from "react";
-
-export const Card = ({ className, children, ...props }) => {
-	const baseStyles = "bg-white rounded-lg shadow-md p-4";
-
-	return React.createElement(
-		"div",
-		{
-			className: `${baseStyles} ${className || ""}`,
-			...props,
-		},
-		children,
-	);
-};

package/templates/ui/src/input.js

@@ -1,11 +0,0 @@
-import React from "react";
-
-export const Input = ({ className, ...props }) => {
-	const baseStyles =
-		"px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500";
-
-	return React.createElement("input", {
-		className: `${baseStyles} ${className || ""}`,
-		...props,
-	});
-};