feat: Open source Inferable app and control plane

.github/workflows/build.yml

@@ -24,6 +24,8 @@ jobs:
       sdk_go: ${{ steps.filter.outputs.sdk_go }}
       sdk_react: ${{ steps.filter.outputs.sdk_react }}
       cli: ${{ steps.filter.outputs.cli }}
+      control_plane: ${{ steps.filter.outputs.control_plane }}
+      app: ${{ steps.filter.outputs.app }}
     steps:
       - name: Checkout code
         uses: actions/checkout@v4
@@ -44,6 +46,119 @@ jobs:
               - 'sdk-react/**'
             cli:
               - 'cli/**'
+            control_plane:
+              - 'control-plane/**'
+            app:
+              - 'app/**'
+
+  build-control-plane:
+    needs: check_changes
+    if: ${{ needs.check_changes.outputs.control_plane == 'true' }}
+    runs-on: ubuntu-latest
+    permissions:
+      contents: read
+    defaults:
+      run:
+        working-directory: control-plane
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+      - name: Set up Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: 20
+          cache: "npm"
+          cache-dependency-path: control-plane/package-lock.json
+      - name: Install dependencies
+        run: npm ci
+      - name: Build package
+        run: npm run build
+
+  test-control-plane:
+    runs-on: ubuntu-latest
+    needs: [check_changes, build-control-plane]
+    if: ${{ needs.check_changes.outputs.control_plane == 'true' }}
+    defaults:
+      run:
+        working-directory: control-plane
+    services:
+      redis:
+        image: redis
+        ports:
+          - 6379:6379
+        options: >-
+          --health-cmd "redis-cli ping"
+          --health-interval 10s
+          --health-timeout 5s
+          --health-retries 5
+      postgres:
+        image: pgvector/pgvector:pg16
+        env:
+          POSTGRES_PASSWORD: postgres
+        options: >-
+          --health-cmd pg_isready
+          --health-interval 10s
+          --health-timeout 5s
+          --health-retries 5
+        ports:
+          - 5432:5432
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v2
+      - name: Set up Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: 20
+          cache: "npm"
+          cache-dependency-path: control-plane/package-lock.json
+      - name: Install dependencies
+        run: npm ci
+      - name: Run tests
+        run: |
+          set -eo pipefail
+          npm run test
+          if [[ "$(git rev-parse --abbrev-ref HEAD)" == "main" ]]; then
+            npx run test:ai
+          fi
+        env:
+          REDIS_URL: "redis://localhost:6379"
+          DATABASE_URL: "postgres://postgres:postgres@localhost:5432/postgres"
+          DATABASE_SSL_DISABLED: "1"
+          JWKS_URL: ${{ secrets.TEST_JWKS_URL }}
+          AWS_ACCESS_KEY_ID: ${{ secrets.TEST_AWS_ACCESS_KEY_ID }}
+          AWS_SECRET_ACCESS_KEY: ${{ secrets.TEST_AWS_SECRET_ACCESS_KEY }}
+          AWS_DEFAULT_REGION: "ap-southeast-2"
+          BEDROCK_AVAILABLE: "true"
+          SQS_RUN_PROCESS_QUEUE_URL: "PLACEHOLDER"
+          SQS_RUN_GENERATE_NAME_QUEUE_URL: "PLACEHOLDER"
+          SQS_LEARNING_INGEST_QUEUE_URL: "PLACEHOLDER"
+          SQS_CUSTOMER_TELEMETRY_QUEUE_URL: "PLACEHOLDER"
+          SQS_EXTERNAL_TOOL_CALL_QUEUE_URL: "PLACEHOLDER"
+
+  build-app:
+    needs: check_changes
+    if: ${{ needs.check_changes.outputs.app == 'true' }}
+    runs-on: ubuntu-latest
+    permissions:
+      contents: read
+    defaults:
+      run:
+        working-directory: app
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+      - name: Set up Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: 20
+          cache: "npm"
+          cache-dependency-path: app/package-lock.json
+      - name: Install dependencies
+        run: npm ci
+      - name: Build package
+        run: npm run build
+    env:
+      NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY: ${{ secrets.NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY }}
 
   build-node:
     needs: check_changes

app/.dockerignore

@@ -0,0 +1,36 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+.yarn/install-state.gz
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# local env files
+.env*
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts

app/.eslintrc.json

@@ -0,0 +1,14 @@
+{
+  "extends": [
+    "next/core-web-vitals",
+    "plugin:@typescript-eslint/recommended"
+  ],
+  "parser": "@typescript-eslint/parser",
+  "plugins": [
+    "@typescript-eslint"
+  ],
+  "rules": {
+    "@typescript-eslint/no-unused-vars": 1,
+    "@typescript-eslint/no-explicit-any": 1
+  }
+}

app/Dockerfile.dev

@@ -0,0 +1,16 @@
+FROM node:20
+
+WORKDIR /app
+
+# copy package.json and package-lock.json
+COPY --link package.json package-lock.json ./
+
+# install dependencies
+RUN npm install
+
+# copy source code
+COPY --link . .
+
+RUN npm install
+
+ENTRYPOINT [ "npm", "run", "dev" ]

app/README.md

@@ -0,0 +1,36 @@
+This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
+
+## Getting Started
+
+First, run the development server:
+
+```bash
+npm run dev
+# or
+yarn dev
+# or
+pnpm dev
+# or
+bun dev
+```
+
+Open [http://localhost:3001](http://localhost:3001) with your browser to see the result.
+
+You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
+
+This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font.
+
+## Learn More
+
+To learn more about Next.js, take a look at the following resources:
+
+- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
+- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
+
+You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!
+
+## Deploy on Vercel
+
+The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
+
+Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.

app/app/cli-auth/page.tsx

@@ -0,0 +1,67 @@
+"use client";
+
+import { useAuth, OrganizationSwitcher } from "@clerk/nextjs";
+import { Button } from "@/components/ui/button";
+import {
+  Card,
+  CardHeader,
+  CardTitle,
+  CardDescription,
+  CardContent,
+  CardFooter,
+} from "@/components/ui/card";
+import toast from "react-hot-toast";
+import { Loader } from "lucide-react";
+
+export default function Page() {
+  return (
+    <div className="flex items-center justify-center min-h-screen p-4">
+      <CliAuth />
+    </div>
+  );
+}
+
+function CliAuth() {
+  const { getToken, orgId, isLoaded } = useAuth();
+
+  const handleGetToken = async () => {
+    const newToken = await getToken({
+      template: "extended-cli-token",
+    });
+
+    if (!newToken) {
+      toast.error("Failed to get token");
+      return;
+    }
+
+    const url = new URL("http://localhost:9999");
+    url.searchParams.append("token", newToken);
+    window.location.href = url.toString();
+  };
+
+  if (!isLoaded) {
+    return <Loader className="w-10 h-10" />;
+  }
+
+  return (
+    <Card className="w-[800px]">
+      <CardHeader>
+        <CardTitle>CLI Authentication</CardTitle>
+        <CardDescription>
+          Select an organization and confirm CLI authentication
+        </CardDescription>
+      </CardHeader>
+      <CardContent>
+        <OrganizationSwitcher
+          hidePersonal={true}
+          afterSelectOrganizationUrl="/cli-auth?force=true"
+        />
+      </CardContent>
+      <CardFooter className="flex flex-col space-y-2">
+        <Button onClick={handleGetToken} className="w-full" disabled={!orgId}>
+          Authenticate CLI
+        </Button>
+      </CardFooter>
+    </Card>
+  );
+}