fix(css): twitter css for page router

apps/web/package.json

@@ -52,6 +52,8 @@
     "@types/node": "20.11.24",
     "@types/react": "^18.2.61",
     "@types/react-dom": "18.2.19",
+    "css-loader": "^7.1.2",
+    "style-loader": "^4.0.0",
     "tailwindcss": "^3.4.1",
     "tsconfig": "workspace:*"
   }

packages/headless/package.json

@@ -1,6 +1,6 @@
 {
-  "name": "novel",
-  "version": "1.0.0",
+  "name": "@matias_perezp/novel",
+  "version": "1.0.1",
   "description": "Notion-style WYSIWYG editor with AI-powered autocompletions",
   "license": "Apache-2.0",
   "type": "module",
@@ -46,7 +46,6 @@
     "jotai": "^2.11.0",
     "react-markdown": "^9.0.3",
     "react-moveable": "^0.56.0",
-    "react-tweet": "^3.2.1",
     "katex": "^0.16.20",
     "tippy.js": "^6.3.7",
     "tiptap-extension-global-drag-handle": "^0.1.16",
@@ -79,4 +78,4 @@
     "nextjs",
     "react"
   ]
-}
+}

packages/headless/src/extensions/index.ts

@@ -13,7 +13,6 @@ import StarterKit from "@tiptap/starter-kit";
 import { Markdown } from "tiptap-markdown";
 import CustomKeymap from "./custom-keymap";
 import { ImageResizer } from "./image-resizer";
-import { Twitter } from "./twitter";
 import { Mathematics } from "./mathematics";
 import UpdatedImage from "./updated-image";
 
@@ -63,26 +62,12 @@ const Horizontal = HorizontalRule.extend({
 export * from "./ai-highlight";
 export * from "./slash-command";
 export {
-  CodeBlockLowlight,
-  Horizontal as HorizontalRule,
+  CharacterCount, CodeBlockLowlight, Color, CustomKeymap, GlobalDragHandle, HighlightExtension, Horizontal as HorizontalRule,
   ImageResizer,
-  InputRule,
-  PlaceholderExtension as Placeholder,
+  InputRule, MarkdownExtension, Mathematics, PlaceholderExtension as Placeholder,
   StarterKit,
   TaskItem,
-  TaskList,
-  TiptapImage,
-  TiptapUnderline,
-  MarkdownExtension,
-  TextStyle,
-  Color,
-  HighlightExtension,
-  CustomKeymap,
-  TiptapLink,
-  UpdatedImage,
-  Youtube,
-  Twitter,
-  Mathematics,
-  CharacterCount,
-  GlobalDragHandle,
+  TaskList, TextStyle, TiptapImage, TiptapLink, TiptapUnderline, UpdatedImage,
+  Youtube
 };
+

packages/headless/src/index.ts

@@ -1,69 +1,31 @@
 // Components
 export {
-  EditorRoot,
-  EditorContent,
-  type EditorContentProps,
   EditorBubble,
   EditorBubbleItem,
-  EditorCommand,
-  EditorCommandList,
-  EditorCommandItem,
-  EditorCommandEmpty,
-  useEditor,
-  type EditorInstance,
-  type JSONContent,
+  EditorCommand, EditorCommandEmpty, EditorCommandItem, EditorCommandList, EditorContent, EditorRoot, useEditor, type EditorContentProps, type EditorInstance,
+  type JSONContent
 } from "./components";
 
 // Extensions
 export {
-  AIHighlight,
-  removeAIHighlight,
-  addAIHighlight,
-  CodeBlockLowlight,
-  HorizontalRule,
+  addAIHighlight, AIHighlight, CharacterCount, CodeBlockLowlight, Color, Command, createSuggestionItems, CustomKeymap, GlobalDragHandle, handleCommandNavigation, HighlightExtension, HorizontalRule,
   ImageResizer,
-  InputRule,
-  Placeholder,
-  StarterKit,
+  InputRule, MarkdownExtension, Mathematics, Placeholder, removeAIHighlight, renderItems, StarterKit,
   TaskItem,
-  TaskList,
-  TiptapImage,
-  TiptapUnderline,
-  MarkdownExtension,
-  TextStyle,
-  Color,
-  HighlightExtension,
-  CustomKeymap,
-  TiptapLink,
-  UpdatedImage,
-  Youtube,
-  Twitter,
-  Mathematics,
-  CharacterCount,
-  GlobalDragHandle,
-  Command,
-  renderItems,
-  createSuggestionItems,
-  handleCommandNavigation,
-  type SuggestionItem,
+  TaskList, TextStyle, TiptapImage, TiptapLink, TiptapUnderline, UpdatedImage,
+  Youtube, type SuggestionItem
 } from "./extensions";
 
 // Plugins
 export {
-  UploadImagesPlugin,
-  type UploadFn,
-  type ImageUploadOptions,
   createImageUpload,
   handleImageDrop,
-  handleImagePaste,
+  handleImagePaste, UploadImagesPlugin, type ImageUploadOptions, type UploadFn
 } from "./plugins";
 
 // Utils
 export {
-  isValidUrl,
-  getUrlFromString,
-  getPrevText,
-  getAllContent,
+  getAllContent, getPrevText, getUrlFromString, isValidUrl
 } from "./utils";
 
 // Store and Atoms