@akanjs/cli 0.0.148 → 0.0.150

package/esm/src/templates/libRoot/lib/user/User.Util.js

@@ -0,0 +1,74 @@
+// pkgs/@akanjs/cli/src/templates/libRoot/lib/user/User.Util.tsx
+function getContent(scanResult, dict) {
+  return {
+    filename: "User.Util.tsx",
+    content: `
+"use client";
+import { ModelDashboardProps, ModelInsightProps } from "@akanjs/client";
+import { getQueryMap } from "@akanjs/constant";
+import { cnst, st } from "@${dict.libName}/client";
+import { Data } from "@shared/ui";
+import { AiOutlineEdit, AiOutlineLock, AiOutlineUnlock } from "react-icons/ai";
+
+export const Stat = ({
+  className,
+  summary,
+  sliceName = "user",
+  queryMap = getQueryMap(cnst.UserSummary),
+  hidePresents,
+}: ModelDashboardProps<cnst.Summary>) => {
+  return (
+    <Data.Dashboard
+      className={className}
+      summary={summary}
+      sliceName={sliceName}
+      queryMap={queryMap}
+      columns={["totalUser", "dau"]}
+      hidePresents={hidePresents}
+    />
+  );
+};
+export const Insight = ({ className, insight, sliceName = "user" }: ModelInsightProps<cnst.UserInsight>) => {
+  return <Data.Insight className={className} insight={insight} sliceName={sliceName} columns={["count"]} />;
+};
+
+interface RestrictProps {
+  id: string;
+}
+export const Restrict = ({ id }: RestrictProps) => {
+  return (
+    <button className="gap-2 btn btn-sm" onClick={() => st.do.restrictUser(id, "Violated Community Guidelines")}>
+      <AiOutlineLock />
+      Restrict
+    </button>
+  );
+};
+
+interface ReleaseProps {
+  id: string;
+}
+export const Release = ({ id }: ReleaseProps) => {
+  return (
+    <button className="gap-2 border-dashed btn btn-sm btn-outline" onClick={() => st.do.releaseUser(id)}>
+      <AiOutlineUnlock />
+      Release
+    </button>
+  );
+};
+
+export const EditSelf = () => {
+  const self = st.use.self();
+  const userModal = st.use.userModal();
+  return userModal !== "edit" ? (
+    <button className="gap-2 btn" onClick={() => st.do.editUser(self)}>
+      <AiOutlineEdit />
+      Edit
+    </button>
+  ) : null;
+};
+`
+  };
+}
+export {
+  getContent as default
+};

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

@@ -0,0 +1,46 @@
+// pkgs/@akanjs/cli/src/templates/libRoot/lib/user/User.View.tsx
+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>
+  );
+};
+  `
+  };
+}
+export {
+  getContent as default
+};

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

@@ -0,0 +1,54 @@
+// pkgs/@akanjs/cli/src/templates/libRoot/lib/user/User.Zone.tsx
+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} />
+  );
+};
+  `
+  };
+}
+export {
+  getContent as default
+};

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

@@ -0,0 +1,41 @@
+// pkgs/@akanjs/cli/src/templates/libRoot/lib/user/index.tsx
+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,
+};
+    `
+  };
+}
+export {
+  getContent as default
+};

package/esm/src/templates/libRoot/package.json.template

@@ -0,0 +1,4 @@
+{
+  "name": "@<%= libName %>",
+  "version": "0.0.1"
+}

package/esm/src/templates/libRoot/tsconfig.json.template

@@ -0,0 +1,13 @@
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "jsx": "preserve",
+    "declaration": true,
+    "declarationDir": "dist"
+  },
+  "references": [
+    {
+      "path": "./tsconfig.spec.json"
+    }
+  ]
+}

package/esm/src/templates/libRoot/tsconfig.spec.json.template

@@ -0,0 +1,7 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "types": ["jest", "node"]
+  },
+  "include": ["jest.config.ts", "**/*.test.ts"]
+}

package/esm/src/templates/localDev/docker-compose.yaml.template

@@ -0,0 +1,36 @@
+version: "3.8"
+networks:
+  <%= repoName %>-network:
+    driver: bridge
+services:
+  redis:
+    container_name: redis
+    image: redis
+    restart: unless-stopped
+    ports:
+      - 6379:6379
+    networks:
+      - <%= repoName %>-network
+  mongo:
+    image: mongo
+    container_name: mongo
+    restart: unless-stopped
+    ports:
+      - 27017:27017
+    volumes:
+      - ./mongo/local/data:/data/db
+    command: mongod --dbpath /data/db
+    networks:
+      - <%= repoName %>-network
+  meili:
+    image: getmeili/meilisearch:latest
+    container_name: meili
+    restart: unless-stopped
+    ports:
+      - "7700:7700"
+    environment:
+      - MEILI_ENV=development
+      - MEILI_MASTER_KEY=masterKey
+      - MEILI_NO_ANALYTICS=true
+    networks:
+      - <%= repoName %>-network

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

@@ -0,0 +1,34 @@
+// pkgs/@akanjs/cli/src/templates/module/__Model__.Template.tsx
+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>
+  );
+};
+`
+  };
+}
+export {
+  getContent as default
+};

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

@@ -0,0 +1,22 @@
+// pkgs/@akanjs/cli/src/templates/module/__Model__.Unit.tsx
+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>
+  );
+};
+`
+  };
+}
+export {
+  getContent as default
+};

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

@@ -0,0 +1,50 @@
+// pkgs/@akanjs/cli/src/templates/module/__Model__.Util.tsx
+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"]}
+    />
+  );
+};
+`
+  };
+}
+export {
+  getContent as default
+};

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

