feat: module resolve

feat: module resolve

fix: logger repository

fix: module resolve

chore: add workflow for module resolve

chore: update workflow env

chore: update workflow install

chore: update workflow env for npm token

chore: test docker

chore: update workflow env

packages/app/next.config.js

@@ -1,8 +1,10 @@
+const withTM = require('next-transpile-modules')(['@toeverything/pathfinder-logger']);
+
 /** @type {import('next').NextConfig} */
-const nextConfig = {
+const nextConfig = withTM({
   productionBrowserSourceMaps: true,
   reactStrictMode: false,
   swcMinify: false,
-};
+});
 
 module.exports = nextConfig;

packages/app/package.json

@@ -20,9 +20,11 @@
     "@mui/base": "^5.0.0-alpha.87",
     "@mui/material": "^5.8.6",
     "@mui/icons-material": "^5.10.9",
+    "@toeverything/pathfinder-logger": "workspace:@pathfinder/logger@*",
     "css-spring": "^4.1.0",
     "lit": "^2.3.1",
     "next": "12.3.1",
+    "next-transpile-modules": "^9.1.0",
     "prettier": "^2.7.1",
     "quill": "^1.3.7",
     "quill-cursors": "^4.0.0",

packages/app/src/pages/_app.tsx

@@ -4,6 +4,7 @@ import '../../public/globals.css';
 import '../../public/variable.css';
 import './temporary.css';
 import { EditorProvider } from '@/components/editor-provider';
+import { Logger } from '@toeverything/pathfinder-logger';
 
 const ThemeProvider = dynamic(() => import('@/styles/themeProvider'), {
   ssr: false,
@@ -11,11 +12,14 @@ const ThemeProvider = dynamic(() => import('@/styles/themeProvider'), {
 
 function MyApp({ Component, pageProps }: AppProps) {
   return (
-    <ThemeProvider>
-      <EditorProvider>
-        <Component {...pageProps} />
-      </EditorProvider>
-    </ThemeProvider>
+    <>
+      <Logger />
+      <ThemeProvider>
+        <EditorProvider>
+          <Component {...pageProps} />
+        </EditorProvider>
+      </ThemeProvider>
+    </>
   );
 }