Add stub package to temporarily cover non-optional prettier-plugin-so…

…rt-imports peer dependency

package.json

@@ -35,6 +35,7 @@
     "@types/showdown": "^2.0.0",
     "@typescript-eslint/eslint-plugin": "^5.35.1",
     "@typescript-eslint/parser": "^5.35.1",
+    "@vue/compiler-sfc": "./scripts/stub-package",
     "approx-string-match": "^2.0.0",
     "autoprefixer": "^10.0.1",
     "aws-sdk": "^2.345.0",
@@ -105,8 +106,7 @@
     "arrowParens": "avoid",
     "singleQuote": true,
     "importOrder": ["^[./]"],
-    "importOrderSeparation": true,
-    "importOrderCaseInsensitive": true
+    "importOrderSeparation": true
   },
   "main": "./build/boot.js",
   "scripts": {

scripts/stub-package/package.json

@@ -0,0 +1,12 @@
+{
+  "name": "@vue/compiler-sfc",
+  "version": "3.0.0",
+  "description": "This is a workaround for a peer dependency on @trivago/prettier-plugin-sort-imports which is not properly marked as optional. To be removed once solved: https://github.com/trivago/prettier-plugin-sort-imports/issues/201",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC"
+}

src/boot/index.js

@@ -4,6 +4,7 @@
 // The same boot script is used for both entry points so that the browser
 // already has it cached when it encounters the reference in the sidebar
 // application.
+//
 // @ts-ignore - This file is generated before the boot bundle is built.
 import manifest from '../../build/manifest.json';
 import { bootHypothesisClient, bootSidebarApp } from './boot';

src/sidebar/components/AnnotationView.tsx

@@ -3,9 +3,9 @@ import { useEffect, useState } from 'preact/hooks';
 import { withServices } from '../service-context';
 import type { LoadAnnotationsService } from '../services/load-annotations';
 import { useSidebarStore } from '../store';
-import { useRootThread } from './hooks/use-root-thread';
 import SidebarContentError from './SidebarContentError';
 import ThreadList from './ThreadList';
+import { useRootThread } from './hooks/use-root-thread';
 
 type AnnotationViewProps = {
   onLogin: () => void;

src/sidebar/components/NotebookView.tsx

@@ -12,10 +12,10 @@ import { withServices } from '../service-context';
 import type { LoadAnnotationsService } from '../services/load-annotations';
 import type { StreamerService } from '../services/streamer';
 import { useSidebarStore } from '../store';
-import { useRootThread } from './hooks/use-root-thread';
 import NotebookFilters from './NotebookFilters';
 import NotebookResultCount from './NotebookResultCount';
 import PaginatedThreadList from './PaginatedThreadList';
+import { useRootThread } from './hooks/use-root-thread';
 
 export type NotebookViewProps = {
   // injected

src/sidebar/components/SidebarView.tsx

@@ -7,12 +7,12 @@ import type { LoadAnnotationsService } from '../services/load-annotations';
 import type { StreamerService } from '../services/streamer';
 import { useSidebarStore } from '../store';
 import FilterStatus from './FilterStatus';
-import { useRootThread } from './hooks/use-root-thread';
 import LoggedOutMessage from './LoggedOutMessage';
 import LoginPromptPanel from './LoginPromptPanel';
 import SelectionTabs from './SelectionTabs';
 import SidebarContentError from './SidebarContentError';
 import ThreadList from './ThreadList';
+import { useRootThread } from './hooks/use-root-thread';
 
 export type SidebarViewProps = {
   onLogin: () => void;

src/sidebar/components/StreamView.tsx

@@ -5,8 +5,8 @@ import type { APIService } from '../services/api';
 import type { ToastMessengerService } from '../services/toast-messenger';
 import { useSidebarStore } from '../store';
 import * as searchFilter from '../util/search-filter';
-import { useRootThread } from './hooks/use-root-thread';
 import ThreadList from './ThreadList';
+import { useRootThread } from './hooks/use-root-thread';
 
 export type StreamViewProps = {
   // injected

src/sidebar/index.js

@@ -1,6 +1,5 @@
 // Load polyfill for :focus-visible pseudo-class.
 import 'focus-visible';
-// The entry point component for the app.
 import { render } from 'preact';
 // Enable debugging checks for Preact. Removed in prod builds by Rollup config.
 import 'preact/debug';

yarn.lock

@@ -1987,6 +1987,9 @@
     "@typescript-eslint/types" "5.50.0"
     eslint-visitor-keys "^3.3.0"
 
+"@vue/compiler-sfc@./scripts/stub-package":
+  version "3.0.0"
+
 abbrev@1, abbrev@^1.0.0:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/abbrev/-/abbrev-1.1.1.tgz#f8f2c887ad10bf67f634f005b6987fed3179aac8"