@akanjs/cli 0.0.149 → 0.0.150

package/cjs/src/templates/libRoot/lib/user/User.View.js

@@ -0,0 +1,66 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// pkgs/@akanjs/cli/src/templates/libRoot/lib/user/User.View.tsx
+var User_View_exports = {};
+__export(User_View_exports, {
+  default: () => getContent
+});
+module.exports = __toCommonJS(User_View_exports);
+function getContent(scanResult, dict) {
+  return {
+    filename: "User.View.tsx",
+    content: `
+import { clsx } from "@akanjs/client";
+import { usePage } from "@${dict.libName}/client";
+import { Avatar } from "@util/ui";
+import { AiOutlineUser } from "react-icons/ai";
+
+import { cnst } from "../cnst";
+
+interface UserViewProps {
+  className?: string;
+  user: cnst.User;
+}
+
+export const General = ({ className, user }: UserViewProps) => {
+  const { l } = usePage();
+  return (
+    <div className={clsx("flex flex-col gap-4", className)}>
+      <div>
+        <div className="font-bold">Profile</div>
+        <div className="text-base">
+          <Avatar
+            className="flex items-center justify-center w-24 h-24"
+            icon={<AiOutlineUser className="text-4xl" />}
+            src={user.image?.url}
+          />
+        </div>
+      </div>
+      <div>
+        <div className="flex gap-2 items-center">
+          <div className="font-bold">Nickname</div>
+        </div>
+        <p className="text-base">{user.nickname}</p>
+      </div>
+    </div>
+  );
+};
+  `
+  };
+}

package/cjs/src/templates/libRoot/lib/user/User.Zone.js

@@ -0,0 +1,74 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// pkgs/@akanjs/cli/src/templates/libRoot/lib/user/User.Zone.tsx
+var User_Zone_exports = {};
+__export(User_Zone_exports, {
+  default: () => getContent
+});
+module.exports = __toCommonJS(User_Zone_exports);
+function getContent(scanResult, dict) {
+  return {
+    filename: "User.Zone.tsx",
+    content: `
+"use client";
+import { ModelsProps } from "@akanjs/client";
+import { DefaultOf } from "@akanjs/signal";
+import { cnst, st, User } from "@${dict.libName}/client";
+import { Data, Model } from "@shared/ui";
+
+export const Admin = ({ sliceName = "user", init, query }: ModelsProps<cnst.User>) => {
+  return (
+    <Data.ListContainer
+      init={init}
+      query={query}
+      sliceName={sliceName}
+      renderItem={User.Unit.Card}
+      renderDashboard={User.Util.Stat}
+      renderInsight={User.Util.Insight}
+      renderTemplate={User.Template.General}
+      renderTitle={(user: DefaultOf<cnst.User>) => \`\${user.nickname}\`}
+      renderView={(user: cnst.User) => <User.View.General user={user} />}
+      type="list"
+      columns={["nickname", "status", "lastLoginAt", "createdAt"]}
+      actions={(user: cnst.LightUser, idx) => [
+        "remove",
+        "edit",
+        "view",
+        user.status === "active"
+          ? { type: "restrict", render: () => <User.Util.Restrict id={user.id} /> }
+          : { type: "release", render: () => <User.Util.Release id={user.id} /> },
+      ]}
+    />
+  );
+};
+
+export const Self = () => {
+  const self = st.use.self();
+  const userModal = st.use.userModal();
+  return userModal === "edit" ? (
+    <Model.EditModal type="form" sliceName="user" submitOption={{ path: "self" }}>
+      <User.Template.General />
+    </Model.EditModal>
+  ) : (
+    <User.View.General user={self} />
+  );
+};
+  `
+  };
+}

package/cjs/src/templates/libRoot/lib/user/index.js

@@ -0,0 +1,61 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// pkgs/@akanjs/cli/src/templates/libRoot/lib/user/index.tsx
+var user_exports = {};
+__export(user_exports, {
+  default: () => getContent
+});
+module.exports = __toCommonJS(user_exports);
+function getContent(scanResult, dict = {}) {
+  return {
+    filename: "index.tsx",
+    content: `
+import { Signal } from "@util/ui";
+import { AiOutlineUser } from "react-icons/ai";
+
+import * as Template from "./User.Template";
+import * as Unit from "./User.Unit";
+import * as Util from "./User.Util";
+import * as View from "./User.View";
+import * as Zone from "./User.Zone";
+
+export const User = {
+  Menu: {
+    Admin: {
+      key: "user",
+      label: "User",
+      icon: <AiOutlineUser />,
+      render: () => <Zone.Admin />,
+    },
+    Doc: {
+      key: "user",
+      label: "User",
+      icon: <AiOutlineUser />,
+      render: () => <Signal.Doc.Zone refName="user" />,
+    },
+  },
+  Template,
+  Unit,
+  Util,
+  View,
+  Zone,
+};
+    `
+  };
+}

