Idk, quick backup

packages/call/package.json

@@ -0,0 +1,32 @@
+{
+  "name": "@tensamin/call",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "exports": {
+    "./context": "./src/context.tsx",
+    "./screen": "./src/screen.tsx",
+    "./utils": "./src/utils.ts"
+  },
+  "scripts": {
+    "format": "bunx prettier --write .",
+    "lint": "eslint src",
+    "build": "tsc -p tsconfig.json --noEmit"
+  },
+  "dependencies": {
+    "@tanstack/react-query": "^5.0.0",
+    "@tanstack/react-router": "^1.0.0",
+    "@tanstack/react-virtual": "^3.0.0",
+    "@tensamin/crypto": "workspace:*",
+    "@tensamin/ttp": "workspace:*",
+    "@tensamin/storage": "workspace:*",
+    "@tensamin/user": "workspace:*",
+    "@tensamin/markdown": "workspace:*",
+    "@tensamin/shared": "workspace:*",
+    "@tensamin/ui": "workspace:*",
+    "lucide-react": "^0.564.0",
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0",
+    "zod": "^4.3.6"
+  }
+}

packages/call/src/context.tsx

@@ -0,0 +1,76 @@
+import { createContext, useContext, useEffect, useState } from "react";
+import { log } from "@tensamin/shared/log";
+import { useNavigate } from "@tanstack/react-router";
+
+export const context = createContext<contextType | undefined>(undefined);
+
+export default function Provider(props: { children: React.ReactNode }) {
+  const navigate = useNavigate();
+  
+  const [state, setState] = useState<"closed" | "connecting" | "open">(
+    "closed",
+  );
+
+  const [callId, setCallId] = useState<string | null>(null);
+  const [callSecret, setCallSecret] = useState<string | null>(null);
+
+  function connect(callId: string, callSecret: string) {
+    setState("connecting");
+    setCallId(callId);
+    setCallSecret(callSecret);
+    log(2, "Call", "purple", "Connecting to call", { callId, callSecret });
+  }
+
+  // Master reset function
+  function disconnect() {
+    setState("closed");
+    setCallId(null);
+    setCallSecret(null);
+  }
+
+  // Utils
+  function joinCall(userId: number, callId?: string) {
+    // get/generate e2ee secret
+      // go into convs and find call id
+      // generate shared secret and decrypt enc call secret
+  
+    // check if user is already in call
+  
+    // connect to call
+    connect("", "");
+  
+    // navigate to call page
+    navigate({ to: "/call", search: { userId: userId, callId: callId } });
+  }
+
+  // Event listener for incoming calls
+  useEffect(() => {}, []);
+
+  return (
+    <context.Provider
+      value={{
+        state,
+        connect,
+        disconnect,
+        joinCall,
+      }}
+    >
+      {props.children}
+    </context.Provider>
+  );
+}
+
+type contextType = {
+  state: "closed" | "connecting" | "open";
+  connect: (callId: string, callSecret: string) => void;
+  disconnect: () => void;
+  joinCall: (userId: number, callId?: string) => void;
+};
+
+export function useCall(): contextType {
+  const ctx = useContext(context);
+  if (!ctx) {
+    throw new Error("useCall must be used within a CallProvider");
+  }
+  return ctx;
+}

packages/call/src/screen.tsx

@@ -0,0 +1,3 @@
+export default function Screen() {
+  return <div></div>;
+}

packages/call/src/utils.ts

@@ -0,0 +1,3 @@
+export function displayCallId(callId: string) {
+  return callId.slice(0, 4) + "..." + callId.slice(-4);
+}

packages/call/src/values.ts

@@ -0,0 +1,13 @@
+import { z } from "zod";
+import { socket } from "@tensamin/shared/data";
+
+export type RawMessages = z.infer<
+  typeof socket.messages_get.response
+>["messages"];
+
+export type RawMessage = RawMessages[number];
+
+export type LiveMessage = RawMessage & {
+  failed?: boolean;
+  localId: string;
+};

packages/call/tsconfig.json

@@ -0,0 +1,12 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "jsx": "react-jsx",
+    "strict": true,
+    "skipLibCheck": true,
+    "noEmit": true
+  },
+  "include": ["src"]
+}

packages/shared/src/data.ts

@@ -21,6 +21,18 @@ const message = z.object({
   display: z.boolean().optional(),
 });
 
