build: apply prettier formatting to playground

umaranis · Apr 6, 2024 · e53ced3 · e53ced3
1 parent e88cbb6
commit e53ced3
Show file tree

Hide file tree

Showing 34 changed files with 2,822 additions and 2,735 deletions.
diff --git a/demos/playground/README.md b/demos/playground/README.md
@@ -1,4 +1,3 @@
-
 # Rich Text Editor
 
-A sample Rich Text Editor using svelte-lexical
+A sample Rich Text Editor using svelte-lexical
diff --git a/demos/playground/index.html b/demos/playground/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />

diff --git a/demos/playground/package.json b/demos/playground/package.json
@@ -9,7 +9,7 @@
     "build-dev": "vite build",
     "preview": "vite preview",
     "check": "svelte-check --tsconfig ./tsconfig.json --fail-on-warnings",
-    "lint": "eslint .",
+    "lint": "prettier --check . --ignore-path ../../.gitignore && eslint .",
     "size": "pnpm build && size-limit",
     "collab": "cross-env HOST=localhost PORT=1234 npx y-websocket-server",
     "prepare-ci": "pnpm run build-dev",
@@ -73,10 +73,12 @@
     "concurrently": "^8.0.1",
     "cross-env": "^7.0.3",
     "eslint": "^8.39.0",
+    "eslint-config-prettier": "^8.8.0",
     "eslint-plugin-import": "^2.27.5",
     "eslint-plugin-svelte": "^2.35.1",
     "prettier": "^3.2.5",
     "prettier-plugin-organize-attributes": "^1.0.0",
+    "prettier-plugin-svelte": "^3.2.2",
     "serve": "^14.2.0",
     "size-limit": "^8.2.6",
     "start-server-and-test": "^2.0.0",

diff --git a/demos/playground/split/index.html b/demos/playground/split/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="utf-8" />

diff --git a/demos/playground/src/RichTextComposer.svelte b/demos/playground/src/RichTextComposer.svelte
@@ -56,8 +56,8 @@
   $: placeholderText = $settings.isCollab
     ? 'Enter some collaborative rich text...'
     : $settings.isRichText
-    ? 'Enter some rich text...'
-    : 'Enter some plain text...';
+      ? 'Enter some rich text...'
+      : 'Enter some plain text...';
 
   let isSmallWidthViewport = false;
 
@@ -67,8 +67,8 @@
     editorState: $settings.isCollab
       ? null
       : $settings.emptyEditor
-      ? undefined
-      : prepopulatedRichText,
+        ? undefined
+        : prepopulatedRichText,
     namespace: 'Playground',
     nodes: [
       HeadingNode,

diff --git a/demos/playground/src/__tests__/e2e/AutoLinks.spec.mjs b/demos/playground/src/__tests__/e2e/AutoLinks.spec.mjs
@@ -156,42 +156,45 @@ test.describe('Auto Links', () => {
     );
   });
 
-  test.fixme('Does not create redundant auto-link', async ({page, isPlainText}) => {
-    test.skip(isPlainText);
-    await focusEditor(page);
-    await page.keyboard.type('hm');
+  test.fixme(
+    'Does not create redundant auto-link',
+    async ({page, isPlainText}) => {
+      test.skip(isPlainText);
+      await focusEditor(page);
+      await page.keyboard.type('hm');
 
-    await selectAll(page);
-    await click(page, '.link');
+      await selectAll(page);
+      await click(page, '.link');
 
-    await assertHTML(
-      page,
-      html`
-        <p dir="ltr">
-          <a href="https://" dir="ltr" rel="noopener">
-            <span data-lexical-text="true">hm</span>
-          </a>
-        </p>
-      `,
-      undefined,
-      {ignoreClasses: true},
-    );
-    await moveLeft(page, 1);
-    await moveRight(page, 1);
-    await page.keyboard.type('ttps://facebook.co');
-    await assertHTML(
-      page,
-      html`
-        <p dir="ltr">
-          <a href="https://" dir="ltr" rel="noopener">
-            <span data-lexical-text="true">https://facebook.com</span>
-          </a>
-        </p>
-      `,
-      undefined,
-      {ignoreClasses: true},
-    );
-  });
+      await assertHTML(
+        page,
+        html`
+          <p dir="ltr">
+            <a href="https://" dir="ltr" rel="noopener">
+              <span data-lexical-text="true">hm</span>
+            </a>
+          </p>
+        `,
+        undefined,
+        {ignoreClasses: true},
+      );
+      await moveLeft(page, 1);
+      await moveRight(page, 1);
+      await page.keyboard.type('ttps://facebook.co');
+      await assertHTML(
+        page,
+        html`
+          <p dir="ltr">
+            <a href="https://" dir="ltr" rel="noopener">
+              <span data-lexical-text="true">https://facebook.com</span>
+            </a>
+          </p>
+        `,
+        undefined,
+        {ignoreClasses: true},
+      );
+    },
+  );
 
   test('Can create links when pasting text with multiple autolinks in a row separated by non-alphanumeric characters, but not whitespaces', async ({
     page,

diff --git a/demos/playground/src/__tests__/e2e/BlockWithAlignableContents.spec.mjs b/demos/playground/src/__tests__/e2e/BlockWithAlignableContents.spec.mjs
@@ -6,7 +6,7 @@
  *
  */
 
-import { selectAll } from '../keyboardShortcuts/index.mjs';
+import {selectAll} from '../keyboardShortcuts/index.mjs';
 import {
   assertHTML,
   focusEditor,
@@ -20,7 +20,7 @@ import {
 const TEST_URL = 'https://www.youtube-nocookie.com/embed/jNQXAC9IVRw';
 test.describe('BlockWithAlignableContents', () => {
   test.fixme();
-  test.beforeEach(({ isCollab, page }) => initialize({ isCollab, page }));
+  test.beforeEach(({isCollab, page}) => initialize({isCollab, page}));
 
   test('Can create full width blocks for YouTube videos', async ({
     page,
@@ -126,7 +126,7 @@ test.describe('BlockWithAlignableContents', () => {
         </p>
       `,
       undefined,
-      { ignoreClasses: true },
+      {ignoreClasses: true},
     );
   });
 });
diff --git a/demos/playground/src/__tests__/e2e/ClearFormatting.spec.mjs b/demos/playground/src/__tests__/e2e/ClearFormatting.spec.mjs
@@ -28,11 +28,11 @@ import {
 
 test.describe('Clear All Formatting', () => {
   test.fixme();
-  test.beforeEach(({ isPlainText, isCollab, page }) => {
+  test.beforeEach(({isPlainText, isCollab, page}) => {
     test.skip(isPlainText);
-    initialize({ isCollab, page });
+    initialize({isCollab, page});
   });
-  test(`Can clear BIU formatting`, async ({ page }) => {
+  test(`Can clear BIU formatting`, async ({page}) => {
     await focusEditor(page);
 
     await page.keyboard.type('Hello');