package/cjs/src/templates/module/__Model__.Template.js

@@ -0,0 +1,54 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// pkgs/@akanjs/cli/src/templates/module/__Model__.Template.tsx
+var Model_Template_exports = {};
+__export(Model_Template_exports, {
+  default: () => getContent
+});
+module.exports = __toCommonJS(Model_Template_exports);
+function getContent(scanResult, dict) {
+  return {
+    filename: `${dict.Model}.Template.tsx`,
+    content: `
+"use client";
+import { cnst, st, usePage } from "@${dict.sysName}/client";
+import { Field } from "@shared/ui";
+import { Layout } from "@util/ui";
+
+interface ${dict.Model}EditProps {
+  ${dict.model}Id?: string | null;
+}
+
+export const General = ({ ${dict.model}Id = undefined }: ${dict.Model}EditProps) => {
+  const ${dict.model}Form = st.use.${dict.model}Form();
+  const { l } = usePage();
+  return (
+    <Layout.Template>
+      <Field.Text
+        label={l.field("${dict.model}", "id")}
+        desc={l.desc("${dict.model}", "id")}
+        value={${dict.model}Form.id}
+        onChange={st.do.setIdOn${dict.Model}}
+      />
+    </Layout.Template>
+  );
+};
+`
+  };
+}

package/cjs/src/templates/module/__Model__.Unit.js

@@ -0,0 +1,42 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// pkgs/@akanjs/cli/src/templates/module/__Model__.Unit.tsx
+var Model_Unit_exports = {};
+__export(Model_Unit_exports, {
+  default: () => getContent
+});
+module.exports = __toCommonJS(Model_Unit_exports);
+function getContent(scanResult, dict) {
+  return {
+    filename: `${dict.Model}.Unit.tsx`,
+    content: `
+import { ModelProps } from "@akanjs/client";
+import { cnst, ${dict.Model} } from "@${dict.sysName}/client";
+import { Link } from "@util/ui";
+
+export const Card = ({ ${dict.model}, href }: ModelProps<"${dict.model}", cnst.Light${dict.Model}>) => {
+  return (
+    <Link href={href} className="animate-fadeIn w-full h-36 flex rounded-lg shadow-sm hover:shadow-lg duration-300">
+      <div>{${dict.model}.id}</div>
+    </Link>
+  );
+};
+`
+  };
+}

package/cjs/src/templates/module/__Model__.Util.js

@@ -0,0 +1,70 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// pkgs/@akanjs/cli/src/templates/module/__Model__.Util.tsx
+var Model_Util_exports = {};
+__export(Model_Util_exports, {
+  default: () => getContent
+});
+module.exports = __toCommonJS(Model_Util_exports);
+function getContent(scanResult, dict) {
+  return {
+    filename: `${dict.Model}.Util.tsx`,
+    content: `
+"use client";
+import { ModelDashboardProps, ModelInsightProps } from "@akanjs/client";
+import { getQueryMap } from "@akanjs/constant";
+import { cnst } from "@${dict.sysName}/client";
+import { Data } from "@shared/ui";
+
+export const Stat = ({
+  className,
+  summary,
+  sliceName = "${dict.model}",
+  queryMap = getQueryMap(cnst.${dict.Model}Summary),
+  hidePresents,
+}: ModelDashboardProps<cnst.Summary>) => {
+  return (
+    <Data.Dashboard
+      className={className}
+      summary={summary}
+      sliceName={sliceName}
+      queryMap={queryMap}
+      columns={["total${dict.Model}"]}
+      hidePresents={hidePresents}
+    />
+  );
+};
+
+export const Insight = ({
+  className,
+  insight,
+  sliceName = "${dict.model}",
+}: ModelInsightProps<cnst.${dict.Model}Insight>) => {
+  return (
+    <Data.Insight
+      className={className}
+      insight={insight}
+      sliceName={sliceName}
+      columns={["count"]}
+    />
+  );
+};
+`
+  };
+}

package/cjs/src/templates/module/__Model__.View.js

@@ -0,0 +1,48 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// pkgs/@akanjs/cli/src/templates/module/__Model__.View.tsx
+var Model_View_exports = {};
+__export(Model_View_exports, {
+  default: () => getContent
+});
+module.exports = __toCommonJS(Model_View_exports);
+function getContent(scanResult, dict) {
+  return {
+    filename: `${dict.Model}.View.tsx`,
+    content: `
+import { clsx } from "@akanjs/client";
+import { cnst } from "@${dict.sysName}/client";
+import { Image } from "@util/ui";
+
+interface ${dict.Model}ViewProps {
+  className?: string;
+  ${dict.model}: cnst.${dict.Model};
+  self?: { id?: string } | null;
+}
+
+export const General = ({ className, ${dict.model}, self }: ${dict.Model}ViewProps) => {
+  return (
+    <div className={clsx(className, "animate-fadeIn w-full")}>
+      <div>{${dict.model}.id}</div>
+    </div>
+  );
+};
+`
+  };
+}

