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>
+    </>
   );
 }
 

packages/logger/next-env.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="next" />
+/// <reference types="next/image-types/global" />
+
+// NOTE: This file should not be edited
+// see https://nextjs.org/docs/basic-features/typescript for more information.

packages/logger/package.json

@@ -0,0 +1,32 @@
+{
+  "name": "@pathfinder/logger",
+  "version": "0.0.1",
+  "description": "",
+  "type": "module",
+  "main": "dist/src/index.js",
+  "types": "dist/src/index.d.ts",
+  "exports": {
+    "./src/*": "./dist/src/*.js",
+    ".": "./dist/src/index.js"
+  },
+  "scripts": {
+    "dev": "next dev",
+    "build": "tsc --project ./tsconfig.json"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/toeverything/AFFINE-pathfinder.git"
+  },
+  "dependencies": {
+    "next": "^12.3.1",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
+  },
+  "devDependencies": {
+    "@types/react": "^18.0.21",
+    "typescript": "^4.8.4"
+  }
+}

packages/logger/pages/index.tsx

@@ -0,0 +1,10 @@
+import { Logger } from '../src';
+
+const Page = () => {
+  return (
+    <div>
+      <h1>Track Example</h1>
+      <Logger />
+    </div>
+  );
+};

packages/logger/src/Logger.tsx

@@ -0,0 +1,9 @@
+import { useEffect } from 'react';
+
+export const Logger = () => {
+  useEffect(() => {
+    console.log('@pathfinder/logger: Render Track');
+  }, []);
+
+  return null;
+};

packages/logger/src/index.ts

@@ -0,0 +1 @@
+export { Logger } from './Logger';

packages/logger/tsconfig.json

@@ -0,0 +1,25 @@
+{
+  "compilerOptions": {
+    "target": "ESNext",
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "forceConsistentCasingInFileNames": true,
+    "noEmit": false,
+    "esModuleInterop": true,
+    "module": "ESNext",
+    "moduleResolution": "node",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "preserve",
+    "incremental": true,
+    "experimentalDecorators": true,
+    "declaration": true,
+    "baseUrl": ".",
+    "rootDir": ".",
+    "outDir": "./dist"
+  },
+  "include": ["next-env.d.ts", "src/**/*.ts", "pages/**/*.tsx"],
+  "exclude": ["node_modules", "dist"]
+}