fix: safari related fix

Author: andrewdoro

apps/web/package.json

@@ -12,43 +12,43 @@
   },
   "dependencies": {
     "@radix-ui/react-dialog": "^1.0.5",
-    "@radix-ui/react-popover": "^1.0.6",
+    "@radix-ui/react-popover": "^1.0.7",
     "@radix-ui/react-scroll-area": "^1.0.5",
     "@radix-ui/react-select": "^2.0.0",
     "@radix-ui/react-separator": "^1.0.3",
     "@radix-ui/react-slot": "^1.0.2",
     "@tailwindcss/typography": "^0.5.10",
-    "@upstash/ratelimit": "^0.4.3",
-    "@vercel/analytics": "^1.0.1",
-    "@vercel/blob": "^0.9.2",
-    "@vercel/kv": "^0.2.1",
-    "ai": "^2.2.33",
+    "@upstash/ratelimit": "^1.0.1",
+    "@vercel/analytics": "^1.2.2",
+    "@vercel/blob": "^0.22.1",
+    "@vercel/kv": "^1.0.1",
+    "ai": "^3.0.12",
     "autoprefixer": "^10.4.17",
     "class-variance-authority": "^0.7.0",
-    "clsx": "^1.2.1",
-    "cmdk": "^0.2.1",
-    "eventsource-parser": "^0.1.0",
+    "clsx": "^2.1.0",
+    "cmdk": "^1.0.0",
+    "eventsource-parser": "^1.1.2",
     "highlight.js": "^11.9.0",
     "lowlight": "^3.1.0",
-    "lucide-react": "^0.244.0",
-    "next": "14.1.0",
+    "lucide-react": "^0.358.0",
+    "next": "15.1.4",
     "next-themes": "^0.2.1",
     "novel": "workspace:^",
-    "openai": "^4.27.0",
+    "openai": "^4.28.4",
     "react": "18.2.0",
     "react-dom": "18.2.0",
-    "react-markdown": "^8.0.7",
-    "sonner": "^0.7.0",
-    "tailwind-merge": "^1.14.0",
-    "tailwindcss-animate": "^1.0.6",
+    "react-markdown": "^9.0.1",
+    "sonner": "^1.4.3",
+    "tailwind-merge": "^2.2.1",
+    "tailwindcss-animate": "^1.0.7",
     "tippy.js": "^6.3.7",
-    "ts-pattern": "^5.0.6",
-    "typescript": "^5.3.3",
-    "use-debounce": "^9.0.3"
+    "ts-pattern": "^5.0.8",
+    "typescript": "^5.4.2",
+    "use-debounce": "^10.0.0"
   },
   "devDependencies": {
-    "@types/node": "18.15.3",
-    "@types/react": "^18.2.55",
+    "@types/node": "20.11.24",
+    "@types/react": "^18.2.61",
     "@types/react-dom": "18.2.19",
     "tailwindcss": "^3.4.1",
     "@biomejs/biome": "^1.7.2",

package.json

@@ -14,17 +14,18 @@
     "typecheck": "turbo typecheck"
   },
   "dependencies": {
-    "turbo": "^1.9.3"
+    "turbo": "^2.3.3"
   },