package/cjs/src/templates/module/__Model__.Zone.js

@@ -0,0 +1,83 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// pkgs/@akanjs/cli/src/templates/module/__Model__.Zone.tsx
+var Model_Zone_exports = {};
+__export(Model_Zone_exports, {
+  default: () => getContent
+});
+module.exports = __toCommonJS(Model_Zone_exports);
+function getContent(scanResult, dict) {
+  return {
+    filename: `${dict.Model}.Zone.tsx`,
+    content: `
+"use client";
+import { Data, Load } from "@shared/ui";
+import { ModelsProps } from "@akanjs/client";
+import { cnst, ${dict.Model} } from "@${dict.sysName}/client";
+import { ClientInit, ClientView, DefaultOf } from "@akanjs/signal";
+
+export const Admin = ({ sliceName = "${dict.model}", init, query }: ModelsProps<cnst.${dict.Model}>) => {
+  return (
+    <Data.ListContainer
+      init={init}
+      query={query}
+      sliceName={sliceName}
+      renderItem={${dict.Model}.Unit.Card}
+      renderDashboard={${dict.Model}.Util.Stat}
+      renderInsight={${dict.Model}.Util.Insight}
+      renderTemplate={${dict.Model}.Template.General}
+      renderTitle={(${dict.model}: DefaultOf<cnst.${dict.Model}>) => \`${dict.Model} - \${${dict.model}.id ? ${dict.model}.id : "New"}\`}
+      renderView={(${dict.model}: cnst.${dict.Model}) => <${dict.Model}.View.General ${dict.model}={${dict.model}} />}
+      columns={[
+        "id",
+        "status",
+        "createdAt",
+        "updatedAt",
+      ]}
+      actions={(${dict.model}: cnst.Light${dict.Model}, idx) => ["remove", "edit", "view"]}
+    />
+  );
+};
+
+interface CardProps {
+  className?: string;
+  init: ClientInit<"${dict.model}", cnst.Light${dict.Model}>;
+}
+export const Card = ({ className, init }: CardProps) => {
+  return (
+    <Load.Units
+      className={className}
+      init={init}
+      renderItem={(${dict.model}: cnst.Light${dict.Model}) => (
+        <${dict.Model}.Unit.Card key={${dict.model}.id} href={\`/${dict.model}/\${${dict.model}.id}\`} ${dict.model}={${dict.model}} />
+      )}
+    />
+  );
+};
+
+interface ViewProps {
+  className?: string;
+  view: ClientView<"${dict.model}", cnst.${dict.Model}>;
+}
+export const View = ({ view }: ViewProps) => {
+  return <Load.View view={view} renderView={(${dict.model}) => <${dict.Model}.View.General ${dict.model}={${dict.model}} />} />;
+};
+`
+  };
+}

package/cjs/src/templates/module/index.js

@@ -0,0 +1,61 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// pkgs/@akanjs/cli/src/templates/module/index.tsx
+var module_exports = {};
+__export(module_exports, {
+  default: () => getContent
+});
+module.exports = __toCommonJS(module_exports);
+function getContent(scanResult, dict) {
+  return {
+    filename: "index.tsx",
+    content: `
+import { Signal } from "@util/ui";
+import { AiOutlineDatabase } from "react-icons/ai";
+
+import * as Template from "./${dict.Model}.Template";
+import * as Unit from "./${dict.Model}.Unit";
+import * as Util from "./${dict.Model}.Util";
+import * as View from "./${dict.Model}.View";
+import * as Zone from "./${dict.Model}.Zone";
+
+export const ${dict.Model} = {
+  Menu: {
+    Admin: {
+      key: "${dict.model}",
+      label: "${dict.Model}",
+      icon: <AiOutlineDatabase />,
+      render: () => <Zone.Admin />,
+    },
+    Doc: {
+      key: "${dict.model}",
+      label: "${dict.Model}",
+      icon: <AiOutlineDatabase />,
+      render: () => <Signal.Doc.Zone refName="${dict.model}" />,
+    },
+  },
+  Template,
+  Unit,
+  Util,
+  View,
+  Zone,
+};
+`
+  };
+}

package/esm/index.js

