chore(lexical-playground): make directory clear (facebook#2674)

packages/lexical-playground/src/plugins/ActionsPlugin.tsx → packages/lexical-playground/src/plugins/ActionsPlugin/index.tsx

@@ -28,13 +28,13 @@ import {
 import * as React from 'react';
 import {useCallback, useEffect, useState} from 'react';
 
-import useModal from '../hooks/useModal';
-import Button from '../ui/Button';
-import {PLAYGROUND_TRANSFORMERS} from './MarkdownTransformers';
+import useModal from '../../hooks/useModal';
+import Button from '../../ui/Button';
+import {PLAYGROUND_TRANSFORMERS} from '../MarkdownTransformers';
 import {
   SPEECH_TO_TEXT_COMMAND,
   SUPPORT_SPEECH_RECOGNITION,
-} from './SpeechToTextPlugin';
+} from '../SpeechToTextPlugin';
 
 export default function ActionsPlugin({
   isRichText,

packages/lexical-playground/src/plugins/AutocompletePlugin.tsx → packages/lexical-playground/src/plugins/AutocompletePlugin/index.tsx

@@ -29,12 +29,12 @@ import {
 } from 'lexical';
 import {useCallback, useEffect} from 'react';
 
-import {useSharedAutocompleteContext} from '../context/SharedAutocompleteContext';
+import {useSharedAutocompleteContext} from '../../context/SharedAutocompleteContext';
 import {
   $createAutocompleteNode,
   AutocompleteNode,
-} from '../nodes/AutocompleteNode';
-import {addSwipeRightListener} from '../utils/swipe';
+} from '../../nodes/AutocompleteNode';
+import {addSwipeRightListener} from '../../utils/swipe';
 
 type SearchPromise = {
   dismiss: () => void;

packages/lexical-playground/src/plugins/CodeActionMenuPlugin.tsx → packages/lexical-playground/src/plugins/CodeActionMenuPlugin/index.tsx

@@ -6,7 +6,7 @@
  *
  */
 
-import './CodeActionMenuPlugin.css';
+import './index.css';
 
 import {$isCodeNode, CodeNode, getLanguageFriendlyName} from '@lexical/code';
 import {useLexicalComposerContext} from '@lexical/react/LexicalComposerContext';

packages/lexical-playground/src/plugins/CommentPlugin.tsx → packages/lexical-playground/src/plugins/CommentPlugin/index.tsx

@@ -14,7 +14,7 @@ import type {
 } from 'lexical';
 import type {Doc} from 'yjs';
 
-import './CommentPlugin.css';
+import './index.css';
 
 import {
   $createMarkNode,
@@ -59,12 +59,12 @@ import {
   createThread,
   Thread,
   useCommentStore,
-} from '../commenting';
-import useModal from '../hooks/useModal';
-import CommentEditorTheme from '../themes/CommentEditorTheme';
-import Button from '../ui/Button';
-import ContentEditable from '../ui/ContentEditable.jsx';
-import Placeholder from '../ui/Placeholder.jsx';
+} from '../../commenting';
+import useModal from '../../hooks/useModal';
+import CommentEditorTheme from '../../themes/CommentEditorTheme';
+import Button from '../../ui/Button';
+import ContentEditable from '../../ui/ContentEditable.jsx';
+import Placeholder from '../../ui/Placeholder.jsx';
 
 export const INSERT_INLINE_COMMAND: LexicalCommand<void> = createCommand();
 

packages/lexical-playground/src/plugins/ComponentPickerPlugin.tsx → packages/lexical-playground/src/plugins/ComponentPickerPlugin/index.tsx

@@ -33,17 +33,17 @@ import {useCallback, useMemo, useState} from 'react';
 import * as React from 'react';
 import * as ReactDOM from 'react-dom';
 
-import useModal from '../hooks/useModal';
-import catTypingGif from '../images/cat-typing.gif';
-import {INSERT_EXCALIDRAW_COMMAND} from './ExcalidrawPlugin';
-import {INSERT_IMAGE_COMMAND} from './ImagesPlugin';
+import useModal from '../../hooks/useModal';
+import catTypingGif from '../../images/cat-typing.gif';
+import {INSERT_EXCALIDRAW_COMMAND} from '../ExcalidrawPlugin';
+import {INSERT_IMAGE_COMMAND} from '../ImagesPlugin';
 import {
   InsertEquationDialog,
   InsertImageDialog,
   InsertPollDialog,
   InsertTableDialog,
   InsertTweetDialog,
-} from './ToolbarPlugin';
+} from '../ToolbarPlugin';
 
 class ComponentPickerOption extends TypeaheadOption {
   // What shows up in the editor

packages/lexical-playground/src/plugins/EmojisPlugin.ts → packages/lexical-playground/src/plugins/EmojisPlugin/index.ts

@@ -12,7 +12,7 @@ import {useLexicalComposerContext} from '@lexical/react/LexicalComposerContext';
 import {TextNode} from 'lexical';
 import {useEffect} from 'react';
 
-import {$createEmojiNode, EmojiNode} from '../nodes/EmojiNode';
+import {$createEmojiNode, EmojiNode} from '../../nodes/EmojiNode';
 
 const emojis: Map<string, [string, string]> = new Map([
   [':)', ['emoji happysmile', '🙂']],

packages/lexical-playground/src/plugins/EquationsPlugin.ts → packages/lexical-playground/src/plugins/EquationsPlugin/index.ts

@@ -19,7 +19,7 @@ import {
 } from 'lexical';
 import {useEffect} from 'react';
 
-import {$createEquationNode, EquationNode} from '../nodes/EquationNode';
+import {$createEquationNode, EquationNode} from '../../nodes/EquationNode';
 
 type CommandPayload = {
   equation: string;

packages/lexical-playground/src/plugins/ExcalidrawPlugin.ts → packages/lexical-playground/src/plugins/ExcalidrawPlugin/index.ts

@@ -16,7 +16,10 @@ import {
 } from 'lexical';
 import {useEffect} from 'react';
 
-import {$createExcalidrawNode, ExcalidrawNode} from '../nodes/ExcalidrawNode';
+import {
+  $createExcalidrawNode,
+  ExcalidrawNode,
+} from '../../nodes/ExcalidrawNode';
 
 export const INSERT_EXCALIDRAW_COMMAND: LexicalCommand<void> = createCommand();
 export default function ExcalidrawPlugin(): JSX.Element | null {

packages/lexical-playground/src/plugins/ImagesPlugin.ts → packages/lexical-playground/src/plugins/ImagesPlugin/index.ts

@@ -32,7 +32,7 @@ import {
   $isImageNode,
   ImageNode,
   ImagePayload,
-} from '../nodes/ImageNode';
+} from '../../nodes/ImageNode';
 
 export type InsertImagePayload = Readonly<ImagePayload>;
 

packages/lexical-playground/src/plugins/KeywordsPlugin.ts → packages/lexical-playground/src/plugins/KeywordsPlugin/index.ts

@@ -12,7 +12,7 @@ import {useLexicalComposerContext} from '@lexical/react/LexicalComposerContext';
 import {useLexicalTextEntity} from '@lexical/react/useLexicalTextEntity';
 import {useCallback, useEffect} from 'react';
 
-import {$createKeywordNode, KeywordNode} from '../nodes/KeywordNode';
+import {$createKeywordNode, KeywordNode} from '../../nodes/KeywordNode';
 
 const KEYWORDS_REGEX =
   /(^|$|[^A-Za-zªµºÀ-ÖØ-öø-ˁˆ-ˑˠ-ˤˬˮͰ-ʹͶͷͺ-ͽΆΈ-ΊΌΎ-ΡΣ-ϵϷ-ҁҊ-ԧԱ-Ֆՙա-ևא-תװ-ײؠ-يٮٯٱ-ۓەۥۦۮۯۺ-ۼۿܐܒ-ܯݍ-ޥޱߊ-ߪߴߵߺࠀ-ࠕࠚࠤࠨࡀ-ࡘࢠࢢ-ࢬऄ-हऽॐक़-ॡॱ-ॷॹ-ॿঅ-ঌএঐও-নপ-রলশ-হঽৎড়ঢ়য়-ৡৰৱਅ-ਊਏਐਓ-ਨਪ-ਰਲਲ਼ਵਸ਼ਸਹਖ਼-ੜਫ਼ੲ-ੴઅ-ઍએ-ઑઓ-નપ-રલળવ-હઽૐૠૡଅ-ଌଏଐଓ-ନପ-ରଲଳଵ-ହଽଡ଼ଢ଼ୟ-ୡୱஃஅ-ஊஎ-ஐஒ-கஙசஜஞடணதந-பம-ஹௐఅ-ఌఎ-ఐఒ-నప-ళవ-హఽౘౙౠౡಅ-ಌಎ-ಐಒ-ನಪ-ಳವ-ಹಽೞೠೡೱೲഅ-ഌഎ-ഐഒ-ഺഽൎൠൡൺ-ൿඅ-ඖක-නඳ-රලව-ෆก-ะาำเ-ๆກຂຄງຈຊຍດ-ທນ-ຟມ-ຣລວສຫອ-ະາຳຽເ-ໄໆໜ-ໟༀཀ-ཇཉ-ཬྈ-ྌက-ဪဿၐ-ၕၚ-ၝၡၥၦၮ-ၰၵ-ႁႎႠ-ჅჇჍა-ჺჼ-ቈቊ-ቍቐ-ቖቘቚ-ቝበ-ኈኊ-ኍነ-ኰኲ-ኵኸ-ኾዀዂ-ዅወ-ዖዘ-ጐጒ-ጕጘ-ፚᎀ-ᎏᎠ-Ᏼᐁ-ᙬᙯ-ᙿᚁ-ᚚᚠ-ᛪᜀ-ᜌᜎ-ᜑᜠ-ᜱᝀ-ᝑᝠ-ᝬᝮ-ᝰក-ឳៗៜᠠ-ᡷᢀ-ᢨᢪᢰ-ᣵᤀ-ᤜᥐ-ᥭᥰ-ᥴᦀ-ᦫᧁ-ᧇᨀ-ᨖᨠ-ᩔᪧᬅ-ᬳᭅ-ᭋᮃ-ᮠᮮᮯᮺ-ᯥᰀ-ᰣᱍ-ᱏᱚ-ᱽᳩ-ᳬᳮ-ᳱᳵᳶᴀ-ᶿḀ-ἕἘ-Ἕἠ-ὅὈ-Ὅὐ-ὗὙὛὝὟ-ώᾀ-ᾴᾶ-ᾼιῂ-ῄῆ-ῌῐ-ΐῖ-Ίῠ-Ῥῲ-ῴῶ-ῼⁱⁿₐ-ₜℂℇℊ-ℓℕℙ-ℝℤΩℨK-ℭℯ-ℹℼ-ℿⅅ-ⅉⅎↃↄⰀ-Ⱞⰰ-ⱞⱠ-ⳤⳫ-ⳮⳲⳳⴀ-ⴥⴧⴭⴰ-ⵧⵯⶀ-ⶖⶠ-ⶦⶨ-ⶮⶰ-ⶶⶸ-ⶾⷀ-ⷆⷈ-ⷎⷐ-ⷖⷘ-ⷞⸯ々〆〱-〵〻〼ぁ-ゖゝ-ゟァ-ヺー-ヿㄅ-ㄭㄱ-ㆎㆠ-ㆺㇰ-ㇿ㐀-䶵一-鿌ꀀ-ꒌꓐ-ꓽꔀ-ꘌꘐ-ꘟꘪꘫꙀ-ꙮꙿ-ꚗꚠ-ꛥꜗ-ꜟꜢ-ꞈꞋ-ꞎꞐ-ꞓꞠ-Ɦꟸ-ꠁꠃ-ꠅꠇ-ꠊꠌ-ꠢꡀ-ꡳꢂ-ꢳꣲ-ꣷꣻꤊ-ꤥꤰ-ꥆꥠ-ꥼꦄ-ꦲꧏꨀ-ꨨꩀ-ꩂꩄ-ꩋꩠ-ꩶꩺꪀ-ꪯꪱꪵꪶꪹ-ꪽꫀꫂꫛ-ꫝꫠ-ꫪꫲ-ꫴꬁ-ꬆꬉ-ꬎꬑ-ꬖꬠ-ꬦꬨ-ꬮꯀ-ꯢ가-힣ힰ-ퟆퟋ-ퟻ豈-舘並-龎ff-stﬓ-ﬗיִײַ-ﬨשׁ-זּטּ-לּמּנּסּףּפּצּ-ﮱﯓ-ﴽﵐ-ﶏﶒ-ﷇﷰ-ﷻﹰ-ﹴﹶ-ﻼＡ-Ｚａ-ｚｦ-ﾾￂ-ￇￊ-ￏￒ-ￗￚ-ￜ])(congrats|congratulations|gratuluju|gratuluji|gratulujeme|blahopřeju|blahopřeji|blahopřejeme|Til lykke|Tillykke|Glückwunsch|Gratuliere|felicitaciones|enhorabuena|paljon onnea|onnittelut|Félicitations|gratula|gratulálok|gratulálunk|congratulazioni|complimenti|おめでとう|おめでとうございます|축하해|축하해요|gratulerer|Gefeliciteerd|gratulacje|Parabéns|parabéns|felicitações|felicitări|мои поздравления|поздравляем|поздравляю|gratulujem|blahoželám|ยินดีด้วย|ขอแสดงความยินดี|tebrikler|tebrik ederim|恭喜|祝贺你|恭喜你|恭喜|恭喜|baie geluk|veels geluk|অভিনন্দন|Čestitam|Čestitke|Čestitamo|Συγχαρητήρια|Μπράβο|અભિનંદન|badhai|बधाई|अभिनंदन|Честитам|Свака част|hongera|வாழ்த்துகள்|வாழ்த்துக்கள்|అభినందనలు|അഭിനന്ദനങ്ങൾ|Chúc mừng|מזל טוב|mazel tov|mazal tov)(^|$|[^A-Za-zªµºÀ-ÖØ-öø-ˁˆ-ˑˠ-ˤˬˮͰ-ʹͶͷͺ-ͽΆΈ-ΊΌΎ-ΡΣ-ϵϷ-ҁҊ-ԧԱ-Ֆՙա-ևא-תװ-ײؠ-يٮٯٱ-ۓەۥۦۮۯۺ-ۼۿܐܒ-ܯݍ-ޥޱߊ-ߪߴߵߺࠀ-ࠕࠚࠤࠨࡀ-ࡘࢠࢢ-ࢬऄ-हऽॐक़-ॡॱ-ॷॹ-ॿঅ-ঌএঐও-নপ-রলশ-হঽৎড়ঢ়য়-ৡৰৱਅ-ਊਏਐਓ-ਨਪ-ਰਲਲ਼ਵਸ਼ਸਹਖ਼-ੜਫ਼ੲ-ੴઅ-ઍએ-ઑઓ-નપ-રલળવ-હઽૐૠૡଅ-ଌଏଐଓ-ନପ-ରଲଳଵ-ହଽଡ଼ଢ଼ୟ-ୡୱஃஅ-ஊஎ-ஐஒ-கஙசஜஞடணதந-பம-ஹௐఅ-ఌఎ-ఐఒ-నప-ళవ-హఽౘౙౠౡಅ-ಌಎ-ಐಒ-ನಪ-ಳವ-ಹಽೞೠೡೱೲഅ-ഌഎ-ഐഒ-ഺഽൎൠൡൺ-ൿඅ-ඖක-නඳ-රලව-ෆก-ะาำเ-ๆກຂຄງຈຊຍດ-ທນ-ຟມ-ຣລວສຫອ-ະາຳຽເ-ໄໆໜ-ໟༀཀ-ཇཉ-ཬྈ-ྌက-ဪဿၐ-ၕၚ-ၝၡၥၦၮ-ၰၵ-ႁႎႠ-ჅჇჍა-ჺჼ-ቈቊ-ቍቐ-ቖቘቚ-ቝበ-ኈኊ-ኍነ-ኰኲ-ኵኸ-ኾዀዂ-ዅወ-ዖዘ-ጐጒ-ጕጘ-ፚᎀ-ᎏᎠ-Ᏼᐁ-ᙬᙯ-ᙿᚁ-ᚚᚠ-ᛪᜀ-ᜌᜎ-ᜑᜠ-ᜱᝀ-ᝑᝠ-ᝬᝮ-ᝰក-ឳៗៜᠠ-ᡷᢀ-ᢨᢪᢰ-ᣵᤀ-ᤜᥐ-ᥭᥰ-ᥴᦀ-ᦫᧁ-ᧇᨀ-ᨖᨠ-ᩔᪧᬅ-ᬳᭅ-ᭋᮃ-ᮠᮮᮯᮺ-ᯥᰀ-ᰣᱍ-ᱏᱚ-ᱽᳩ-ᳬᳮ-ᳱᳵᳶᴀ-ᶿḀ-ἕἘ-Ἕἠ-ὅὈ-Ὅὐ-ὗὙὛὝὟ-ώᾀ-ᾴᾶ-ᾼιῂ-ῄῆ-ῌῐ-ΐῖ-Ίῠ-Ῥῲ-ῴῶ-ῼⁱⁿₐ-ₜℂℇℊ-ℓℕℙ-ℝℤΩℨK-ℭℯ-ℹℼ-ℿⅅ-ⅉⅎↃↄⰀ-Ⱞⰰ-ⱞⱠ-ⳤⳫ-ⳮⳲⳳⴀ-ⴥⴧⴭⴰ-ⵧⵯⶀ-ⶖⶠ-ⶦⶨ-ⶮⶰ-ⶶⶸ-ⶾⷀ-ⷆⷈ-ⷎⷐ-ⷖⷘ-ⷞⸯ々〆〱-〵〻〼ぁ-ゖゝ-ゟァ-ヺー-ヿㄅ-ㄭㄱ-ㆎㆠ-ㆺㇰ-ㇿ㐀-䶵一-鿌ꀀ-ꒌꓐ-ꓽꔀ-ꘌꘐ-ꘟꘪꘫꙀ-ꙮꙿ-ꚗꚠ-ꛥꜗ-ꜟꜢ-ꞈꞋ-ꞎꞐ-ꞓꞠ-Ɦꟸ-ꠁꠃ-ꠅꠇ-ꠊꠌ-ꠢꡀ-ꡳꢂ-ꢳꣲ-ꣷꣻꤊ-ꤥꤰ-ꥆꥠ-ꥼꦄ-ꦲꧏꨀ-ꨨꩀ-ꩂꩄ-ꩋꩠ-ꩶꩺꪀ-ꪯꪱꪵꪶꪹ-ꪽꫀꫂꫛ-ꫝꫠ-ꫪꫲ-ꫴꬁ-ꬆꬉ-ꬎꬑ-ꬖꬠ-ꬦꬨ-ꬮꯀ-ꯢ가-힣ힰ-ퟆퟋ-ퟻ豈-舘並-龎ff-stﬓ-ﬗיִײַ-ﬨשׁ-זּטּ-לּמּנּסּףּפּצּ-ﮱﯓ-ﴽﵐ-ﶏﶒ-ﷇﷰ-ﷻﹰ-ﹴﹶ-ﻼＡ-Ｚａ-ｚｦ-ﾾￂ-ￇￊ-ￏￒ-ￗￚ-ￜ])/i;

packages/lexical-playground/src/plugins/MarkdownShortcutPlugin.tsx → packages/lexical-playground/src/plugins/MarkdownShortcutPlugin/index.tsx

@@ -9,7 +9,7 @@
 import {MarkdownShortcutPlugin} from '@lexical/react/LexicalMarkdownShortcutPlugin';
 import * as React from 'react';
 
-import {PLAYGROUND_TRANSFORMERS} from './MarkdownTransformers';
+import {PLAYGROUND_TRANSFORMERS} from '../MarkdownTransformers';
 
 export default function MarkdownPlugin(): JSX.Element {
   return <MarkdownShortcutPlugin transformers={PLAYGROUND_TRANSFORMERS} />;

packages/lexical-playground/src/plugins/MarkdownTransformers.ts → packages/lexical-playground/src/plugins/MarkdownTransformers/index.ts

@@ -41,9 +41,9 @@ import {
   $isTextNode,
 } from 'lexical';
 
-import {$createEquationNode, $isEquationNode} from '../nodes/EquationNode';
-import {$createImageNode, $isImageNode} from '../nodes/ImageNode';
-import {$createTweetNode, $isTweetNode} from '../nodes/TweetNode';
+import {$createEquationNode, $isEquationNode} from '../../nodes/EquationNode';
+import {$createImageNode, $isImageNode} from '../../nodes/ImageNode';
+import {$createTweetNode, $isTweetNode} from '../../nodes/TweetNode';
 
 export const HR: ElementTransformer = {
   export: (node: LexicalNode) => {

packages/lexical-playground/src/plugins/MentionsPlugin.tsx → packages/lexical-playground/src/plugins/MentionsPlugin/index.tsx

@@ -18,7 +18,7 @@ import {useCallback, useEffect, useMemo, useState} from 'react';
 import * as React from 'react';
 import * as ReactDOM from 'react-dom';
 
-import {$createMentionNode} from '../nodes/MentionNode';
+import {$createMentionNode} from '../../nodes/MentionNode';
 
 const PUNCTUATION =
   '\\.,\\+\\*\\?\\$\\@\\|#{}\\(\\)\\^\\-\\[\\]\\\\/!%\'"~=<>_:;';

packages/lexical-playground/src/plugins/PollPlugin.ts → packages/lexical-playground/src/plugins/PollPlugin/index.ts

@@ -18,7 +18,7 @@ import {
 } from 'lexical';
 import {useEffect} from 'react';
 
-import {$createPollNode, PollNode} from '../nodes/PollNode';
+import {$createPollNode, PollNode} from '../../nodes/PollNode';
 
 export const INSERT_POLL_COMMAND: LexicalCommand<string> = createCommand();
 

packages/lexical-playground/src/plugins/SpeechToTextPlugin.ts → packages/lexical-playground/src/plugins/SpeechToTextPlugin/index.ts

@@ -19,7 +19,7 @@ import {
 } from 'lexical';
 import {useEffect, useRef, useState} from 'react';
 
-import useReport from '../hooks/useReport';
+import useReport from '../../hooks/useReport';
 
 export const SPEECH_TO_TEXT_COMMAND: LexicalCommand<boolean> = createCommand();
 

packages/lexical-playground/src/plugins/StickyPlugin.ts → packages/lexical-playground/src/plugins/StickyPlugin/index.ts

@@ -9,7 +9,7 @@
 import {useLexicalComposerContext} from '@lexical/react/LexicalComposerContext';
 import {useEffect} from 'react';
 
-import {StickyNode} from '../nodes/StickyNode';
+import {StickyNode} from '../../nodes/StickyNode';
 
 export default function StickyPlugin(): JSX.Element | null {
   const [editor] = useLexicalComposerContext();

packages/lexical-playground/src/plugins/TableCellResizer.tsx → packages/lexical-playground/src/plugins/TableCellResizer/index.tsx

@@ -8,7 +8,7 @@
 import type {Cell} from '@lexical/table';
 import type {LexicalEditor} from 'lexical';
 
-import './TableCellResizer.css';
+import './index.css';
 
 import {useLexicalComposerContext} from '@lexical/react/LexicalComposerContext';
 import {

packages/lexical-playground/src/plugins/TableOfContentsPlugin.tsx → packages/lexical-playground/src/plugins/TableOfContentsPlugin/index.tsx

@@ -8,7 +8,7 @@
 import type {HeadingTagType} from '@lexical/rich-text';
 import type {NodeKey} from 'lexical';
 
-import '../ui/TableOfContentsStyle.css';
+import './index.css';
 
 import {useLexicalComposerContext} from '@lexical/react/LexicalComposerContext';
 import LexicalTableOfContents__EXPERIMENTAL from '@lexical/react/LexicalTableOfContents__EXPERIMENTAL';

packages/lexical-playground/src/plugins/TextFormatFloatingToolbarPlugin.tsx → packages/lexical-playground/src/plugins/TextFormatFloatingToolbarPlugin/index.tsx

@@ -27,7 +27,7 @@ import {useCallback, useEffect, useRef, useState} from 'react';
 import * as React from 'react';
 import {createPortal} from 'react-dom';
 
-import {INSERT_INLINE_COMMAND} from './CommentPlugin';
+import {INSERT_INLINE_COMMAND} from '../CommentPlugin';
 
 function setPopupPosition(
   editor: HTMLElement,

packages/lexical-playground/src/plugins/ToolbarPlugin.tsx → packages/lexical-playground/src/plugins/ToolbarPlugin/index.tsx

@@ -6,15 +6,15 @@
  *
  */
 
-import type {InsertImagePayload} from './ImagesPlugin';
+import type {InsertImagePayload} from '../ImagesPlugin';
 import type {
   GridSelection,
   LexicalEditor,
   NodeSelection,
   RangeSelection,
 } from 'lexical';
 
-import './ToolbarPlugin.css';
+import './index.css';
 
 import {
   $createCodeNode,
@@ -82,25 +82,25 @@ import {ChangeEvent, useCallback, useEffect, useRef, useState} from 'react';
 import {createPortal} from 'react-dom';
 import {IS_APPLE} from 'shared/environment';
 
-import useModal from '../hooks/useModal';
-import catTypingGif from '../images/cat-typing.gif';
-import yellowFlowerImage from '../images/yellow-flower.jpg';
-import {$createStickyNode} from '../nodes/StickyNode';
-import {$isTweetNode} from '../nodes/TweetNode';
-import {$isYouTubeNode} from '../nodes/YouTubeNode';
-import Button from '../ui/Button';
-import ColorPicker from '../ui/ColorPicker';
-import DropDown, {DropDownItem} from '../ui/DropDown';
-import FileInput from '../ui/FileInput.jsx';
-import KatexEquationAlterer from '../ui/KatexEquationAlterer';
-import LinkPreview from '../ui/LinkPreview';
-import TextInput from '../ui/TextInput';
-import {INSERT_EQUATION_COMMAND} from './EquationsPlugin';
-import {INSERT_EXCALIDRAW_COMMAND} from './ExcalidrawPlugin';
-import {INSERT_IMAGE_COMMAND} from './ImagesPlugin';
-import {INSERT_POLL_COMMAND} from './PollPlugin';
-import {INSERT_TWEET_COMMAND} from './TwitterPlugin';
-import {INSERT_YOUTUBE_COMMAND} from './YouTubePlugin';
+import useModal from '../../hooks/useModal';
+import catTypingGif from '../../images/cat-typing.gif';
+import yellowFlowerImage from '../../images/yellow-flower.jpg';
+import {$createStickyNode} from '../../nodes/StickyNode';
+import {$isTweetNode} from '../../nodes/TweetNode';
+import {$isYouTubeNode} from '../../nodes/YouTubeNode';
+import Button from '../../ui/Button';
+import ColorPicker from '../../ui/ColorPicker';
+import DropDown, {DropDownItem} from '../../ui/DropDown';
+import FileInput from '../../ui/FileInput.jsx';
+import KatexEquationAlterer from '../../ui/KatexEquationAlterer';
+import LinkPreview from '../../ui/LinkPreview';
+import TextInput from '../../ui/TextInput';
+import {INSERT_EQUATION_COMMAND} from '../EquationsPlugin';
+import {INSERT_EXCALIDRAW_COMMAND} from '../ExcalidrawPlugin';
+import {INSERT_IMAGE_COMMAND} from '../ImagesPlugin';
+import {INSERT_POLL_COMMAND} from '../PollPlugin';
+import {INSERT_TWEET_COMMAND} from '../TwitterPlugin';
+import {INSERT_YOUTUBE_COMMAND} from '../YouTubePlugin';
 
 const blockTypeToBlockName = {
   bullet: 'Bulleted List',

packages/lexical-playground/src/plugins/TwitterPlugin.ts → packages/lexical-playground/src/plugins/TwitterPlugin/index.ts

@@ -11,7 +11,7 @@ import {$insertBlockNode} from '@lexical/utils';
 import {COMMAND_PRIORITY_EDITOR, createCommand, LexicalCommand} from 'lexical';
 import {useEffect} from 'react';
 
-import {$createTweetNode, TweetNode} from '../nodes/TweetNode';
+import {$createTweetNode, TweetNode} from '../../nodes/TweetNode';
 
 export const INSERT_TWEET_COMMAND: LexicalCommand<string> = createCommand();
 

packages/lexical-playground/src/plugins/TypingPerfPlugin.ts → packages/lexical-playground/src/plugins/TypingPerfPlugin/index.ts

@@ -8,7 +8,7 @@
 
 import {useEffect} from 'react';
 
-import useReport from '../hooks/useReport';
+import useReport from '../../hooks/useReport';
 
 const validInputTypes = new Set([
   'insertText',

packages/lexical-playground/src/plugins/YouTubePlugin.ts → packages/lexical-playground/src/plugins/YouTubePlugin/index.ts

@@ -11,7 +11,7 @@ import {$insertBlockNode} from '@lexical/utils';
 import {COMMAND_PRIORITY_EDITOR, createCommand, LexicalCommand} from 'lexical';
 import {useEffect} from 'react';
 
-import {$createYouTubeNode, YouTubeNode} from '../nodes/YouTubeNode';
+import {$createYouTubeNode, YouTubeNode} from '../../nodes/YouTubeNode';
 
 export const INSERT_YOUTUBE_COMMAND: LexicalCommand<string> = createCommand();