feat: add pocketenv web user interface

deno.json

@@ -1,5 +1,6 @@
 {
+  "importMap": "import_map.json",
   "tasks": {
-    "dev": "deno run --watch main.ts"
+    "dev": "deno run -A --unstable --watch main.ts"
   }
-}
+}

deno.lock

@@ -15,6 +15,8 @@
     "https://deno.land/x/libpkgx/mod.ts": "https://deno.land/x/[email protected]/mod.ts"
   },
   "remote": {
+    "https://cdn.skypack.dev/-/[email protected]/dist=es2019,mode=imports/optimized/lodash.js": "10c4df47937ffc78548d136dd535a021df5f57182a653260d715c0690dd22978",
+    "https://cdn.skypack.dev/lodash": "8280de0b3efd87f06ea0eb330d15b8de32c059556023b8c6524e9eb9e4844dc0",
     "https://deno.land/[email protected]/_deno_unstable.ts": "23a1a36928f1b6d3b0170aaa67de09af12aa998525f608ff7331b9fb364cbde6",
     "https://deno.land/[email protected]/_util/assert.ts": "e94f2eb37cebd7f199952e242c77654e43333c1ac4c5c700e929ea3aa5489f74",
     "https://deno.land/[email protected]/_util/os.ts": "49b92edea1e82ba295ec946de8ffd956ed123e2948d9bd1d3e901b04e4307617",
@@ -168,6 +170,8 @@
     "https://deno.land/[email protected]/semver/test_comparator.ts": "24741dd4fda32c7b712d1509894e37f17b7dc6d62d79612d0f29b68aa61e6494",
     "https://deno.land/[email protected]/semver/test_range.ts": "43e2f830a5ee6cebe2af98e0125e542111e8513a720819df83e3da3605d192ad",
     "https://deno.land/[email protected]/semver/types.ts": "bcc7dbd6c96110db5eac98c56c7d57b6ee9b9e929779467cbc24f934632e9feb",
+    "https://deno.land/[email protected]/async/delay.ts": "8e1d18fe8b28ff95885e2bc54eccec1713f57f756053576d8228e6ca110793ad",
+    "https://deno.land/[email protected]/http/server.ts": "6dce295abc169d0956ae00432441331b3425afad4d79e8b3475739be2f04d614",
     "https://deno.land/[email protected]/fmt/colors.ts": "ec9d653672a9a3c7b6eafe53c5bc797364a2db2dcf766ab649c1155fea7a80b2",
     "https://deno.land/x/[email protected]/_utils/distance.ts": "02af166952c7c358ac83beae397aa2fbca4ad630aecfcd38d92edb1ea429f004",
     "https://deno.land/x/[email protected]/ansi/ansi_escapes.ts": "193b3c3a4e520274bd8322ca4cab1c3ce38070bed1898cb2ade12a585dddd7c9",
@@ -321,6 +325,31 @@
     "https://deno.land/x/[email protected]/decompress.ts": "0bce3d453726f686274fab3f6c19b72b5e74223a00d89c176b1de49a5dd5528d",
     "https://deno.land/x/[email protected]/deps.ts": "79548387594b3ae1efaaa870b5a507c4d6bedede13dbd5d4ad42f6cda0aeef86",
     "https://deno.land/x/[email protected]/mod.ts": "28eecbc3e1e5adf564f4aa465e64268713a05653104bacdcb04561533f8caf57",
-    "https://deno.land/x/[email protected]/utils.ts": "43c323f2b79f9db1976c5739bbb1f9cced20e8077ca7e7e703f9d01d4330bd9d"
+    "https://deno.land/x/[email protected]/utils.ts": "43c323f2b79f9db1976c5739bbb1f9cced20e8077ca7e7e703f9d01d4330bd9d",
+    "https://esm.sh/*@pothos/[email protected]": "655fe50477a7501a6f8e5be7438e625c260f8db0f1c86c34578dad03e2b2d2c4",
+    "https://esm.sh/[email protected]?external=graphql": "30fe5264cd08bac5d23ae6fa7ad7a36d0f3d4e60b18bb8e54ddc2df9e95a910e",
+    "https://esm.sh/[email protected]": "efd1b5d7632fc8772b4d81c84ffbd05b499df6f5e886f354f5b9f606a035471f",
+    "https://esm.sh/v135/@envelop/[email protected]/X-ZS9ncmFwaHFs/denonext/core.mjs": "cd0c949979744f04c829a70f1e1bbf8a8c6014660b3d2797e1f4932a72bf5286",
+    "https://esm.sh/v135/@envelop/[email protected]/X-ZS9ncmFwaHFs/denonext/types.mjs": "134094db6f00bfeed9bc7fb3f1896b007d20f5e2ee4e49edc86ba3ed01ac8e33",
+    "https://esm.sh/v135/@graphql-tools/[email protected]/X-ZS9ncmFwaHFs/denonext/executor.mjs": "58f421f4b09a24ee39e6a6f95261f4a8e72bfa04a5770d1064a873ec3a7409d7",
+    "https://esm.sh/v135/@graphql-tools/[email protected]/X-ZS9ncmFwaHFs/denonext/merge.mjs": "5fa90c43c649591c30715f1a82d2c707ff4d52ec7358c438ac178003cb8a1605",
+    "https://esm.sh/v135/@graphql-tools/[email protected]/X-ZS9ncmFwaHFs/denonext/schema.mjs": "49b11ce1b32c304aa35f78627052b2609860652c76437521dace926ff50fe0ae",
+    "https://esm.sh/v135/@graphql-tools/[email protected]/X-ZS9ncmFwaHFs/denonext/utils.mjs": "60710e380f0853cdf93d749bc0fdef50652f1b87fde21641d7455cd8c3ae77f1",
+    "https://esm.sh/v135/@graphql-tools/[email protected]/X-ZS9ncmFwaHFs/denonext/utils.mjs": "e44657b505349d169545d4200a7527c524dc8e97719e598a45709d62290ae8d0",
+    "https://esm.sh/v135/@graphql-yoga/[email protected]/X-ZS9ncmFwaHFs/denonext/logger.mjs": "7830bf0c14dda19205022b885b1e7b5a230e064860824bc433771244a2794ed4",
+    "https://esm.sh/v135/@graphql-yoga/[email protected]/X-ZS9ncmFwaHFs/denonext/subscription.mjs": "baf662911cf6404ec09ed573de9b46ba3ca12b1c00f842bcc7eb6ae826d94815",
+    "https://esm.sh/v135/@pothos/[email protected]/X-ZS8q/denonext/core.mjs": "ebb05f66f097da51ca475b3456ca40b397a96b076a22a064ce93714a2203195e",
+    "https://esm.sh/v135/@repeaterjs/[email protected]/X-ZS9ncmFwaHFs/denonext/repeater.mjs": "52ea358862d16c4789e8a01530f89efd822ebc8b24cc26919d6b4f95e81b2175",
+    "https://esm.sh/v135/@whatwg-node/[email protected]/X-ZS9ncmFwaHFs/denonext/events.mjs": "c08f308ea25ecdd0c7b611ae225cf2ddfaef3d823067695131c54d67b7b80cbb",
+    "https://esm.sh/v135/@whatwg-node/[email protected]/X-ZS9ncmFwaHFs/denonext/fetch.mjs": "bc023a12d98ebb2bf9ab660ea14364741124d2453d827656f27f5457c39d265c",
+    "https://esm.sh/v135/@whatwg-node/[email protected]/X-ZS9ncmFwaHFs/denonext/server.mjs": "1b122136deb58f6e0ebfa8242581b99fdd4bf01e16ca00d571c657fa7c78a55b",
+    "https://esm.sh/v135/[email protected]/X-ZS9ncmFwaHFs/denonext/cross-inspect.mjs": "e55e13f7e651e28435039005c4d03ef6350ad9598824bcfc4c94f2972165c44a",
+    "https://esm.sh/v135/[email protected]/X-ZS9ncmFwaHFs/denonext/merge.js": "2af73003b8fd8b0409ded9e7b29c87f37dc37f2fe21f570462ad95097681ba95",
+    "https://esm.sh/v135/[email protected]/X-ZS9ncmFwaHFs/denonext/dset.mjs": "2bb48ee2aea5e0a4b5caeed115c6c3cbf72871c0f0dc53edc0328de543560375",
+    "https://esm.sh/v135/[email protected]/X-ZS9ncmFwaHFs/denonext/merge.js": "93aec093fc25a582801bff05c55ba33d55551bbfed5e921264ee12044369e886",
+    "https://esm.sh/v135/[email protected]/X-ZS9ncmFwaHFs/denonext/graphql-yoga.mjs": "e692e1705f570ebe7aa3dba4b5ea162899b8ccbe9cdf166449c223c05fb26fb3",
+    "https://esm.sh/v135/[email protected]/denonext/graphql.mjs": "799498b21523a9bfa7398e9f4c1a7adb069429874c4d59e77a121fc831571722",
+    "https://esm.sh/v135/[email protected]/X-ZS9ncmFwaHFs/denonext/lru-cache.mjs": "8eccca15513d8d1e660969697e34dd104c57dfbe3f20f0e88e04650a3e1bd93a",
+    "https://esm.sh/v135/[email protected]/X-ZS9ncmFwaHFs/denonext/value-or-promise.mjs": "6bfe5781d6986648f4f2d80dcc818346386c6e78d1d8f51ce99d9305b5b7e82d"
   }
 }