@@ -589,7 +589,7 @@ var withBase = (appName, config, libs, routes = []) => {
     eslint: { ...config.eslint, ignoreDuringBuilds: true },
     env: {
       ...config.env,
-      basePaths: routes.map(({ basePath: basePath2 }) => basePath2).join(",")
+      basePaths: [...new Set(routes.map(({ basePath: basePath2 }) => basePath2))].join(",")
     },
     transpilePackages: ["swiper", "ssr-window", "dom7"],
     reactStrictMode: commandType === "start" ? false : true,
@@ -755,6 +755,7 @@ CMD ["npm", "start"]`,
         config.libs ?? [],
         config.frontend?.routes
       ),
+      routes: config.frontend?.routes,
       explicitDependencies: config.frontend?.explicitDependencies ?? []
     },
     mobile: {
@@ -3169,6 +3170,8 @@ ${fileCheck.lintResult.message}`
 import * as esbuild from "esbuild";
 import { dtsPlugin } from "esbuild-plugin-d.ts";
 import fs13 from "fs";
+var assetExtensions = [".css", ".md", ".js", ".png", ".ico", ".svg", ".json", ".template"];
+var assetLoader = Object.fromEntries(assetExtensions.map((ext) => [ext, "copy"]));
 var Builder = class {
   #executor;
   #distExecutor;
@@ -3193,7 +3196,7 @@ var Builder = class {
       format,
       outdir: `${this.#distExecutor.cwdPath}/${format}`,
       logLevel: "error",
-      loader: { ".template": "copy", ".md": "copy" }
+      loader: assetLoader
     };
   }
   #getAssetBuildOptions() {
@@ -3207,7 +3210,7 @@ var Builder = class {
       ],
       outdir: this.#distExecutor.cwdPath,
       logLevel: "error",
-      loader: { ".css": "copy", ".md": "copy", ".js": "copy" }
+      loader: assetLoader
     };
   }
   async build(options = {}) {
@@ -3606,6 +3609,8 @@ var ApplicationRunner = class {
   async #getViteConfig(app, command) {
     const { env } = await this.#prepareCommand(app, command, "csr");
     const tsconfig = app.workspace.getTsConfig();
+    const akanConfig = await app.getConfig();
+    const basePaths = akanConfig.frontend.routes ? [...new Set(akanConfig.frontend.routes.map(({ basePath: basePath2 }) => basePath2))].join(",") : void 0;
     const processEnv = env;
     const akanjsPrefix = process.env.USE_AKANJS_PKGS === "true" ? `${app.workspace.workspaceRoot}/pkgs/` : "";
     const config = vite.defineConfig({
@@ -3669,7 +3674,8 @@ var ApplicationRunner = class {
           APP_OPERATION_MODE: processEnv.APP_OPERATION_MODE ?? "local",
           AKAN_WORKSPACE_ROOT: app.workspace.workspaceRoot,
           AKAN_APP_ROOT: app.cwdPath,
-          RENDER_ENV: "csr"
+          RENDER_ENV: "csr",
+          basePaths
         },
         "process.platform": JSON.stringify("browser"),
         "process.version": JSON.stringify(process.version)
@@ -3984,7 +3990,11 @@ var ApplicationScript = class {
     await this.syncApplication(app);
     if (app.workspace.getBaseDevEnv().env === "local")
       await this.dbup(app.workspace);
-    await Promise.all([this.startBackend(app, { open: open2, sync: false }), this.startFrontend(app, { open: open2, sync: false })]);
+    await Promise.all([
+      this.startBackend(app, { open: open2, sync: false }),
+      this.startFrontend(app, { open: open2, sync: false }),
+      this.startCsr(app, { open: open2, sync: false })
+    ]);
   }
   async buildBackend(app, { sync = true } = {}) {
     if (sync)
@@ -4381,11 +4391,7 @@ var PackageRunner = class {
     if (pkg.name === "@akanjs/cli")
       await builder.build({
         bundle: true,
-        additionalEntryPoints: [
-          `${pkg.cwdPath}/src/templates/**/*.ts`,
-          `${pkg.cwdPath}/src/templates/**/*.template`,
-          `${pkg.cwdPath}/src/guidelines/**/*.md`
-        ]
+        additionalEntryPoints: [`${pkg.cwdPath}/src/templates/**/*`, `${pkg.cwdPath}/src/guidelines/**/*`]
       });
     else
       await builder.build();
@@ -5503,7 +5509,7 @@ var WorkspaceCommand = class {
 __decorateClass([
   Target.Public(),
   __decorateParam(0, Argument("workspaceName", { desc: "what is the name of your organization?" })),
-  __decorateParam(1, Option("app", { desc: "describe your first application to create " })),
+  __decorateParam(1, Option("app", { desc: "what is the codename of your first application? (e.g. myapp)" })),
   __decorateParam(2, Option("dir", { desc: "directory of workspace", default: process.env.USE_AKANJS_PKGS === "true" ? "local" : "." }))
 ], WorkspaceCommand.prototype, "createWorkspace", 1);
 __decorateClass([