@@ -0,0 +1,28 @@
+// pkgs/@akanjs/cli/src/templates/module/__Model__.View.tsx
+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>
+  );
+};
+`
+  };
+}
+export {
+  getContent as default
+};

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

@@ -0,0 +1,63 @@
+// pkgs/@akanjs/cli/src/templates/module/__Model__.Zone.tsx
+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}} />} />;
+};
+`
+  };
+}
+export {
+  getContent as default
+};

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

@@ -0,0 +1,41 @@
+// pkgs/@akanjs/cli/src/templates/module/index.tsx
+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,
+};
+`
+  };
+}
+export {
+  getContent as default
+};

package/esm/src/templates/pkgRoot/tsconfig.json.template

@@ -0,0 +1,15 @@
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "jsx": "preserve",
+    "declaration": true,
+    "declarationDir": "dist"
+  },
+  "files": [],
+  "include": ["**/*.ts", "**/*.tsx"],
+  "references": [
+    {
+      "path": "./tsconfig.spec.json"
+    }
+  ]
+}

package/esm/src/templates/workspaceRoot/.env.template

@@ -0,0 +1,20 @@
+# organization configuration, no need to change
+NEXT_PUBLIC_REPO_NAME=<%= repoName %>
+NEXT_PUBLIC_SERVE_DOMAIN="<%= serveDomain %>"
+
+# development branch, debug, develop, main, etc. mainly it changes databases.
+NEXT_PUBLIC_ENV=local
+
+# local, cloud, edge it changes the connection point of the clients.
+NEXT_PUBLIC_OPERATION_MODE=local
+# hybrid app specific config, will be depreciated in the future
+APP_OPERATION_MODE=local
+
+# backend service mode, federation, batch, all
+SERVER_MODE=federation
+
+# analyze the bundle size
+ANALYZE=false
+
+# log level, debug, info, warn, error
+NEXT_PUBLIC_LOG_LEVEL=debug

package/esm/src/templates/workspaceRoot/.gitignore.template

@@ -0,0 +1,118 @@
+**/dist
+/node_modules
+/.akan
+.vscode/*
+.DS_Store
+Thumbs.db
+*.env
+**/node_modules
+/data
+apps/*/data
+/releases
+apps/*/scripts
+**/.env
+**/env.client.debug.ts
+**/env.client.develop.ts
+**/env.client.main.ts
+**/env.client.testing.ts
+**/env.server.debug.ts
+**/env.server.develop.ts
+**/env.server.main.ts
+**/env.server.testing.ts
+**/*secrets.yaml
+**/kubeconfig.yaml
+**/secrets.*
+**/.idea
+apps/**/src/schema.gql
+.next
+dump
+local
+
+# Xcode
+build/
+*.pbxuser
+!default.pbxuser
+*.mode1v3
+!default.mode1v3
+*.mode2v3
+!default.mode2v3
+*.perspectivev3
+!default.perspectivev3
+xcuserdata
+*.xccheckout
+*.moved-aside
+DerivedData
+*.hmap
+*.ipa
+*.xcuserstate
+
+# **/android
+build/
+.gradle
+local.properties
+*.iml
+*.hprof
+.cxx/
+*.keystore
+!debug.keystore
+
+**/public/precache.*.*.js
+**/public/sw.js
+**/public/workbox-*.js
+**/public/worker-*.js
+**/public/fallback-*.js
+**/public/precache.*.*.js.map
+**/public/sw.js.map
+**/public/workbox-*.js.map
+**/public/worker-*.js.map
+**/public/fallback-*.js
+**/public/libs
+
+**/vendor/bundle/
+**/ios/App/App/public
+**/ios/App/App/Podfile.lock
+**/ios/App/App.pbxproj
+**/*-secret.yaml
+
+# Akanjs files
+**/akan.app.json
+**/akan.lib.json
+**/akan.pkg.json
+**/next.config.ts
+**/next-env.d.ts
+apps/**/lib/__lib/**
+libs/**/lib/__lib/**
+apps/*/lib/cnst.ts
+apps/*/lib/cnst_.ts
+apps/*/lib/dict.ts
+apps/*/lib/db.ts
+apps/*/lib/fetch.ts
+apps/*/lib/srv.ts
+apps/*/lib/st.ts
+apps/*/lib/sig.ts
+apps/*/lib/store.ts
+apps/*/lib/usePage.ts
+apps/*/lib/__scalar/_server.ts
+apps/*/client.ts
+apps/*/server.ts
+libs/*/lib/cnst.ts
+libs/*/lib/cnst_.ts
+libs/*/lib/dict.ts
+libs/*/lib/db.ts
+libs/*/lib/fetch.ts
+libs/*/lib/srv.ts
+libs/*/lib/st.ts
+libs/*/lib/sig.ts
+libs/*/lib/store.ts
+libs/*/lib/usePage.ts
+libs/*/lib/__scalar/_server.ts
+libs/*/client.ts
+libs/*/server.ts
+libs/*/index.ts
+# **/capacitor.config.ts
+# **/postcss.config.js
+# **/playwright.config.ts
+# **/jest.config.ts
+# **/next-env.d.ts
+# **/tsconfig.json
+# **/tsconfig.spec.json

package/esm/src/templates/workspaceRoot/.prettierignore.template

@@ -0,0 +1,10 @@
+# Add files here to ignore them from prettier formatting
+
+/dist
+/coverage
+/node_modules
+/dump
+/data
+/releases
+/tmp
+**/*.yaml