Remove crypto and replace with npm uuid package

src/components/twui/Readme.md

@@ -19,7 +19,7 @@ This package contains a `base.css` file which has all the base css rules require
 ### Install packages
 
 ```sh
-bun add lucide-react tailwind-merge html-to-react gray-matter mdx typescript lodash react-code-blocks react-responsive-modal next-mdx-remote remark-gfm rehype-prism-plus openai ace-builds
+bun add lucide-react tailwind-merge html-to-react gray-matter mdx typescript lodash react-code-blocks react-responsive-modal next-mdx-remote remark-gfm rehype-prism-plus openai ace-builds uuid
 ```
 
 ```sh

src/components/twui/editors/TinyMCE/index.tsx

@@ -4,6 +4,7 @@ import { twMerge } from "tailwind-merge";
 import twuiSlugToNormalText from "../../utils/slug-to-normal-text";
 import Border from "../../elements/Border";
 import useTinyMCE from "./useTinyMCE";
+import { v4 as uuidv4 } from "uuid";
 
 export type TinyMCEEditorProps<KeyType extends string> = {
     options?: RawEditorOptions;
@@ -80,7 +81,7 @@ export default function TinyMCEEditor<KeyType extends string>({
 
     let valueTimeout: any;
 
-    const id = crypto.randomUUID();
+    const id = uuidv4();
 
     const updateContent = useCallback((editor: Editor) => {
         if (changeHandler) {

src/pages/admin/hosts/[host_id]/clients/(partials)/client-rules/client-rule-draft.ts

@@ -1,5 +1,6 @@
 import type { BUN_SQLITE_WGUI_CLIENT_RULES } from "@/db/types/db";
 import type { ClientRuleProtocol, ClientRuleType } from "@/src/types";
+import { v4 as uuidv4 } from "uuid";
 
 export type ClientRuleDraft = {
     local_id: string;
@@ -14,7 +15,7 @@ type CreateParams = Partial<ClientRuleDraft>;
 
 export function createClientRuleDraft(params?: CreateParams): ClientRuleDraft {
     return {
-        local_id: crypto.randomUUID(),
+        local_id: uuidv4(),
         rule_type: "destination",
         destination: "",
         ports: "",
@@ -29,7 +30,7 @@ export function clientRuleToDraft({
     rule: BUN_SQLITE_WGUI_CLIENT_RULES;
 }): ClientRuleDraft {
     return {
-        local_id: String(rule.id || crypto.randomUUID()),
+        local_id: String(rule.id || uuidv4()),
         id: rule.id,
         rule_type: rule.rule_type == "all" ? "all" : "destination",
         destination: rule.destination || "",

src/server.ts

@@ -17,7 +17,6 @@ const server = Bun.serve({
     async fetch(req, server) {
         try {
             const url = new URL(req.url);
-            console.log(`[HTTP] ${req.method} ${url.pathname}`);
 
             if (url.pathname.startsWith("/media")) {
                 return await handleMediaServer({ req });