+  "packageManager": "[email protected]",
   "devDependencies": {
-    "@biomejs/biome": "^1.7.2",
-    "@commitlint/cli": "^18.6.0",
-    "@commitlint/config-conventional": "^18.6.0",
+    "@biomejs/biome": "^1.9.4",
+    "@commitlint/cli": "^19.6.1",
+    "@commitlint/config-conventional": "^19.6.0",
     "@semantic-release/changelog": "^6.0.3",
     "@semantic-release/git": "^10.0.1",
-    "husky": "^8.0.3",
-    "postcss": "^8.4.27",
-    "semantic-release": "^22.0.0"
+    "husky": "^9.1.7",
+    "postcss": "^8.5.1",
+    "semantic-release": "^24.2.1"
   },
   "commitlint": {
     "extends": [

packages/headless/package.json

@@ -20,49 +20,48 @@
   },
   "sideEffects": false,
   "peerDependencies": {
-    "react": "^18.0.0",
-    "react-dom": "^18.0.0"
+    "react": ">=18"
   },
   "dependencies": {
-    "@radix-ui/react-slot": "^1.0.2",
-    "@tiptap/core": "^2.1.7",
-    "@tiptap/extension-character-count": "^2.3.0",
-    "@tiptap/extension-code-block-lowlight": "^2.2.6",
-    "@tiptap/extension-color": "^2.1.7",
-    "@tiptap/extension-highlight": "^2.1.7",
-    "@tiptap/extension-horizontal-rule": "^2.1.7",
-    "@tiptap/extension-image": "^2.1.7",
-    "@tiptap/extension-link": "^2.1.7",
-    "@tiptap/extension-placeholder": "2.0.3",
-    "@tiptap/extension-task-item": "^2.1.7",
-    "@tiptap/extension-task-list": "^2.1.7",
-    "@tiptap/extension-text-style": "^2.1.7",
-    "@tiptap/extension-underline": "^2.1.7",
-    "@tiptap/extension-youtube": "^2.4.0",
-    "@tiptap/pm": "^2.1.7",
-    "@tiptap/react": "^2.1.7",
-    "@tiptap/starter-kit": "^2.1.7",
-    "@tiptap/suggestion": "^2.1.7",
-    "@types/node": "18.15.3",
-    "cmdk": "^0.2.1",
-    "jotai": "^2.6.4",
-    "react-markdown": "^8.0.7",
+    "@radix-ui/react-slot": "^1.1.1",
+    "@tiptap/core": "^2.11.2",
+    "@tiptap/extension-character-count": "^2.11.2",
+    "@tiptap/extension-code-block-lowlight": "^2.11.2",
+    "@tiptap/extension-color": "^2.11.2",
+    "@tiptap/extension-highlight": "^2.11.2",
+    "@tiptap/extension-horizontal-rule": "^2.11.2",
+    "@tiptap/extension-image": "^2.11.2",
+    "@tiptap/extension-link": "^2.11.2",
+    "@tiptap/extension-placeholder": "^2.11.2",
+    "@tiptap/extension-task-item": "^2.11.2",
+    "@tiptap/extension-task-list": "^2.11.2",
+    "@tiptap/extension-text-style": "^2.11.2",
+    "@tiptap/extension-underline": "^2.11.2",
+    "@tiptap/extension-youtube": "^2.11.2",
+    "@tiptap/pm": "^2.11.2",
+    "@tiptap/react": "^2.11.2",
+    "@tiptap/starter-kit": "^2.11.2",
+    "@tiptap/suggestion": "^2.11.2",
+    "@types/node": "^22.10.6",
+    "cmdk": "^1.0.4",
+    "jotai": "^2.11.0",
+    "react-markdown": "^9.0.3",
     "react-moveable": "^0.56.0",
     "react-tweet": "^3.2.1",
-    "katex": "^0.16.10",
+    "katex": "^0.16.20",
     "tippy.js": "^6.3.7",
-    "tiptap-extension-global-drag-handle": "^0.1.7",
-    "tiptap-markdown": "^0.8.9",
+    "tiptap-extension-global-drag-handle": "^0.1.16",
+    "tiptap-markdown": "^0.8.10",
     "tunnel-rat": "^0.1.2"
   },
   "devDependencies": {
-    "@biomejs/biome": "^1.7.2",
+    "@biomejs/biome": "^1.9.4",
     "@types/katex": "^0.16.7",
     "@types/react": "^18.2.55",
     "@types/react-dom": "18.2.19",
     "tsconfig": "workspace:*",
-    "tsup": "^8.0.2",
-    "typescript": "^5.3.3"
+    "tsup": "^8.3.5",
+    "typescript": "^5.7.3"
   },
   "author": "Steven Tey <[email protected]>",
   "homepage": "https://novel.sh",

packages/headless/src/components/editor-bubble.tsx

@@ -1,6 +1,6 @@
 import { BubbleMenu, isNodeSelection, useCurrentEditor } from "@tiptap/react";
-import { useMemo, useRef, useEffect, forwardRef } from "react";
 import type { BubbleMenuProps } from "@tiptap/react";
+import { forwardRef, useEffect, useMemo, useRef } from "react";
 import type { ReactNode } from "react";
 import type { Instance, Props } from "tippy.js";
 
@@ -41,10 +41,16 @@ export const EditorBubble = forwardRef<HTMLDivElement, EditorBubbleProps>(
         tippyOptions: {
           onCreate: (val) => {
             instanceRef.current = val;
+
+            instanceRef.current.popper.firstChild?.addEventListener("blur", (event) => {
+              event.preventDefault();
+              event.stopImmediatePropagation();
+            });
           },
           moveTransition: "transform 0.15s ease-out",
           ...tippyOptions,
         },
+        editor: currentEditor,
         ...rest,
       };
     }, [rest, tippyOptions]);
@@ -54,9 +60,7 @@ export const EditorBubble = forwardRef<HTMLDivElement, EditorBubbleProps>(
     return (
       // We need to add this because of https://github.com/ueberdosis/tiptap/issues/2658
       <div ref={ref}>
-        <BubbleMenu editor={currentEditor} {...bubbleMenuProps}>
-          {children}
-        </BubbleMenu>
+        <BubbleMenu {...bubbleMenuProps}>{children}</BubbleMenu>
       </div>
     );
   },

packages/headless/src/extensions/twitter.tsx

@@ -9,7 +9,7 @@ export const isValidTwitterUrl = (url: string) => {
 };
 
 const TweetComponent = ({ node }: { node: Partial<ReactNodeViewRendererOptions> }) => {
-  const url = node?.attrs?.src;
+  const url = (node?.attrs as Record<string, string>)?.src;
   const tweetId = url?.split("/").pop();
 
   if (!tweetId) {

packages/headless/src/index.ts

@@ -67,5 +67,4 @@ export {
 } from "./utils";
 
 // Store and Atoms
-export { novelStore } from "./utils/store";
 export { queryAtom, rangeAtom } from "./utils/atoms";

packages/headless/src/utils/store.ts

@@ -1,3 +1,5 @@
 import { createStore } from "jotai";
 
-export const novelStore = createStore();
+// biome-ignore lint/suspicious/noExplicitAny: <explanation>
+export const novelStore: any = createStore();
+export * from "jotai";