deps.ts

@@ -40,3 +40,7 @@ export {
 export { generateName } from "https://deno.land/x/[email protected]/mod.ts ";
 import * as _ from "https://cdn.skypack.dev/lodash";
 export { _ };
+export { serve } from "https://deno.land/[email protected]/http/server.ts";
+export { createYoga } from "https://esm.sh/[email protected]?external=graphql";
+import SchemaBuilder from "https://esm.sh/*@pothos/[email protected]";
+export { SchemaBuilder };

import_map.json

@@ -0,0 +1,5 @@
+{
+  "imports": {
+    "graphql": "https://esm.sh/[email protected]"
+  }
+}

main.ts

@@ -3,6 +3,7 @@ import down from "./src/cmd/down.ts";
 import init from "./src/cmd/init.ts";
 import list from "./src/cmd/list.ts";
 import logs from "./src/cmd/logs.ts";
+import server from "./src/cmd/server.ts";
 import shell from "./src/cmd/shell.ts";
 import up from "./src/cmd/up.ts";
 import { VERSION } from "./src/consts.ts";
@@ -67,6 +68,14 @@ async function main() {
     .action(async function () {
       await list();
     })
+    .command("server", "Start the Pocketenv server")
+    .option(
+      "--port <port:number>",
+      "Port to start the server on, defaults to 4090"
+    )
+    .action(async function (options) {
+      await server(options);
+    })
     .parse(Deno.args);
 }
 

src/cmd/server.ts

@@ -1,3 +1,14 @@
-async function server({ port: _port }: { port?: number }) {}
+import { createYoga } from "../../deps.ts";
+import { schema } from "../server/graphql/schema.ts";
+
+function server({ port }: { port?: number }) {
+  const yoga = createYoga({
+    schema,
+  });
+
+  console.log(`Server started on http://localhost:${port || 4090} 🚀`);
+
+  Deno.serve({ port: port || 4090 }, yoga);
+}
 
 export default server;

src/server/graphql/builder.ts

@@ -0,0 +1,4 @@
+import { SchemaBuilder } from "../../../deps.ts";
+import { Context } from "./context.ts";
+
+export const builder = new SchemaBuilder<{ Context: Context }>({});

src/server/graphql/context.ts

@@ -0,0 +1,13 @@
+import { Workspace } from "../../type.ts";
+
+export type KV = {
+  workspace: {
+    save: (path: string, data: Workspace) => Promise<void>;
+    get: (path: string) => Promise<Workspace>;
+    list: () => Promise<Workspace[]>;
+  };
+};
+
+export type Context = {
+  kv: KV;
+};

src/server/graphql/objects/project.ts

@@ -0,0 +1,27 @@
+export class Project {
+  id: string;
+  name: string;
+  template: string;
+  status: string;
+  containerId: string;
+  createdAt: string;
+  updatedAt: string;
+
+  constructor({
+    id,
+    name,
+    template,
+    status,
+    containerId,
+    createdAt,
+    updatedAt,
+  }: Project) {
+    this.id = id;
+    this.name = name;
+    this.template = template;
+    this.status = status;
+    this.containerId = containerId;
+    this.createdAt = createdAt;
+    this.updatedAt = updatedAt;
+  }
+}

src/server/graphql/objects/template.ts

@@ -0,0 +1,27 @@
+export class Template {
+  id: string;
+  name: string;
+  description: string;
+  logo: string;
+  readme: string;
+  repoUrl: string;
+  packageName: string;
+
+  constructor({
+    id,
+    name,
+    description,
+    logo,
+    readme,
+    repoUrl,
+    packageName,
+  }: Template) {
+    this.id = id;
+    this.name = name;
+    this.description = description;
+    this.logo = logo;
+    this.readme = readme;
+    this.repoUrl = repoUrl;
+    this.packageName = packageName;
+  }
+}

src/server/graphql/resolvers/projects/mutations.ts

@@ -0,0 +1,18 @@
+import { Context } from "../../context.ts";
+import { Project } from "../../objects/project.ts";
+
+export async function createProject(
+  root: any,
+  args: any,
+  ctx: Context
+): Promise<Project> {
+  return new Project({
+    id: "2",
+    name: "trusting_pasteur",
+    template: "nix",
+    status: "Stopped",
+    containerId: "",
+    createdAt: "2024-02-11T19:00:00.778Z",
+    updatedAt: "2024-02-11T19:00:00.778Z",
+  });
+}

src/server/graphql/resolvers/projects/queries.ts

@@ -0,0 +1,47 @@
+import { Context } from "../../context.ts";
+import { Project } from "../../objects/project.ts";
+
+export async function getProjects(
+  root: any,
+  args: any,
+  ctx: Context
+): Promise<Project[]> {
+  const projects = [
+    {
+      id: "1",
+      name: "confident_dubinsky",
+      template: "pkgx",
+      status: "Running",
+      containerId: "cf9d06c80fec",
+      createdAt: "2024-02-11T19:00:00.778Z",
+      updatedAt: "2024-02-11T19:00:00.778Z",
+    },
+    {
+      id: "2",
+      name: "trusting_pasteur",
+      template: "nix",
+      status: "Stopped",
+      containerId: "",
+      createdAt: "2024-02-11T19:00:00.778Z",
+      updatedAt: "2024-02-11T19:00:00.778Z",
+    },
+  ];
+  return projects;
+}
+
+export async function getProjectDetails(
+  root: any,
+  args: any,
+  ctx: Context
+): Promise<Project | null> {
+  const project = {
+    id: "1",
+    name: "confident_dubinsky",
+    template: "pkgx",
+    status: "Running",
+    containerId: "cf9d06c80fec",
+    createdAt: "2024-02-11T19:00:00.778Z",
+    updatedAt: "2024-02-11T19:00:00.778Z",
+  };
+  return project;
+}

src/server/graphql/resolvers/templates/mocks.ts

@@ -0,0 +1,64 @@
+import { Template } from "../../objects/template.ts";
+
+export const templates: Template[] = [
+  {
+    id: "1",
+    name: "Devbox",
+    description:
+      "A ready-to-use development environment with devbox already installed.",
+    logo: "https://cdn.jsdelivr.net/gh/fluent-ci-templates/.github@main/assets/devbox_logo_dark.png",
+    readme: "https://cdn.jsdelivr.net/gh/pocketenv-io/devbox@main/README.md",
+    repoUrl: "https://github.com/pocketenv-io/devbox",
+    packageName: "devbox",
+  },
+  {
+    id: "2",
+    name: "Devenv",
+    description:
+      "A ready-to-use development environment with devenv already installed.",
+    logo: "data:image/jpeg;base64,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",
+    readme: "https://cdn.jsdelivr.net/gh/pocketenv-io/devenv@main/README.md",
+    repoUrl: "https://github.com/pocketenv-io/devenv",
+    packageName: "devenv",
+  },
+  {
+    id: "3",
+    name: "Flox",
+    description:
+      "A ready-to-use development environment with flox already installed.",
+    logo: "https://cdn.jsdelivr.net/gh/fluent-ci-templates/.github@main/assets/flox.svg",
+    readme: "https://cdn.jsdelivr.net/gh/pocketenv-io/flox@main/README.md",
+    repoUrl: "https://github.com/pocketenv-io/flox",
+    packageName: "flox",
+  },
+  {
+    id: "4",
+    name: "Homebrew",
+    description:
+      "A ready-to-use development environment with homebrew already installed.",
+    logo: "https://upload.wikimedia.org/wikipedia/commons/9/95/Brew_logo.svg",
+    readme: "https://cdn.jsdelivr.net/gh/pocketenv-io/homebrew@main/README.md",
+    repoUrl: "https://github.com/pocketenv-io/homebrew",
+    packageName: "homebrew",
+  },
+  {
+    id: "5",
+    name: "Pkgx",
+    description:
+      "A ready-to-use development environment with pkgx already installed.",
+    logo: "https://avatars.githubusercontent.com/u/140643783?s=200&v=4",
+    readme: "https://cdn.jsdelivr.net/gh/pocketenv-io/pkgx@main/README.md",
+    repoUrl: "https://github.com/pocketenv-io/pkgx",
+    packageName: "pkgx",
+  },
+  {
+    id: "6",
+    name: "Nix",
+    description:
+      "A ready-to-use development environment with nix already installed.",
+    logo: "https://upload.wikimedia.org/wikipedia/commons/2/28/Nix_snowflake.svg",
+    readme: "https://cdn.jsdelivr.net/gh/pocketenv-io/nix@main/README.md",
+    repoUrl: "https://github.com/pocketenv-io/nix",
+    packageName: "nix",
+  },
+];

src/server/graphql/resolvers/templates/queries.ts

@@ -0,0 +1,20 @@
+import { Context } from "../../context.ts";
+import { Template } from "../../objects/template.ts";
+import { templates } from "./mocks.ts";
+
+export async function getTemplates(
+  root: any,
+  args: any,
+  ctx: Context
+): Promise<Template[]> {
+  return templates;
+}
+
+export async function getTemplateDetails(
+  root: any,
+  args: any,
+  ctx: Context
+): Promise<Template | null> {
+  const template = templates.find((template) => template.id === args.id);
+  return template!;
+}