feat: migrate auth from supabase to better auth (#596)

* feat: add README for @cio/db package and remove existingAccounts.json * load session, load profile and organization, add create profile hook * chore: cache session request The trick was passing all the cookies to the backend. Previously I was only passing the better-auth.session_token and not better-auth.session_data. Read about the difference here https://www.better-auth.com/docs/concepts/cookies#custom-cookies * feat: login, logout, onboarding, verify email, reset password. * feat: complete change email and email verification * feat: standardise how we make rpc calls and create org endpoints * fix ui errors * fix: handle potential undefined customerId and standardize avatar URL property * refactor: standardize custom domain handling and update telegram chat ID references * chore: add tailwind prefix to @cio/ui this fixed the media query issues because @cio/ui classes were overriding this dashboard tailwind build * chore: clean up org sidebar * chore: persist mode state * feat: implement order breadcrumbs * chore: upgrade to better auth 1.4 * chore: address common auth flow bugs and setup app for others to setup locally.
2025-11-24 01:00:50 +01:00
parent 24741644d6
commit a3924100dd
567 changed files with 22364 additions and 13437 deletions
@@ -4,33 +4,33 @@ import type { Component } from 'svelte';
 import type { NodeViewProps, Node } from '@tiptap/core';

 export const ImageExtended = (component: Component<NodeViewProps>): Node<ImageOptions, unknown> => {
-	return Image.extend({
-		addAttributes() {
-			return {
-				src: {
-					default: null
-				},
-				alt: {
-					default: null
-				},
-				title: {
-					default: null
-				},
-				width: {
-					default: '100%'
-				},
-				height: {
-					default: null
-				},
-				align: {
-					default: 'left'
-				}
-			};
-		},
-		addNodeView: () => {
-			return SvelteNodeViewRenderer(component);
-		}
-	}).configure({
-		allowBase64: true
-	});
+  return Image.extend({
+    addAttributes() {
+      return {
+        src: {
+          default: null
+        },
+        alt: {
+          default: null
+        },
+        title: {
+          default: null
+        },
+        width: {
+          default: '100%'
+        },
+        height: {
+          default: null
+        },
+        align: {
+          default: 'left'
+        }
+      };
+    },
+    addNodeView: () => {
+      return SvelteNodeViewRenderer(component);
+    }
+  }).configure({
+    allowBase64: true
+  });
 };
@@ -3,62 +3,60 @@ import type { Component } from 'svelte';
 import { SvelteNodeViewRenderer } from 'svelte-tiptap';

 export interface ImagePlaceholderOptions {
-	HTMLAttributes: Record<string, object>;
-	onDrop: (files: File[], editor: Editor) => void;
-	onDropRejected?: (files: File[], editor: Editor) => void;
-	onEmbed: (url: string, editor: Editor) => void;
-	allowedMimeTypes?: Record<string, string[]>;
-	maxFiles?: number;
-	maxSize?: number;
+  HTMLAttributes: Record<string, object>;
+  onDrop: (files: File[], editor: Editor) => void;
+  onDropRejected?: (files: File[], editor: Editor) => void;
+  onEmbed: (url: string, editor: Editor) => void;
+  allowedMimeTypes?: Record<string, string[]>;
+  maxFiles?: number;
+  maxSize?: number;
 }

 declare module '@tiptap/core' {
-	interface Commands<ReturnType> {
-		imagePlaceholder: {
-			/**
-			 * Inserts an image placeholder
-			 */
-			insertImagePlaceholder: () => ReturnType;
-		};
-	}
+  interface Commands<ReturnType> {
+    imagePlaceholder: {
+      /**
+       * Inserts an image placeholder
+       */
+      insertImagePlaceholder: () => ReturnType;
+    };
+  }
 }

-export const ImagePlaceholder = (
-	component: Component<NodeViewProps>
-): Node<ImagePlaceholderOptions> =>
-	Node.create<ImagePlaceholderOptions>({
-		name: 'image-placeholder',
-		addOptions() {
-			return {
-				HTMLAttributes: {},
-				onDrop: () => {},
-				onDropRejected: () => {},
-				onEmbed: () => {}
-			};
-		},
-		parseHTML() {
-			return [{ tag: `div[data-type="${this.name}"]` }];
-		},
+export const ImagePlaceholder = (component: Component<NodeViewProps>): Node<ImagePlaceholderOptions> =>
+  Node.create<ImagePlaceholderOptions>({
+    name: 'image-placeholder',
+    addOptions() {
+      return {
+        HTMLAttributes: {},
+        onDrop: () => {},
+        onDropRejected: () => {},
+        onEmbed: () => {}
+      };
+    },
+    parseHTML() {
+      return [{ tag: `div[data-type="${this.name}"]` }];
+    },

-		renderHTML({ HTMLAttributes }) {
-			return ['div', mergeAttributes(HTMLAttributes)];
-		},
-		group: 'block',
-		draggable: true,
-		atom: true,
-		content: 'inline*',
-		isolating: true,
+    renderHTML({ HTMLAttributes }) {
+      return ['div', mergeAttributes(HTMLAttributes)];
+    },
+    group: 'block',
+    draggable: true,
+    atom: true,
+    content: 'inline*',
+    isolating: true,

-		addNodeView() {
-			return SvelteNodeViewRenderer(component);
-		},
-		addCommands() {
-			return {
-				insertImagePlaceholder: () => (props: CommandProps) => {
-					return props.commands.insertContent({
-						type: 'image-placeholder'
-					});
-				}
-			};
-		}
-	});
+    addNodeView() {
+      return SvelteNodeViewRenderer(component);
+    },
+    addCommands() {
+      return {
+        insertImagePlaceholder: () => (props: CommandProps) => {
+          return props.commands.insertContent({
+            type: 'image-placeholder'
+          });
+        }
+      };
+    }
+  });