feat: route installer

README.md

@@ -7,38 +7,40 @@
 <!-- START PACKAGES -->
 
 **Packages**  
-[@truffle/ui@`0.1.12`](./ui) - Unified UI library (WIP)  
-[@truffle/context@`1.0.0`](./context) - Framework-agnostic context  
-[@truffle/youtube-js@`0.5.9`](./youtube-js) - Truffle fork of [Youtube.js](https://github.com/LuanRT/YouTube.js)  
-[@truffle/config@`1.0.0`](./config) - Env/API config  
-[@truffle/utils@`0.0.35`](./utils) - Browser & Node utilities  
-[@truffle/state@`0.0.12`](./state) - Signals coupled with Legend state for React  
+[@truffle/router@`1.0.0`](./router) - Framework-agnostic fs router  
+[@truffle/events@`0.0.1`](./events) - Utilities for handling webhooks from Truffle  
 [@truffle/distribute@`2.0.20`](./distribute) - Wrappers to create web components from various frameworks  
+[@truffle/global-context@`1.0.0`](./global-context) - Truffle Global Context to share info between packages  
+[@truffle/config@`1.0.0`](./config) - Env/API config  
 [@truffle/third-party-oauth@`2.0.22`](./third-party-oauth) - Login and other auth utilities  
 [@truffle/api@`0.2.27`](./api) - Hooks and functions for interacting with Truffle's backend  
-[@truffle/global-context@`1.0.0`](./global-context) - Truffle Global Context to share info between packages  
-[@truffle/events@`0.0.1`](./events) - Utilities for handling webhooks from Truffle  
-[@truffle/router@`1.0.0`](./router) - Framework-agnostic fs router
+[@truffle/utils@`0.0.35`](./utils) - Browser & Node utilities  
+[@truffle/ui@`0.1.12`](./ui) - Unified UI library (WIP)  
+[@truffle/context@`1.0.0`](./context) - Framework-agnostic context  
+[@truffle/state@`0.0.12`](./state) - Signals coupled with Legend state for React  
+[@truffle/youtube-js@`0.5.9`](./youtube-js) - Truffle fork of [Youtube.js](https://github.com/LuanRT/YouTube.js)  
+[@truffle/route-installer@`0.5.7`](./route-installer) - Provides an action that allows packages to add their routes into other packages.  
+[@truffle/functions@`0.0.4`](./functions) - Utilities for creating Truffle Edge Functions
 
 **Examples**  
-[@truffle/spotify-integration@`3.0.1`](./examples/spotify-integration) - Spotify Now Playing widget  
-[@truffle/create-react-project@`0.5.8`](./examples/create-react-project) - Truffle project React template  
-[@truffle/mashing-minigame@`0.2.12`](./examples/mashing-minigame) - Round-based minigame example  
 [@truffle/mutation-observer@`0.4.2`](./examples/mutation-observer) - Mutation Observer example  
-[@truffle/chants@`0.0.5`](./examples/chants) - Chants  
+[@truffle/mashing-minigame@`0.2.12`](./examples/mashing-minigame) - Round-based minigame example  
+[@truffle/spotify-integration@`3.0.1`](./examples/spotify-integration) - Spotify Now Playing widget  
 [@truffle/events-demo-backend@`0.0.12`](./examples/events-demo-backend) - [Events](../../events) demo  
+[@truffle/create-react-project@`0.5.8`](./examples/create-react-project) - Truffle project React template  
 [@dev/chessmaster@`0.6.3`](./examples/chessmaster) - A package to facilitate a streamer vs chat chess game using https://lichess.org.  
-[@truffle/demo-discord-bot@`0.0.1`](./examples/discord-bot-demo) - Discord bot using Truffle API  
 [@truffle/viewer-polls@`0.2.4`](./examples/viewer-polls) - Stream Polls  
-[@truffle/song-suggestions@`0.0.24`](./examples/song-suggestions) - Song Suggestions Suite
+[@truffle/demo-discord-bot@`0.0.1`](./examples/discord-bot-demo) - Discord bot using Truffle API  
+[@truffle/song-suggestions@`0.0.24`](./examples/song-suggestions) - Song Suggestions Suite  
+[@truffle/chants@`0.0.5`](./examples/chants) - Chants
 
 **Stream Projects**  
-[@truffle/chat@`0.0.16`](./stream-projects/chat) - Chat client for 3rd party chats  
+[@truffle/notifications@`0.1.4`](./stream-projects/notifications) - Send notifications to your users when you go live.  
 [@truffle/do-something@`0.1.4`](./stream-projects/do-something) - Let your audience control you through collectibles!  
 [@truffle/raid@`1.0.4`](./stream-projects/raid) - Stream Raids  
 [@truffle/better-chat@`0.0.13`](./stream-projects/better-chat) - Youtube chat mutation observer  
-[@truffle/notifications@`0.1.2`](./stream-projects/notifications) - Send notifications to your users when you go live.  
-[@truffle/chat-theme@`0.0.2`](./stream-projects/chat-theme) - Theme for chat
+[@truffle/chat@`0.0.16`](./stream-projects/chat) - Chat client for 3rd party chats  
+[@truffle/chat-theme@`0.0.3`](./stream-projects/chat-theme) - Theme for chat
 
 <!-- END PACKAGES -->
 

route-installer/.gitignore

@@ -0,0 +1 @@
+truffle.secret.*

route-installer/README.md

@@ -0,0 +1,3 @@
+# truffle-default-site
+
+Requires Node >= 18

route-installer/deno.json

@@ -0,0 +1,18 @@
+{
+  "tasks": {
+    "dev": "we'll add as soon as deno is ready for us :)"
+  },
+  "compilerOptions": {
+    "jsx": "react-jsxdev",
+    "jsxImportSource": "react",
+    "lib": [
+      "deno.ns",
+      "dom"
+    ]
+  },
+  "fmt": {
+    "options": {
+      "lineWidth": 100
+    }
+  }
+}

route-installer/deps.ts

@@ -0,0 +1,6 @@
+export {
+  makeResp,
+  serveTruffleEdgeFunction,
+  MyceliumClient,
+  gql,
+} from "https://tfl.dev/@truffle/functions@~0.0.4/mod.ts";

route-installer/functions/install-routes.ts

@@ -0,0 +1,59 @@
+import { makeResp, serveTruffleEdgeFunction } from "../deps.ts";
+import { getModulesByPackageVersionId } from "./util/modules.ts";
+import { getPackageByPath } from "./util/package.ts";
+import { saveRoute } from "./util/route.ts";
+
+interface InstallRouteRuntimeData {
+  packagePath: string;
+}
+
+serveTruffleEdgeFunction<InstallRouteRuntimeData>(
+  async ({ myceliumClient, runtimeData }) => {
+    // get the package version id
+    const packagePath = runtimeData?.packagePath;
+    if (!packagePath) {
+      return makeResp(400, {
+        error: true,
+        message: "Please specify packagePath in the runtimeData.",
+      });
+    }
+    const pkg = await getPackageByPath(packagePath, myceliumClient);
+    if (!pkg) {
+      return makeResp(404, {
+        error: true,
+        message: "Could not find package with specified slug.",
+      });
+    }
+
+    const packageVersionId = pkg.latestPackageVersionId;
+
+    // query for the modules
+    const modules = await getModulesByPackageVersionId(
+      packageVersionId,
+      myceliumClient
+    );
+
+    // console.log({ modules });
+
+    // for each module, check if it has a ROUTE_INSTALL_PATH export;
+    // if it does, upsert a route
+    for (const module of modules) {
+      const filename = module.filename;
+      const filenameParts = filename.split("/");
+      const isLayoutFile = filename.indexOf("layout.tsx") !== -1;
+      if (filenameParts[1] === "routes" && !isLayoutFile) {
+        console.log("saving route", module);
+        await saveRoute({
+          filenameParts: filenameParts.slice(1),
+          module,
+          otherModules: modules,
+          // FIXME this is the wrong packageVersionId... it needs to be the packageVersionId of the package that we're installing into
+          packageVersionId,
+          myceliumClient,
+        });
+      }
+    }
+
+    return makeResp(200, { message: "success" });
+  }
+);

route-installer/functions/util/graphql-client.ts

@@ -0,0 +1,31 @@
+const MYCELIUM_API_URL = "https://mycelium.truffle.vip/graphql";
+
+interface MyceliumOptions {
+  accessToken: string;
+  orgId: string;
+}
+
+export interface GQLResponse<T = unknown> {
+  data: T;
+  errors: unknown[];
+}
+
+export function graphqlReq(
+  query: string,
+  variables: Record<string, unknown>,
+  options: MyceliumOptions
+) {
+  return fetch(MYCELIUM_API_URL, {
+    method: "POST",
+    body: JSON.stringify({ query, variables }),
+    headers: {
+      "Content-Type": "application/json",
+      "x-org-id": options.orgId,
+      "x-access-token": options.accessToken,
+    },
+  });
+}
+
+export function gql(strings: TemplateStringsArray, ..._values: string[]) {
+  return strings.join();
+}

route-installer/functions/util/make-resp.ts

@@ -0,0 +1,8 @@
+export function makeResp(statusCode: number, body: unknown) {
+  return new Response(JSON.stringify(body), {
+    status: statusCode,
+    headers: {
+      "Content-Type": "application/json",
+    },
+  });
+}

route-installer/functions/util/modules.ts

@@ -0,0 +1,49 @@
+import { MyceliumClient, gql } from "../../deps.ts";
+
+export interface Module {
+  id: string;
+  filename: string;
+  exports: {
+    name: string;
+    type: string;
+    componentRel: {
+      id: string;
+    };
+  }[];
+}
+
+interface ModuleConnection {
+  nodes: Module[];
+}
+
+const MODULE_CONNECTION_QUERY = gql`
+  query ($packageVersionId: ID!) {
+    moduleConnection(input: { packageVersionId: $packageVersionId }) {
+      nodes {
+        id
+        filename
+        exports {
+          name
+          type
+          componentRel {
+            id
+          }
+        }
+      }
+    }
+  }
+`;
+
+export async function getModulesByPackageVersionId(
+  packageVersionId: string,
+  myceliumClient: MyceliumClient
+) {
+  return (
+    await myceliumClient.query<{ moduleConnection: ModuleConnection }>(
+      MODULE_CONNECTION_QUERY,
+      {
+        packageVersionId,
+      }
+    )
+  )?.moduleConnection?.nodes;
+}

route-installer/functions/util/package.ts

@@ -0,0 +1,24 @@
+import { MyceliumClient, gql } from "../../deps.ts";
+
+interface Package {
+  id: string;
+  latestPackageVersionId: string;
+}
+
+const PACKAGE_QUERY = gql`
+  query ($path: String!) {
+    package(input: { path: $path }) {
+      id
+      latestPackageVersionId
+    }
+  }
+`;
+
+export async function getPackageByPath(
+  path: string,
+  myceliumClient: MyceliumClient
+) {
+  return (
+    await myceliumClient.query<{ package: Package }>(PACKAGE_QUERY, { path })
+  )?.package;
+}