+export const failedUser = {
+  display: "Failed to load user",
+  iota_id: 0,
+  omikron_connections: [],
+  online_status: "user_borked",
+  public_key: "",
+  sub_end: 0,
+  sub_level: 0,
+  user_id: 0,
+  username: "unknown",
+} as z.infer<typeof socket.get_user_data.response>;
+
 // Socket
 export const socket = {
   identification: {

packages/shared/src/log.tsx

@@ -2,12 +2,11 @@ import { toast as sonnerToast } from "sonner";
 import { Ban, Check, Info, TriangleAlert } from "lucide-react";
 
 /**
- * Executes log.
- * @param logLevel Parameter logLevel.
- * @param logger Parameter logger.
- * @param color Parameter color.
- * @param args Parameter args.
- * @returns unknown.
+ * Log Levels
+ * - 0: Always logged
+ * - 1: Errors and warnings
+ * - 2: Useful information
+ * - 3: Debug messages
  */
 export function log(
   logLevel: number,

packages/ttp/src/codec.ts

@@ -196,6 +196,7 @@ const DATA_TYPES = [
 	"timeout",
 	"has_admin",
 	"last_message_at",
+	"height"
 ] as const;
 
 const COMMUNICATION_TYPE_BY_NAME = createIndexMap(COMMUNICATION_TYPES);
@@ -224,6 +225,7 @@ registerDataKinds("number", [
 	"sub_level",
 	"sub_end",
 	"last_message_at",
+	"height"
 ]);
 
 registerDataKinds("string", [
@@ -276,7 +278,7 @@ registerDataKinds({ array: "number" }, [
 	"last_ping",
 	"ping_iota",
 	"get_time",
-	"omikron_connections",
+	"omikron_connections"
 ]);
 
 registerDataKinds("container", [

packages/ui/src/cmp/select.tsx

@@ -0,0 +1,199 @@
+import * as React from "react"
+import { Select as SelectPrimitive } from "@base-ui/react/select"
+
+import { cn } from "@/lib/utils"
+import { ChevronDownIcon, CheckIcon, ChevronUpIcon } from "lucide-react"
+
+const Select = SelectPrimitive.Root
+
+function SelectGroup({ className, ...props }: SelectPrimitive.Group.Props) {
+  return (
+    <SelectPrimitive.Group
+      data-slot="select-group"
+      className={cn("scroll-my-1 p-1", className)}
+      {...props}
+    />
+  )
+}
+
+function SelectValue({ className, ...props }: SelectPrimitive.Value.Props) {
+  return (
+    <SelectPrimitive.Value
+      data-slot="select-value"
+      className={cn("flex flex-1 text-left", className)}
+      {...props}
+    />
+  )
+}
+
+function SelectTrigger({
+  className,
+  size = "default",
+  children,
+  ...props
+}: SelectPrimitive.Trigger.Props & {
+  size?: "sm" | "default"
+}) {
+  return (
+    <SelectPrimitive.Trigger
+      data-slot="select-trigger"
+      data-size={size}
+      className={cn(
+        "flex w-fit items-center justify-between gap-1.5 rounded-lg border border-input bg-transparent py-2 pr-2 pl-2.5 text-sm whitespace-nowrap transition-colors outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 data-placeholder:text-muted-foreground data-[size=default]:h-8 data-[size=sm]:h-7 data-[size=sm]:rounded-[min(var(--radius-md),10px)] *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-1.5 dark:bg-input/30 dark:hover:bg-input/50 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      )}
+      {...props}
+    >
+      {children}
+      <SelectPrimitive.Icon
+        render={
+          <ChevronDownIcon className="pointer-events-none size-4 text-muted-foreground" />
+        }
+      />
+    </SelectPrimitive.Trigger>
+  )
+}
+
+function SelectContent({
+  className,
+  children,
+  side = "bottom",
+  sideOffset = 4,
+  align = "center",
+  alignOffset = 0,
+  alignItemWithTrigger = true,
+  ...props
+}: SelectPrimitive.Popup.Props &
+  Pick<
+    SelectPrimitive.Positioner.Props,
+    "align" | "alignOffset" | "side" | "sideOffset" | "alignItemWithTrigger"
+  >) {
+  return (
+    <SelectPrimitive.Portal>
+      <SelectPrimitive.Positioner
+        side={side}
+        sideOffset={sideOffset}
+        align={align}
+        alignOffset={alignOffset}
+        alignItemWithTrigger={alignItemWithTrigger}
+        className="isolate z-50"
+      >
+        <SelectPrimitive.Popup
+          data-slot="select-content"
+          data-align-trigger={alignItemWithTrigger}
+          className={cn("isolate z-50 max-h-(--available-height) w-(--anchor-width) min-w-36 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-lg text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 data-[align-trigger=true]:animate-none data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 animate-none! relative bg-popover/70 before:pointer-events-none before:absolute before:inset-0 before:-z-1 before:rounded-[inherit] before:backdrop-blur-2xl before:backdrop-saturate-150 **:data-[slot$=-item]:focus:bg-foreground/10 **:data-[slot$=-item]:data-highlighted:bg-foreground/10 **:data-[slot$=-separator]:bg-foreground/5 **:data-[slot$=-trigger]:focus:bg-foreground/10 **:data-[slot$=-trigger]:aria-expanded:bg-foreground/10! **:data-[variant=destructive]:focus:bg-foreground/10! **:data-[variant=destructive]:text-accent-foreground! **:data-[variant=destructive]:**:text-accent-foreground!", className )}
+          {...props}
+        >
+          <SelectScrollUpButton />
+          <SelectPrimitive.List>{children}</SelectPrimitive.List>
+          <SelectScrollDownButton />
+        </SelectPrimitive.Popup>
+      </SelectPrimitive.Positioner>
+    </SelectPrimitive.Portal>
+  )
+}
+
+function SelectLabel({
+  className,
+  ...props
+}: SelectPrimitive.GroupLabel.Props) {
+  return (
+    <SelectPrimitive.GroupLabel
+      data-slot="select-label"
+      className={cn("px-1.5 py-1 text-xs text-muted-foreground", className)}
+      {...props}
+    />
+  )
+}
+
+function SelectItem({
+  className,
+  children,
+  ...props
+}: SelectPrimitive.Item.Props) {
+  return (
+    <SelectPrimitive.Item
+      data-slot="select-item"
+      className={cn(
+        "relative flex w-full cursor-default items-center gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
+        className
+      )}
+      {...props}
+    >
+      <SelectPrimitive.ItemText className="flex flex-1 shrink-0 gap-2 whitespace-nowrap">
+        {children}
+      </SelectPrimitive.ItemText>
+      <SelectPrimitive.ItemIndicator
+        render={
+          <span className="pointer-events-none absolute right-2 flex size-4 items-center justify-center" />
+        }
+      >
+        <CheckIcon className="pointer-events-none" />
+      </SelectPrimitive.ItemIndicator>
+    </SelectPrimitive.Item>
+  )
+}
+
+function SelectSeparator({
+  className,
+  ...props
+}: SelectPrimitive.Separator.Props) {
+  return (
+    <SelectPrimitive.Separator
+      data-slot="select-separator"
+      className={cn("pointer-events-none -mx-1 my-1 h-px bg-border", className)}
+      {...props}
+    />
+  )
+}
+
+function SelectScrollUpButton({
+  className,
+  ...props
+}: React.ComponentProps<typeof SelectPrimitive.ScrollUpArrow>) {
+  return (
+    <SelectPrimitive.ScrollUpArrow
+      data-slot="select-scroll-up-button"
+      className={cn(
+        "top-0 z-10 flex w-full cursor-default items-center justify-center bg-popover py-1 [&_svg:not([class*='size-'])]:size-4",
+        className
+      )}
+      {...props}
+    >
+      <ChevronUpIcon
+      />
+    </SelectPrimitive.ScrollUpArrow>
+  )
+}
+
+function SelectScrollDownButton({
+  className,
+  ...props
+}: React.ComponentProps<typeof SelectPrimitive.ScrollDownArrow>) {
+  return (
+    <SelectPrimitive.ScrollDownArrow
+      data-slot="select-scroll-down-button"
+      className={cn(
+        "bottom-0 z-10 flex w-full cursor-default items-center justify-center bg-popover py-1 [&_svg:not([class*='size-'])]:size-4",
+        className
+      )}
+      {...props}
+    >
+      <ChevronDownIcon
+      />
+    </SelectPrimitive.ScrollDownArrow>
+  )
+}
+
+export {
+  Select,
+  SelectContent,
+  SelectGroup,
+  SelectItem,
+  SelectLabel,
+  SelectScrollDownButton,
+  SelectScrollUpButton,
+  SelectSeparator,
+  SelectTrigger,
+  SelectValue,
+}

packages/user/src/wrapper.tsx

@@ -1,25 +1,26 @@
-import * as React from "react";
+import { useEffect, useState } from "react";
 import { useUser, type User } from "./context";
 
-/**
- * Executes Wrapper.
- * @param props Parameter props.
- * @returns unknown.
- */
+import { failedUser } from "@tensamin/shared/data";
+
+// Wrapper function to pass user data to some component
 export default function Wrapper(props: {
   userId?: number;
   loading: React.ReactNode;
   component: (user: User) => React.ReactNode;
 }) {
   const { get } = useUser();
-  const [user, setUser] = React.useState<User | null>(null);
+  const [user, setUser] = useState<User | null>(null);
 
-  React.useEffect(() => {
-    if (!props.userId) return;
+  useEffect(() => {
+    if (!props.userId) {
+      setUser(failedUser);
+      return;
+    }
 
     let active = true;
 
-    void get(props.userId)
+    get(props.userId)
       .then((value) => {
         if (active) {
           setUser(value);
@@ -27,7 +28,7 @@ export default function Wrapper(props: {
       })
       .catch(() => {
         if (active) {
-          setUser(null);
+          setUser(failedUser);
         }
       });