chore: use import extensions in all packages (except docs) (#956)

* use import extensions in all packages (except docs)

* fix mantine

* disable extension in examples

* remove extensions from examples

* fix merged extensions

* fix build / lint

Author: YousefED

.eslintrc.js

@@ -28,6 +28,7 @@ module.exports = {
   rules: {
     "no-console": "error",
     curly: 1,
+    "import/extensions": ["error", "always", { ignorePackages: true }],
     "import/no-extraneous-dependencies": [
       "error",
       {

docs/.eslintrc.json

@@ -1,3 +1,6 @@
 {
-  "extends": "next/core-web-vitals"
+  "extends": "next/core-web-vitals",
+  "rules": {
+    "import/extensions": 0
+  }
 }

examples/03-ui-components/03-formatting-toolbar-block-type-items/App.tsx

@@ -1,14 +1,15 @@
 import { BlockNoteSchema, defaultBlockSpecs } from "@blocknote/core";
 import "@blocknote/core/fonts/inter.css";
+import { BlockNoteView } from "@blocknote/mantine";
+import "@blocknote/mantine/style.css";
 import {
   BlockTypeSelectItem,
   FormattingToolbar,
   FormattingToolbarController,
   blockTypeSelectItems,
   useCreateBlockNote,
 } from "@blocknote/react";
-import { BlockNoteView } from "@blocknote/mantine";
-import "@blocknote/mantine/style.css";
+
 import { RiAlertFill } from "react-icons/ri";
 
 import { Alert } from "./Alert";

examples/03-ui-components/04-side-menu-buttons/App.tsx

@@ -1,12 +1,12 @@
 import "@blocknote/core/fonts/inter.css";
+import { BlockNoteView } from "@blocknote/mantine";
+import "@blocknote/mantine/style.css";
 import {
   DragHandleButton,
   SideMenu,
   SideMenuController,
   useCreateBlockNote,
 } from "@blocknote/react";
-import { BlockNoteView } from "@blocknote/mantine";
-import "@blocknote/mantine/style.css";
 
 import { RemoveBlockButton } from "./RemoveBlockButton";
 

examples/03-ui-components/05-side-menu-drag-handle-items/App.tsx

@@ -1,4 +1,6 @@
 import "@blocknote/core/fonts/inter.css";
+import { BlockNoteView } from "@blocknote/mantine";
+import "@blocknote/mantine/style.css";
 import {
   BlockColorsItem,
   DragHandleMenu,
@@ -7,8 +9,6 @@ import {
   SideMenuController,
   useCreateBlockNote,
 } from "@blocknote/react";
-import { BlockNoteView } from "@blocknote/mantine";
-import "@blocknote/mantine/style.css";
 
 import { ResetBlockTypeItem } from "./ResetBlockTypeItem";
 

examples/03-ui-components/10-suggestion-menus-grid-mentions/App.tsx

@@ -4,13 +4,13 @@ import {
   filterSuggestionItems,
 } from "@blocknote/core";
 import "@blocknote/core/fonts/inter.css";
+import { BlockNoteView } from "@blocknote/mantine";
+import "@blocknote/mantine/style.css";
 import {
   DefaultReactGridSuggestionItem,
   GridSuggestionMenuController,
   useCreateBlockNote,
 } from "@blocknote/react";
-import { BlockNoteView } from "@blocknote/mantine";
-import "@blocknote/mantine/style.css";
 
 import { Mention } from "./Mention";
 

examples/03-ui-components/11-uppy-file-panel/App.tsx

@@ -1,16 +1,16 @@
 import "@blocknote/core/fonts/inter.css";
+import { BlockNoteView } from "@blocknote/mantine";
+import "@blocknote/mantine/style.css";
 import {
   FilePanelController,
   FormattingToolbar,
   FormattingToolbarController,
   getFormattingToolbarItems,
   useCreateBlockNote,
 } from "@blocknote/react";
-import { BlockNoteView } from "@blocknote/mantine";
-import "@blocknote/mantine/style.css";
 
-import { uploadFile, UppyFilePanel } from "./UppyFilePanel";
 import { FileReplaceButton } from "./FileReplaceButton";
+import { uploadFile, UppyFilePanel } from "./UppyFilePanel";
 
 export default function App() {
   // Creates a new editor instance.

examples/03-ui-components/11-uppy-file-panel/FileReplaceButton.tsx

@@ -11,6 +11,7 @@ import {
   useSelectedBlocks,
 } from "@blocknote/react";
 import { useEffect, useState } from "react";
+
 import { RiImageEditFill } from "react-icons/ri";
 import { UppyFilePanel } from "./UppyFilePanel";
 

examples/03-ui-components/link-toolbar-buttons/App.tsx

@@ -1,11 +1,11 @@
 import "@blocknote/core/fonts/inter.css";
+import { BlockNoteView } from "@blocknote/mantine";
+import "@blocknote/mantine/style.css";
 import {
   LinkToolbar,
   LinkToolbarController,
   useCreateBlockNote,
 } from "@blocknote/react";
-import { BlockNoteView } from "@blocknote/mantine";
-import "@blocknote/mantine/style.css";
 
 import { AlertButton } from "./AlertButton";
 

examples/06-custom-schema/01-alert-block/App.tsx

@@ -5,13 +5,13 @@ import {
   insertOrUpdateBlock,
 } from "@blocknote/core";
 import "@blocknote/core/fonts/inter.css";
+import { BlockNoteView } from "@blocknote/mantine";
+import "@blocknote/mantine/style.css";
 import {
   SuggestionMenuController,
   getDefaultReactSlashMenuItems,
   useCreateBlockNote,
 } from "@blocknote/react";
-import { BlockNoteView } from "@blocknote/mantine";
-import "@blocknote/mantine/style.css";
 
 import { RiAlertFill } from "react-icons/ri";
 import { Alert } from "./Alert";