jquery 削除

Author: a01sa01to

pnpm-lock.yaml

@@ -11,7 +11,6 @@
     "csstype": "3.1.3",
     "dayjs": "1.11.10",
     "jotai": "2.7.0",
-    "jquery": "3.7.1",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-router-dom": "6.18.0",
@@ -26,7 +25,6 @@
     "zod": "3.22.4"
   },
   "devDependencies": {
-    "@types/jquery": "3.5.29",
     "@types/react": "18.2.0",
     "@types/react-dom": "18.2.1",
     "@types/styled-components": "5.1.34",

workspaces/app/package.json

@@ -1,5 +1,4 @@
 import { atom } from 'jotai';
-import $ from 'jquery';
 
 const StateAtom = atom<JSX.Element | null>(null);
 
@@ -11,9 +10,9 @@ export const DialogContentAtom = atom(
     const isOpen = content != null;
 
     if (isOpen) {
-      $('body').css('overflow', 'hidden');
+      document.body.style.overflow = 'hidden';
     } else {
-      $('body').css('overflow', 'scroll');
+      document.body.style.overflow = 'scroll';
     }
 
     set(StateAtom, content);

workspaces/app/src/foundation/atoms/DialogContentAtom.ts

@@ -13,7 +13,6 @@
     "@wsh-2024/app": "workspace:*",
     "fzstd": "0.1.0",
     "jimp": "0.22.12",
-    "jquery": "3.7.1",
     "p-queue": "8.0.1",
     "path-browserify": "1.0.1",
     "react": "18.2.0",
@@ -24,7 +23,6 @@
   "devDependencies": {
     "@node-kit/pnpm-workspace-root": "3.2.0",
     "@types/jimp": "0.2.28",
-    "@types/jquery": "3.5.29",
     "@types/path-browserify": "1.0.2",
     "@types/react": "18.2.0",
     "@types/react-dom": "18.2.1",

workspaces/client/package.json

@@ -1,4 +1,3 @@
-import $ from 'jquery';
 import ReactDOM from 'react-dom/client';
 import { BrowserRouter } from 'react-router-dom';
 import { SWRConfig } from 'swr';
@@ -13,12 +12,12 @@ const main = async () => {
   await registerServiceWorker();
   // await preloadImages();
 
-  $(document).ready(() => {
+  document.addEventListener('DOMContentLoaded', () => {
     if (window.location.pathname.startsWith('/admin')) {
-      ReactDOM.createRoot($('#root').get(0)!).render(<AdminApp />);
+      ReactDOM.createRoot(document.getElementById('root')!).render(<AdminApp />);
     } else {
       ReactDOM.hydrateRoot(
-        $('#root').get(0)!,
+        document.getElementById('root')!,
         <SWRConfig value={{ revalidateIfStale: true, revalidateOnFocus: false, revalidateOnReconnect: false }}>
           <BrowserRouter>
             <ClientApp />