@akanjs/cli 0.0.149 → 0.0.151

package/cjs/src/guidelines/sharedUiUsage/sharedUiUsage.generate.json

@@ -0,0 +1,115 @@
+{
+  "title": "Shared UI Components Usage Guide",
+  "description": "Comprehensive guide on using shared library UI components in Akan.js applications",
+  "scans": [
+    {
+      "type": "source",
+      "description": "Core shared UI component library structure",
+      "path": "libs/shared/ui/index.ts"
+    },
+    {
+      "type": "source",
+      "description": "Field component implementations (form inputs)",
+      "path": "libs/shared/ui/Field.tsx"
+    },
+    {
+      "type": "source",
+      "description": "Data component implementations (tables, lists, visualization)",
+      "path": "libs/shared/ui/Data/index_.tsx"
+    },
+    {
+      "type": "source",
+      "description": "Load component implementations (data fetching)",
+      "path": "libs/shared/ui/Load/index_.tsx"
+    },
+    {
+      "type": "source",
+      "description": "Model component implementations (CRUD operations)",
+      "path": "libs/shared/ui/Model/index_.tsx"
+    },
+    {
+      "type": "source",
+      "description": "System component implementations (providers, app utilities)",
+      "path": "libs/shared/ui/System/index.tsx"
+    },
+    {
+      "type": "source",
+      "description": "Only component implementations (conditional rendering)",
+      "path": "libs/shared/ui/Only/index.tsx"
+    },
+    {
+      "type": "example",
+      "description": "Field components usage examples",
+      "path": "{apps,libs}/*/lib/*/*.{Template,Unit,View,Zone}.tsx",
+      "filterText": "Field} from \"@shared/ui\"",
+      "sample": 5
+    },
+    {
+      "type": "example",
+      "description": "Data components usage examples",
+      "path": "{apps,libs}/*/lib/*/*.{Zone,View}.tsx",
+      "filterText": "Data} from \"@shared/ui\"",
+      "sample": 5
+    },
+    {
+      "type": "example",
+      "description": "Load components usage examples",
+      "path": "{apps,libs}/*/lib/*/*.{Zone,View}.tsx",
+      "filterText": "Load} from \"@shared/ui\"",
+      "sample": 5
+    },
+    {
+      "type": "example",
+      "description": "Model components usage examples",
+      "path": "{apps,libs}/*/lib/*/*.{Template,Unit,Util,Zone}.tsx",
+      "filterText": "Model} from \"@shared/ui\"",
+      "sample": 5
+    },
+    {
+      "type": "example",
+      "description": "Only component usage examples",
+      "path": "{apps,libs}/*/lib/*/*.{Unit,View,Util}.tsx",
+      "filterText": "Only} from \"@shared/ui\"",
+      "sample": 3
+    },
+    {
+      "type": "example",
+      "description": "Complex form examples with validation",
+      "path": "{apps,libs}/*/lib/*/*.Template.tsx",
+      "filterText": "validate",
+      "sample": 3
+    },
+    {
+      "type": "example",
+      "description": "Store integration examples",
+      "path": "{apps,libs}/*/lib/*/*.{Template,Unit,View,Zone}.tsx",
+      "filterText": "sliceName",
+      "sample": 5
+    },
+    {
+      "type": "example",
+      "description": "Internationalization usage examples",
+      "path": "{apps,libs}/*/lib/*/*.{Template,Unit,View}.tsx",
+      "filterText": "l.field",
+      "sample": 3
+    }
+  ],
+  "update": {
+    "filePath": "./sharedUiUsage.instruction.md",
+    "contents": [
+      "Overview of Shared UI Components",
+      "Component Namespaces (Field, Data, Load, Model, System, Only, Editor, Property)",
+      "Basic Component Usage",
+      "Form Fields and Validation",
+      "Data Management Components",
+      "Loading and Data Fetching",
+      "CRUD Operations",
+      "Conditional Rendering",
+      "Store Integration",
+      "Common Patterns and Best Practices",
+      "Troubleshooting"
+    ],
+    "rules": []
+  },
+  "page": "/[lang]/model/[model]"
+}

package/cjs/src/guidelines/sharedUiUsage/sharedUiUsage.instruction.md

@@ -19,22 +19,17 @@ The `@shared/ui` library in the Akan.js framework provides a comprehensive set o
 
 ### Importing Components
 
