chore: fix frontend build

.dockerignore

@@ -0,0 +1 @@
+*/*/node_modules

.gitignore

@@ -4,9 +4,6 @@
 # temp folder
 tmp
 
-# Frontend asset
-web/dist
-
 # build folder
 build
 

Dockerfile

@@ -2,12 +2,12 @@
 FROM node:18.12.1-alpine3.16 AS frontend
 WORKDIR /frontend-build
 
-COPY ./frontend/web/package.json ./frontend/web/pnpm-lock.yaml ./
+COPY ./frontend/ .
+
+WORKDIR /frontend-build/web
 
 RUN corepack enable && pnpm i --frozen-lockfile 
 
-COPY ./frontend/web/ .
-
 RUN pnpm build
 
 # Build backend exec file.
@@ -15,7 +15,7 @@ FROM golang:1.19.3-alpine3.16 AS backend
 WORKDIR /backend-build
 
 COPY . .
-COPY --from=frontend /frontend-build/dist ./server/dist
+COPY --from=frontend /frontend-build/web/dist ./server/dist
 
 RUN CGO_ENABLED=0 go build -o slash ./cmd/slash/main.go
 

frontend/extension/src/background.ts

@@ -1,4 +1,4 @@
-import type { Shortcut } from "../../types/proto/api/v2/shortcut_service_pb";
+import type { Shortcut } from "@pbtypes/proto/api/v2/shortcut_service_pb";
 import { Storage } from "@plasmohq/storage";
 
 const storage = new Storage();

frontend/extension/src/components/CreateShortcutsButton.tsx

@@ -1,9 +1,9 @@
 import { Button, IconButton, Input, Modal, ModalDialog } from "@mui/joy";
+import { CreateShortcutResponse, OpenGraphMetadata, Visibility } from "@pbtypes/proto/api/v2/shortcut_service_pb";
 import { useStorage } from "@plasmohq/storage/hook";
 import axios from "axios";
 import { useEffect, useState } from "react";
 import { toast } from "react-hot-toast";
-import { CreateShortcutResponse, OpenGraphMetadata, Visibility } from "../../../types/proto/api/v2/shortcut_service_pb";
 import Icon from "./Icon";
 
 const generateTempName = (length = 6) => {

frontend/extension/src/components/PullShortcutsButton.tsx

@@ -1,9 +1,9 @@
 import { IconButton } from "@mui/joy";
+import { ListShortcutsResponse } from "@pbtypes/proto/api/v2/shortcut_service_pb";
 import { useStorage } from "@plasmohq/storage/hook";
 import axios from "axios";
 import { useEffect } from "react";
 import { toast } from "react-hot-toast";
-import { ListShortcutsResponse } from "../../../types/proto/api/v2/shortcut_service_pb";
 import Icon from "./Icon";
 
 const PullShortcutsButton = () => {

frontend/extension/src/components/ShortcutView.tsx

@@ -1,4 +1,4 @@
-import type { Shortcut } from "../../../types/proto/api/v2/shortcut_service_pb";
+import type { Shortcut } from "@pbtypes/proto/api/v2/shortcut_service_pb";
 import { useStorage } from "@plasmohq/storage/hook";
 import classNames from "classnames";
 import { useEffect, useState } from "react";

frontend/extension/src/components/ShortcutsContainer.tsx

@@ -1,4 +1,4 @@
-import type { Shortcut } from "../../../types/proto/api/v2/shortcut_service_pb";
+import type { Shortcut } from "@pbtypes/proto/api/v2/shortcut_service_pb";
 import { useStorage } from "@plasmohq/storage/hook";
 import classNames from "classnames";
 import ShortcutView from "./ShortcutView";

frontend/extension/src/options.tsx

@@ -1,5 +1,5 @@
-import type { Shortcut } from "../../types/proto/api/v2/shortcut_service_pb";
 import { Button, Divider, Input } from "@mui/joy";
+import type { Shortcut } from "@pbtypes/proto/api/v2/shortcut_service_pb";
 import { useStorage } from "@plasmohq/storage/hook";
 import { useEffect, useState } from "react";
 import { Toaster, toast } from "react-hot-toast";

frontend/extension/src/popup.tsx

@@ -1,5 +1,5 @@
-import type { Shortcut } from "../../types/proto/api/v2/shortcut_service_pb";
 import { Button, Divider, IconButton } from "@mui/joy";
+import type { Shortcut } from "@pbtypes/proto/api/v2/shortcut_service_pb";
 import { useStorage } from "@plasmohq/storage/hook";
 import { Toaster } from "react-hot-toast";
 import CreateShortcutsButton from "@/components/CreateShortcutsButton";

frontend/extension/tsconfig.json

@@ -6,12 +6,16 @@
   "include": [
     ".plasmo/index.d.ts",
     "./**/*.ts",
-    "./**/*.tsx"
+    "./**/*.tsx",
+    "../types"
   ],
   "compilerOptions": {
     "paths": {
       "@/*": [
         "./src/*"
+      ],
+      "@pbtypes/*": [
+        "../types/*"
       ]
     },
     "baseUrl": "."

frontend/web/src/components/setting/AccessTokenSection.tsx

@@ -1,9 +1,9 @@
 import { Button, IconButton } from "@mui/joy";
+import { ListUserAccessTokensResponse, UserAccessToken } from "@pbtypes/proto/api/v2/user_service_pb";
 import axios from "axios";
 import copy from "copy-to-clipboard";
 import { useEffect, useState } from "react";
 import { toast } from "react-hot-toast";
-import { ListUserAccessTokensResponse, UserAccessToken } from "../../../../types/proto/api/v2/user_service_pb";
 import useUserStore from "../../stores/v1/user";
 import { showCommonDialog } from "../Alert";
 import CreateAccessTokenDialog from "../CreateAccessTokenDialog";

frontend/web/tsconfig.json

@@ -14,7 +14,16 @@
     "resolveJsonModule": true,
     "isolatedModules": true,
     "noEmit": true,
-    "jsx": "react-jsx"
+    "jsx": "react-jsx",
+    "paths": {
+      "@/*": [
+        "./src/*"
+      ],
+      "@pbtypes/*": [
+        "../types/*"
+      ]
+    },
+    "baseUrl": "."
   },
-  "include": ["./src"]
+  "include": ["./src", "../types"]
 }

scripts/.air.toml

@@ -5,7 +5,7 @@ tmp_dir = ".air"
   bin = "./.air/slash --mode dev"
   cmd = "go build -o ./.air/slash ./cmd/slash/main.go"
   delay = 1000
-  exclude_dir = [".air", "web", "extension", "frontend", "build"]
+  exclude_dir = [".air", "frontend", "build"]
   exclude_file = []
   exclude_regex = []
   exclude_unchanged = false