create-cfast 0.1.0 → 0.2.0

package/dist/index.js

@@ -62,6 +62,7 @@ function resolveFeatureDeps(features) {
   }
   if (resolved.auth) {
     resolved.db = true;
+    resolved.ui = true;
   }
   return resolved;
 }
@@ -413,7 +414,7 @@ ${appLine}
 function generateViteConfig(config) {
   const optimizeDeps = [];
   if (config.features.ui && config.uiLibrary === "joy") {
-    optimizeDeps.push(`"@cfast/ui/joy"`);
+    optimizeDeps.push(`"@cfast/joy"`);
   }
   if (config.features.ui) {
     optimizeDeps.push(`"@cfast/actions/client"`);
@@ -469,7 +470,7 @@ function generateRootTsx(config) {
     imports.push(
       `import { createUIPlugin, UIPluginProvider, ConfirmProvider } from "@cfast/ui";`
     );
-    imports.push(`import { ConfirmDialog } from "@cfast/ui/joy";`);
+    imports.push(`import { ConfirmDialog } from "@cfast/joy";`);
     pluginSetup = `
 const plugin = createUIPlugin({
   components: { confirmDialog: ConfirmDialog },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-cfast",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "description": "Scaffold a fully wired Cloudflare Workers + React Router project with cfast",
   "keywords": [
     "cfast",

package/templates/admin/app/routes/admin.tsx

@@ -1,8 +1,10 @@
 import type { LoaderFunctionArgs, ActionFunctionArgs } from "react-router";
-import { useLoaderData } from "react-router";
-import { AdminPanel } from "@cfast/admin/client";
-import { joyAdminComponents } from "@cfast/ui/joy";
+import { createAdminComponent, introspectSchema } from "@cfast/admin";
 import { adminLoader, adminAction } from "~/admin.server";
+import * as schema from "~/db/schema";
+
+const tableMetas = introspectSchema(schema);
+const AdminComponent = createAdminComponent(tableMetas);
 
 export async function loader(args: LoaderFunctionArgs) {
   return adminLoader(args.request);
@@ -12,7 +14,4 @@ export async function action(args: ActionFunctionArgs) {
   return adminAction(args.request);
 }
 
-export default function Admin() {
-  const data = useLoaderData<typeof loader>();
-  return <AdminPanel data={data} components={joyAdminComponents} />;
-}
+export default AdminComponent;

package/templates/auth/app/routes/login.tsx

@@ -1,7 +1,7 @@
 import type { LoaderFunctionArgs } from "react-router";
 import { redirect, useLoaderData } from "react-router";
 import { LoginPage } from "@cfast/auth/client";
-import { joyLoginComponents } from "@cfast/ui/joy";
+import { joyLoginComponents } from "@cfast/joy";
 import { getUser } from "~/auth.helpers.server";
 import { authClient } from "~/auth.client";
 

package/templates/ui/package.json

@@ -1,6 +1,7 @@
 {
   "dependencies": {
     "@cfast/actions": "^0.1.0",
+    "@cfast/joy": "^0.1.0",
     "@cfast/ui": "^0.1.0",
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.0",