-All UI components are available as named exports from the `@shared/ui` package:
+UI components are available as named exports from the `@shared/ui` package:
 
 ```tsx
-import { Field, Data, Load, Model, System, Only, Editor, Property } from "@shared/ui";
+import { Field, Only, Editor } from "@shared/ui";
 ```
 
 Each namespace contains specialized components for specific use cases:
 
 - **Field**: Form inputs and data entry components
-- **Data**: Data visualization and management interfaces
-- **Load**: Data loading patterns with SSR/CSR support
-- **Model**: CRUD operations with modal and inline editing
-- **System**: Application-level providers and utilities
 - **Only**: Conditional rendering based on user state and device
 - **Editor**: Rich text editing capabilities
-- **Property**: Metadata-driven property editing
 
 ### Component Organization in Your Module
 
@@ -106,7 +101,7 @@ const MyComponent = () => {
 Data components are used to display and manage collections of data:
 
 ```tsx
-import { Data, Model } from "@shared/ui";
+import { Data, Model } from "@akanjs/ui";
 
 export const MyFeatureAdmin = ({ sliceName = "myFeature" }) => {
   return (
@@ -128,7 +123,7 @@ export const MyFeatureAdmin = ({ sliceName = "myFeature" }) => {
 Load components handle data fetching and state management:
 
 ```tsx
-import { Load } from "@shared/ui";
+import { Load } from "@akanjs/ui";
 
 export const MyFeatureView = ({ id }) => {
   return (
@@ -161,7 +156,7 @@ export const MyFeatureList = () => {
 Model components handle create, read, update and delete operations:
 
 ```tsx
-import { Model } from "@shared/ui";
+import { Model } from "@akanjs/ui";
 
 export const CreateMyFeature = () => {
   return (

package/cjs/src/guidelines/utilUiUsage/utilUiUsage.generate.json

@@ -0,0 +1,140 @@
+{
+  "title": "Util UI Usage",
+  "description": "Comprehensive guide on how to use utility library UI components",
+  "scans": [
+    {
+      "type": "source",
+      "description": "Core util library source code for UI components",
+      "path": "libs/util/ui/**/*.{ts,tsx}"
+    },
+    {
+      "type": "source",
+      "description": "Main UI component directories for namespace patterns",
+      "path": "libs/util/ui/{Button,Input,Select,Image,Link,Layout,Dialog,Loading,Tab,Chart}/**/*.{ts,tsx}"
+    },
+    {
+      "type": "example",
+      "description": "Form components usage examples",
+      "path": "{apps,libs}/*/lib/*/*.{Template,Unit,View}.tsx",
+      "filterText": "import.*\\{ (Button|Input|Select|DatePicker|ToggleSelect).*\\} from \"@util/ui\";",
+      "sample": 5
+    },
+    {
+      "type": "example",
+      "description": "Navigation component usage examples",
+      "path": "{apps,libs}/*/lib/*/*.{Template,Unit,View}.tsx",
+      "filterText": "import.*\\{ (Link|Tab|Menu|ScreenNavigator).*\\} from \"@util/ui\";",
+      "sample": 5
+    },
+    {
+      "type": "example",
+      "description": "Layout component usage examples",
+      "path": "{apps,libs}/*/lib/*/*.{Template,Unit,View}.tsx",
+      "filterText": "import.*\\{ (Layout|Dialog|Modal|BottomSheet).*\\} from \"@util/ui\";",
+      "sample": 5
+    },
+    {
+      "type": "example",
+      "description": "Media component usage examples",
+      "path": "{apps,libs}/*/lib/*/*.{Template,Unit,View}.tsx",
+      "filterText": "import.*\\{ (Image|Upload|Avatar|Chart).*\\} from \"@util/ui\";",
+      "sample": 5
+    },
+    {
+      "type": "example",
+      "description": "Loading and feedback component usage examples",
+      "path": "{apps,libs}/*/lib/*/*.{Template,Unit,View}.tsx",
+      "filterText": "import.*\\{ (Loading|Empty).*\\} from \"@util/ui\";",
+      "sample": 5
+    },
+    {
+      "type": "example",
+      "description": "Complex component composition examples",
+      "path": "{apps,libs}/*/lib/*/*.{Template,Unit,View}.tsx",
+      "filterText": "<(Dialog|Tab|Layout)\\.(\\w+)",
+      "sample": 5
+    },
+    {
+      "type": "example",
+      "description": "UI component integration in Model.Unit.tsx files",
+      "path": "{apps,libs}/*/lib/*/*.Unit.tsx",
+      "filterText": "from \"@util/ui\";",
+      "sample": 3
+    },
+    {
+      "type": "example",
+      "description": "UI component integration in Model.Template.tsx files",
+      "path": "{apps,libs}/*/lib/*/*.Template.tsx",
+      "filterText": "from \"@util/ui\";",
+      "sample": 3
+    },
+    {
+      "type": "example",
+      "description": "UI component integration in Model.View.tsx files",
+      "path": "{apps,libs}/*/lib/*/*.View.tsx",
+      "filterText": "from \"@util/ui\";",
+      "sample": 3
+    },
+    {
+      "type": "example",
+      "description": "UI component usage in Page components",
+      "path": "apps/*/app/**/page.tsx",
+      "filterText": "from \"@util/ui\";",
+      "sample": 3
+    },
+    {
+      "type": "interface",
+      "description": "Button component props interface",
+      "path": "libs/util/ui/Button.tsx",
+      "interfaceName": "ButtonProps"
+    },
+    {
+      "type": "interface",
+      "description": "Input component props interface",
+      "path": "libs/util/ui/Input.tsx",
+      "interfaceName": "InputProps"
+    },
+    {
+      "type": "interface",
+      "description": "Link component props interface",
+      "path": "libs/util/ui/Link/index.tsx",
+      "interfaceName": "LinkProps"
+    },
+    {
+      "type": "interface",
+      "description": "Image component props interface",
+      "path": "libs/util/ui/Image.tsx",
+      "interfaceName": "ImageProps"
+    }
+  ],
+  "update": {
+    "filePath": "./utilUiUsage.instruction.md",
+    "contents": [
+      "@util/ui Component Library Guide",
+      "Importing Components",
+      "Component Organization and Usage",
+      "Common Component Patterns",
+      "Form Fields and Data Input",
+      "Data Display Components",
+      "Navigation Components",
+      "Layout Components",
+      "Media and File Components",
+      "Loading and Feedback Components",
+      "Integration with Akan.js Architecture",
+      "In Model.Template.tsx",
+      "In Model.Unit.tsx",
+      "In Model.View.tsx",
+      "Best Practices",
+      "[Strict Caution]",
+      "Framework Integration Features"
+    ],
+    "rules": [
+      "Document all major component categories and namespacing patterns",
+      "Provide concrete examples for each component type",
+      "Explain integration with the Akan.js module architecture",
+      "Include best practices for component selection and usage",
+      "Detail strict usage requirements for the component library"
+    ]
+  },
+  "page": "/[lang]/model/[model]"
+}

package/cjs/src/guidelines/utilUiUsage/utilUiUsage.instruction.md

@@ -14,7 +14,7 @@ import { Button } from "@util/ui";
 import { Button, Input, Link, Image } from "@util/ui";
 
 // Namespace component import
-import { Dialog } from "@util/ui";
+import { Dialog } from "@akanjs/ui";
 ```
 
 ## Component Organization and Usage

package/cjs/src/templates/app/app/[lang]/(__appName__)/(public)/forgotpassword/page.js

@@ -0,0 +1,47 @@
+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/app/app/[lang]/(__appName__)/(public)/forgotpassword/page.tsx
+var page_exports = {};
+__export(page_exports, {
+  default: () => getContent
+});
+module.exports = __toCommonJS(page_exports);
+function getContent(scanResult, dict = {}) {
+  return {
+    filename: "page.tsx",
+    content: `
+import { Image, Link } from "@akanjs/ui";
+import { User } from "@shared/client";
+
+export default function Page() {
+  return (
+    <div className="relative w-full h-screen overflow-hidden flex items-center justify-center">
+      <div className="z-10 md:w-[400px] px-12 pt-12 pb-4 shadow-lg rounded-xl bg-base-100/50 backdrop-blur-xs">
+        <User.Util.ForgotPassword />
+        <Link.Back className="text-center">
+          <button className="mt-2 underline btn btn-ghost">Back</button>
+        </Link.Back>
+      </div>
+      <Image className="absolute left-0 right-0 top-0 bottom-0 -z-50" width={1920} height={1080} src="/back.jpg" />
+    </div>
+  );
+}
+  `
+  };
+}

package/cjs/src/templates/app/app/[lang]/(__appName__)/(public)/page.js

@@ -0,0 +1,128 @@
+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/app/app/[lang]/(__appName__)/(public)/page.tsx
+var page_exports = {};
+__export(page_exports, {
+  default: () => getContent
+});
+module.exports = __toCommonJS(page_exports);
+function getContent(scanResult, dict) {
+  return {
+    filename: "page.tsx",
+    content: `
+import {
+  FaBolt,
+  FaBook,
+  FaCloudUploadAlt,
+  FaCode,
+  FaExternalLinkAlt,
+  FaGraduationCap,
+  FaHeart,
+  FaShieldAlt,
+} from "react-icons/fa";
+
+export const metadata = {
+  title: "Akan.js",
+};
+
+export default function Page() {
+  return (
+    <div className="bg-base-100 flex min-h-screen items-center justify-center">
+      <div className="container mx-auto px-4 py-16">
+        <div className="mb-16 text-center">
+          <h1 className="mb-6 text-6xl font-bold">Akan.js</h1>
+          <p className="mx-auto max-w-2xl text-lg">A typescript full-stack framework designed for solo developers</p>
+          <p className="mx-auto max-w-2xl text-lg">that enables building servers, web, and apps all at once</p>
+          <p className="mx-auto max-w-2xl text-lg">making in-house development with minimal resources.</p>
+          <div className="my-8 flex flex-wrap justify-center gap-4">
+            <div className="badge badge-lg text-base-100 bg-primary border-none">
+              <FaBolt className="" />
+              All-in-One
+            </div>
+            <div className="badge badge-lg text-base-100 bg-secondary border-none">
+              <FaShieldAlt className="" />
+              Type-Safe
+            </div>
+            <div className="badge badge-lg text-base-100 bg-success border-none">
+              <FaHeart className="" />
+              Minimal-Code
+            </div>
+          </div>
+        </div>
+        <div className="mb-12 text-center">
+          <button className="btn btn-primary btn-lg bg-primary border-none px-12 py-4 text-lg font-semibold">
+            <FaCloudUploadAlt className="mr-3 text-xl" />
+            Deploy Now
+          </button>
+        </div>
+        <div className="mb-16 rounded-lg bg-slate-800 p-8">
+          <h2 className="text-gray-200 mb-6 text-center text-2xl font-bold">Quick Start</h2>
+          <div className="mockup-code">
+            <pre data-prefix="$">
+              <code className="text-success">npx create-akan-workspace</code>
+            </pre>
+            <pre data-prefix="$">
+              <code className="text-success">cd my-workspace</code>
+            </pre>
+            <pre data-prefix="$">
+              <code className="text-success">akan start my-app</code>
+            </pre>
+          </div>
+        </div>
+        <div className="mb-16 grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-4">
+          <div className="card bg-slate-800">
+            <div className="card-body p-6 text-center">
+              <FaBook className="mx-auto mb-4 text-4xl text-purple-400" />
+              <h3 className="text-gray-200 mb-2 text-lg font-semibold">Documentation</h3>
+              <p className="mb-4 text-sm text-gray-400">Complete API guides and tutorials</p>
+              <button className="btn btn-sm w-full">Read Documentation</button>
+            </div>
+          </div>
+          <div className="card bg-slate-800">
+            <div className="card-body p-6 text-center">
+              <FaGraduationCap className="mx-auto mb-4 text-4xl text-blue-400" />
+              <h3 className="text-gray-200 mb-2 text-lg font-semibold">Learn</h3>
+              <p className="mb-4 text-sm text-gray-400">Step-by-step learning guides</p>
+              <button className="btn btn-sm w-full">Learn</button>
+            </div>
+          </div>
+          <div className="card bg-slate-800">
+            <div className="card-body p-6 text-center">
+              <FaCode className="mx-auto mb-4 text-4xl text-green-400" />
+              <h3 className="text-gray-200 mb-2 text-lg font-semibold">Examples</h3>
+              <p className="mb-4 text-sm text-gray-400">Real project examples</p>
+              <button className="btn btn-sm w-full">Examples</button>
+            </div>
+          </div>
+          <div className="card bg-slate-800">
+            <div className="card-body p-6 text-center">
+              <FaExternalLinkAlt className="mx-auto mb-4 text-4xl text-yellow-400" />
+              <h3 className="text-gray-200 mb-2 text-lg font-semibold">Official Site</h3>
+              <p className="mb-4 text-sm text-gray-400">Visit our official website</p>
+              <button className="btn btn-sm w-full">Go to akanjs.com</button>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}
+  `
+  };
+}

package/cjs/src/templates/app/app/[lang]/(__appName__)/(public)/privacy/page.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/app/app/[lang]/(__appName__)/(public)/privacy/page.tsx
+var page_exports = {};
+__export(page_exports, {
+  default: () => getContent
+});
+module.exports = __toCommonJS(page_exports);
+function getContent(scanResult, dict) {
+  return {
+    filename: "page.tsx",
+    content: `
+import { Inform } from "@util/ui";
+
+export default function Page() {
+  return (
+    <div className="container whitespace-pre-wrap">
+      <h1 className="flex justify-center">Privacy Policy</h1>
+      <Inform.PrivacyPolicy companyName="${dict.CompanyName}" />
+    </div>
+  );
+}
+
+  `
+  };
+}

package/cjs/src/templates/app/app/[lang]/(__appName__)/(public)/signin/page.js

@@ -0,0 +1,50 @@
+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/app/app/[lang]/(__appName__)/(public)/signin/page.tsx
+var page_exports = {};
+__export(page_exports, {
+  default: () => getContent
+});
+module.exports = __toCommonJS(page_exports);
+function getContent(scanResult, dict) {
+  return {
+    filename: "page.tsx",
+    content: `
+import { Image } from "@akanjs/ui";
+import { User } from "@shared/client";
+import { getSelf, router } from "@akanjs/client";
+
+export default function Page() {
+  const self = getSelf();
+  return (
+    <div className="relative w-full h-screen overflow-hidden flex items-center justify-center">
+      <div className="max-w-md bg-base-100/50 shadow-lg rounded-xl backdrop-blur-xs w-full py-4 pb-10 px-16">
+        <div className="my-6 flex justify-center text-4xl">${dict.appName}</div>
+        <User.Util.SignInPassword
+          siteKey=""
+          redirect="/self"
+          signupHref={null}
+        />
+      </div>
+    </div>
+  );
+}
+  `
+  };
+}

package/cjs/src/templates/app/app/[lang]/(__appName__)/(public)/termsofservice/page.js

@@ -0,0 +1,41 @@
+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/app/app/[lang]/(__appName__)/(public)/termsofservice/page.tsx
+var page_exports = {};
+__export(page_exports, {
+  default: () => getContent
+});
+module.exports = __toCommonJS(page_exports);
+function getContent(scanResult, dict) {
+  return {
+    filename: "page.tsx",
+    content: `
+import { Inform } from "@util/ui";
+
+export default function Page() {
+  return (
+    <div className="container">
+      <h1 className="flex justify-center">Terms of Service</h1>
+      <Inform.ServicePolicy companyName="${dict.CompanyName}" serviceName="${dict.AppName}" />
+    </div>
+  );
+}
+  `
+  };
+}

package/cjs/src/templates/app/app/[lang]/(__appName__)/(public)/unknown/page.js

@@ -0,0 +1,51 @@
+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/app/app/[lang]/(__appName__)/(public)/unknown/page.tsx
+var page_exports = {};
+__export(page_exports, {
+  default: () => getContent
+});
+module.exports = __toCommonJS(page_exports);
+function getContent(scanResult, dict) {
+  return {
+    filename: "page.tsx",
+    content: `
+import { Load, System } from "@akanjs/ui";
+
+interface PageProps {
+  searchParams: Promise<{
+    p: string;
+  }>;
+}
+
+export default function Page({ searchParams }: PageProps) {
+  return (
+    <Load.Page
+      of={Page}
+      loader={async () => {
+        const { p } = await searchParams;
+        return { p } as const;
+      }}
+      render={({ p }) => <System.Reconnect path={p} dev={true} />}
+    />
+  );
+}
+  `
+  };
+}