Play with modules

import { Field, Model } from "@akanjs/constant";

@Model()

export class Project {

  @Field()

  id: string;

  @Field()

  title: string;

  @Field()

  description: string;

  @Field()

  status: "active" | "completed" | "archived";

  @Field()

  createdAt: Date;

  @Field()

  updatedAt: Date;

}

import { Project } from "./project.constant";

export const projectService = {

  async getProjects() {

    return Project.find().sort({ updatedAt: -1 });

  },

  async createProject(data: Partial<Project>) {

    return Project.create(data);

  },

};

import { Signal } from "@akanjs/signal";

import { Project } from "./project.constant";

import { projectService } from "./project.service";

export class ProjectSignal {

  @Signal()

  async projectList() {

    return projectService.getProjects();

  }

  @Signal()

  async createProject(data: Partial<Project>) {

    return projectService.createProject(data);

  }

}

import { usePage } from "@akanjs/client";

import { projectSignal } from "./project.signal";

export const ProjectView = () => {

  const { data } = projectSignal.useProjectList();

  const { l } = usePage();

  return (

    <div>

      <h1>{l("project.modelName")}</h1>

      <div className="grid gap-4">

        {data?.map((project) => <ProjectUnit key={project.id} project={project} />)}

      </div>

    </div>

  );

};