⭐ feat(www): Add logic to the homepage and Steam integration (#258)

## Description
<!-- Briefly describe the purpose and scope of your changes -->


<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->
## Summary by CodeRabbit

- **New Features**
- Upgraded API and authentication services with dynamic scaling,
enhanced load balancing, and real-time interaction endpoints.
- Introduced new commands to streamline local development and container
builds.
- Added new endpoints for retrieving Steam account information and
managing connections.
- Implemented a QR code authentication interface for Steam, enhancing
user login experiences.

- **Database Updates**
- Rolled out comprehensive schema migrations that improve data integrity
and indexing.
- Introduced new tables for managing Steam user credentials and machine
information.

- **UI Enhancements**
- Added refreshed animated assets and an improved QR code login flow for
a more engaging experience.
	- Introduced new styled components for displaying friends and games.

- **Maintenance**
- Completed extensive refactoring and configuration updates to optimize
performance and development workflows.
- Updated logging configurations and improved error handling mechanisms.
	- Streamlined resource definitions in the configuration files.
<!-- end of auto-generated comment: release notes by coderabbit.ai -->

---------

Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>

packages/core/src/machine/index.ts

@@ -6,13 +6,17 @@ import { machineTable } from "./machine.sql";
 import { getTableColumns, eq, sql, and, isNull } from "../drizzle";
 import { createTransaction, useTransaction } from "../drizzle/transaction";
 
-export module Machine {
+export namespace Machine {
     export const Info = z
         .object({
             id: z.string().openapi({
                 description: Common.IdDescription,
                 example: Examples.Machine.id,
             }),
+            userID: z.string().nullable().openapi({
+                description: "The userID of the user who owns this machine, in the case of BYOG",
+                example: Examples.Machine.userID
+            }),
             country: z.string().openapi({
                 description: "The fullname of the country this machine is running in",
                 example: Examples.Machine.country
@@ -42,7 +46,7 @@ export module Machine {
 
     export type Info = z.infer<typeof Info>;
 
-    export const create = fn(Info.partial({ id: true }), async (input) => 
+    export const create = fn(Info.partial({ id: true }), async (input) =>
         createTransaction(async (tx) => {
             const id = input.id ?? createID("machine");
             await tx.insert(machineTable).values({
@@ -51,6 +55,7 @@ export module Machine {
                 timezone: input.timezone,
                 fingerprint: input.fingerprint,
                 countryCode: input.countryCode,
+                userID: input.userID,
                 location: { x: input.location.longitude, y: input.location.latitude },
             })
 
@@ -63,12 +68,23 @@ export module Machine {
         })
     )
 
-    export const list = fn(z.void(), async () =>
-        useTransaction(async (tx) => 
+    export const fromUserID = fn(z.string(), async (userID) =>
+        useTransaction(async (tx) =>
             tx
                 .select()
                 .from(machineTable)
-                .where(isNull(machineTable.timeDeleted))
+                .where(and(eq(machineTable.userID, userID), isNull(machineTable.timeDeleted)))
+                .then((rows) => rows.map(serialize))
+        )
+    )
+
+    export const list = fn(z.void(), async () =>
+        useTransaction(async (tx) =>
+            tx
+                .select()
+                .from(machineTable)
+                // Show only hosted machines, not BYOG machines
+                .where(and(isNull(machineTable.userID), isNull(machineTable.timeDeleted)))
                 .then((rows) => rows.map(serialize))
         )
     )
@@ -116,7 +132,7 @@ export module Machine {
                     distance: sql`round((${sqlDistance})::numeric, 2)`
                 })
                 .from(machineTable)
-                .where(isNull(machineTable.timeDeleted)) //Should have a status update
+                .where(isNull(machineTable.timeDeleted))
                 .orderBy(sqlDistance)
                 .limit(3)
                 .then((rows) => rows.map(serialize))
@@ -128,6 +144,7 @@ export module Machine {
     ): z.infer<typeof Info> {
         return {
             id: input.id,
+            userID: input.userID,
             country: input.country,
             timezone: input.timezone,
             fingerprint: input.fingerprint,

packages/core/src/machine/machine.sql.ts

@@ -1,11 +1,12 @@
 import { } from "drizzle-orm/postgres-js";
-import { timestamps, id } from "../drizzle/types";
+import { timestamps, id, ulid } from "../drizzle/types";
 import {
     text,
     varchar,
     pgTable,
     uniqueIndex,
     point,
+    primaryKey,
 } from "drizzle-orm/pg-core";
 
 export const machineTable = pgTable(
@@ -13,6 +14,7 @@ export const machineTable = pgTable(
     {
         ...id,
         ...timestamps,
+        userID: ulid("user_id"),
         country: text('country').notNull(),
         timezone: text('timezone').notNull(),
         location: point('location', { mode: 'xy' }).notNull(),
@@ -32,6 +34,7 @@ export const machineTable = pgTable(
     },
     (table) => [
         // uniqueIndex("external_id").on(table.externalID),
-        uniqueIndex("machine_fingerprint").on(table.fingerprint)
+        uniqueIndex("machine_fingerprint").on(table.fingerprint),
+        primaryKey({ columns: [table.userID, table.id], }),
     ],
 );