docmost · gpapp · Dec 14, 2025 · Dec 14, 2025 · Dec 14, 2025 · Dec 14, 2025
diff --git a/.env.example b/.env.example
@@ -1,13 +1,18 @@
 # your domain, e.g https://example.com
 APP_URL=http://localhost:3000
-PORT=3000
+APP_PORT=3000
 
 # minimum of 32 characters. Generate one with: openssl rand -hex 32
 APP_SECRET=REPLACE_WITH_LONG_SECRET
 
 JWT_TOKEN_EXPIRES_IN=30d
 
-DATABASE_URL="postgresql://postgres:password@localhost:5432/docmost?schema=public"
+
+POSTGRES_DB="docmost"
+POSTGRES_USER="docmost"
+POSTGRES_PASSWORD="docmost"
+POSTGRES_PASSWORD_URLENCODE="docmost"
+
 REDIS_URL=redis://127.0.0.1:6379
 
 # options: local | s3

diff --git a/Dockerfile b/Dockerfile
@@ -1,15 +1,24 @@
 FROM node:22-slim AS base
 LABEL org.opencontainers.image.source="https://github.com/docmost/docmost"
+ENV PNPM_HOME="/pnpm"
+ENV PATH="$PNPM_HOME:$PATH"
+RUN corepack enable && corepack prepare [email protected] --activate
+WORKDIR /app
 
 RUN npm install -g [email protected]
 
 FROM base AS builder
 
-WORKDIR /app
+COPY .npmrc package.json pnpm*.yaml nx.json /app/
+COPY apps/client/package.json /app/apps/client/package.json
+COPY apps/server/package.json /app/apps/server/package.json
+COPY packages/editor-ext/package.json /app/packages/editor-ext/package.json
 
-COPY . .
+COPY patches /app/patches
+
+RUN --mount=type=cache,id=pnpm,target=/pnpm/store pnpm install --frozen-lockfile
 
-RUN pnpm install --frozen-lockfile
+COPY . .
 RUN pnpm build
 
 FROM base AS installer
@@ -18,32 +27,27 @@ RUN apt-get update \
   && apt-get install -y --no-install-recommends curl bash \
   && rm -rf /var/lib/apt/lists/*
 
-WORKDIR /app
-
-# Copy apps
-COPY --from=builder /app/apps/server/dist /app/apps/server/dist
-COPY --from=builder /app/apps/client/dist /app/apps/client/dist
-COPY --from=builder /app/apps/server/package.json /app/apps/server/package.json
-
-# Copy packages
-COPY --from=builder /app/packages/editor-ext/dist /app/packages/editor-ext/dist
-COPY --from=builder /app/packages/editor-ext/package.json /app/packages/editor-ext/package.json
+RUN mkdir -p /app/data/storage && chown -R node:node /app
 
 # Copy root package files
-COPY --from=builder /app/package.json /app/package.json
-COPY --from=builder /app/pnpm*.yaml /app/
-COPY --from=builder /app/.npmrc /app/.npmrc
+COPY --chown=node:node --from=builder /app/package.json /app/package.json
+COPY --chown=node:node --from=builder /app/pnpm*.yaml /app/
 
 # Copy patches
-COPY --from=builder /app/patches /app/patches
+COPY --chown=node:node --from=builder /app/patches /app/patches
 
-RUN chown -R node:node /app
+# Copy apps
+COPY --chown=node:node --from=builder /app/apps/server/dist /app/apps/server/dist
+COPY --chown=node:node --from=builder /app/apps/client/dist /app/apps/client/dist
+COPY --chown=node:node --from=builder /app/apps/server/package.json /app/apps/server/package.json
 
-USER node
+# Copy packages
+COPY --chown=node:node --from=builder /app/packages/editor-ext/dist /app/packages/editor-ext/dist
+COPY --chown=node:node --from=builder /app/packages/editor-ext/package.json /app/packages/editor-ext/package.json
 
-RUN pnpm install --frozen-lockfile --prod
+USER node
 
-RUN mkdir -p /app/data/storage
+RUN --mount=type=cache,id=pnpm,target=/pnpm/store pnpm install --frozen-lockfile --prod
 
 VOLUME ["/app/data/storage"]
 

diff --git a/apps/client/public/manifest.json b/apps/client/public/manifest.json
@@ -19,12 +19,22 @@
     {
       "src": "icons/app-icon-192x192.png",
       "type": "image/png",
-      "sizes": "180x180 192x192"
+      "sizes": "192x192"
     },
     {
       "src": "icons/app-icon-512x512.png",
       "type": "image/png",
       "sizes": "512x512"
     }
-  ]
-}
+  ],
+  "share_target": {
+    "action": "/share-target",
+    "method": "POST",
+    "enctype": "multipart/form-data",
+    "params": {
+      "title": "title",
+      "text": "text",
+      "url": "url"
+    }
+  }
+}
diff --git a/apps/client/public/sw.js b/apps/client/public/sw.js
@@ -0,0 +1,41 @@
+const VERSION = 'v4'; // Update this to trigger re-install
+
+self.addEventListener('install', (event) => {
+    event.waitUntil(self.skipWaiting());
+});
+
+self.addEventListener('activate', (event) => {
+    event.waitUntil(clients.claim());
+});
+
+self.addEventListener('fetch', (event) => {
+    const url = new URL(event.request.url);
+
+    if (event.request.method === 'POST' && url.pathname === '/share-target') {
+        event.respondWith(
+            (async () => {
+                let data = { title: "", text: "", url: "" };
+                try {
+                    const formData = await event.request.formData();
+                    for (const [key, value] of formData.entries()) {
+                        if (key in data && typeof value === "string") data[key] = value;
+                    }
+                } catch (e) {
+                    // If parsing fails, still redirect to UI (which can show "no content").
+                }
+
+                // Store in Cache API
+                const cache = await caches.open('share-target');
+                await cache.put(
+                    'shared-content',
+                    new Response(JSON.stringify(data), {
+                        headers: { 'Content-Type': 'application/json' },
+                    })
+                );
+
+                // Redirect to the client-side route
+                return Response.redirect('/share-target', 303);
+            })()
+        );
+    }
+});
diff --git a/apps/client/src/App.tsx b/apps/client/src/App.tsx
@@ -38,6 +38,7 @@ import SpaceTrash from "@/pages/space/space-trash.tsx";
 import UserApiKeys from "@/ee/api-key/pages/user-api-keys";
 import WorkspaceApiKeys from "@/ee/api-key/pages/workspace-api-keys";
 import AiSettings from "@/ee/ai/pages/ai-settings.tsx";
+import ShareTarget from "@/pages/share-target/share-target.tsx";
 
 export default function App() {
   const { t } = useTranslation();
@@ -59,6 +60,8 @@ export default function App() {
           <Route path={"/setup/register"} element={<SetupWorkspace />} />
         )}
 
+        <Route path={"/share-target"} element={<ShareTarget />} />
+
         {isCloud() && (
           <>
             <Route path={"/create"} element={<CreateWorkspace />} />

diff --git a/apps/client/src/features/editor/components/attachment/upload-attachment-action.tsx b/apps/client/src/features/editor/components/attachment/upload-attachment-action.tsx
@@ -4,15 +4,61 @@ import { notifications } from "@mantine/notifications";
 import { getFileUploadSizeLimit } from "@/lib/config.ts";
 import { formatBytes } from "@/lib";
 import i18n from "@/i18n.ts";
+import { Progress, Text } from "@mantine/core";
+import React from "react";
 
 export const uploadAttachmentAction = handleAttachmentUpload({
   onUpload: async (file: File, pageId: string): Promise<any> => {
+    const notificationId = `upload-${file.name}-${Date.now()}`;
+    notifications.show({
+      id: notificationId,
+      title: i18n.t("Uploading attachment"),
+      message: i18n.t("Uploading {{fileName}}...", { fileName: file.name }),
+      loading: true,
+      autoClose: false,
+      withCloseButton: false,
+    });
+
     try {
-      return await uploadFile(file, pageId);
+      const result = await uploadFile(file, pageId, undefined, (progressEvent) => {
+        const percentCompleted = Math.round(
+          (progressEvent.loaded * 100) / (progressEvent.total || file.size)
+        );
+
+        notifications.update({
+          id: notificationId,
+          title: i18n.t("Uploading attachment"),
+          message: (
+            <div>
+              <Text size="xs" mb={5}>
+                {i18n.t("Uploading {{fileName}}", { fileName: file.name })} (
+                {percentCompleted}%)
+              </Text>
+              <Progress
+                value={percentCompleted}
+                size="sm"
+                radius="xl"
+                animated
+              />
+            </div>
+          ),
+          loading: true,
+          autoClose: false,
+          withCloseButton: false,
+        });
+      });
+
+      notifications.hide(notificationId);
+      return result;
     } catch (err) {
-      notifications.show({
+      notifications.update({
+        id: notificationId,
         color: "red",
-        message: err?.response.data.message,
+        title: i18n.t("Upload failed"),
+        message: err?.response?.data?.message || i18n.t("Failed to upload attachment"),
+        loading: false,
+        autoClose: 5000,
+        withCloseButton: true,
       });
       throw err;
     }

diff --git a/apps/client/src/features/editor/components/image/upload-image-action.tsx b/apps/client/src/features/editor/components/image/upload-image-action.tsx
@@ -4,15 +4,61 @@ import { notifications } from "@mantine/notifications";
 import { getFileUploadSizeLimit } from "@/lib/config.ts";
 import { formatBytes } from "@/lib";
 import i18n from "@/i18n.ts";
+import { Progress, Text } from "@mantine/core";
+import React from "react";
 
 export const uploadImageAction = handleImageUpload({
   onUpload: async (file: File, pageId: string): Promise<any> => {
+    const notificationId = `upload-${file.name}-${Date.now()}`;
+    notifications.show({
+      id: notificationId,
+      title: i18n.t("Uploading image"),
+      message: i18n.t("Uploading {{fileName}}...", { fileName: file.name }),
+      loading: true,
+      autoClose: false,
+      withCloseButton: false,
+    });
+
     try {
-      return await uploadFile(file, pageId);
+      const result = await uploadFile(file, pageId, undefined, (progressEvent) => {
+        const percentCompleted = Math.round(
+          (progressEvent.loaded * 100) / (progressEvent.total || file.size)
+        );
+
+        notifications.update({
+          id: notificationId,
+          title: i18n.t("Uploading image"),
+          message: (
+            <div>
+              <Text size="xs" mb={5}>
+                {i18n.t("Uploading {{fileName}}", { fileName: file.name })} (
+                {percentCompleted}%)
+              </Text>
+              <Progress
+                value={percentCompleted}
+                size="sm"
+                radius="xl"
+                animated
+              />
+            </div>
+          ),
+          loading: true,
+          autoClose: false,
+          withCloseButton: false,
+        });
+      });
+
+      notifications.hide(notificationId);
+      return result;
     } catch (err) {
-      notifications.show({
+      notifications.update({
+        id: notificationId,
         color: "red",
-        message: err?.response.data.message,
+        title: i18n.t("Upload failed"),
+        message: err?.response?.data?.message || i18n.t("Failed to upload image"),
+        loading: false,
+        autoClose: 5000,
+        withCloseButton: true,
       });
       throw err;
     }

diff --git a/apps/client/src/features/editor/components/video/upload-video-action.tsx b/apps/client/src/features/editor/components/video/upload-video-action.tsx
@@ -4,15 +4,61 @@ import { notifications } from "@mantine/notifications";
 import { getFileUploadSizeLimit } from "@/lib/config.ts";
 import { formatBytes } from "@/lib";
 import i18n from "@/i18n.ts";
+import { Progress, Text } from "@mantine/core";
+import React from "react";
 
 export const uploadVideoAction = handleVideoUpload({
   onUpload: async (file: File, pageId: string): Promise<any> => {
+    const notificationId = `upload-${file.name}-${Date.now()}`;
+    notifications.show({
+      id: notificationId,
+      title: i18n.t("Uploading video"),
+      message: i18n.t("Uploading {{fileName}}...", { fileName: file.name }),
+      loading: true,
+      autoClose: false,
+      withCloseButton: false,
+    });
+
     try {
-      return await uploadFile(file, pageId);
+      const result = await uploadFile(file, pageId, undefined, (progressEvent) => {
+        const percentCompleted = Math.round(
+          (progressEvent.loaded * 100) / (progressEvent.total || file.size)
+        );
+
+        notifications.update({
+          id: notificationId,
+          title: i18n.t("Uploading video"),
+          message: (
+            <div>
+              <Text size="xs" mb={5}>
+                {i18n.t("Uploading {{fileName}}", { fileName: file.name })} (
+                {percentCompleted}%)
+              </Text>
+              <Progress
+                value={percentCompleted}
+                size="sm"
+                radius="xl"
+                animated
+              />
+            </div>
+          ),
+          loading: true,
+          autoClose: false,
+          withCloseButton: false,
+        });
+      });
+
+      notifications.hide(notificationId);
+      return result;
     } catch (err) {
-      notifications.show({
+      notifications.update({
+        id: notificationId,
         color: "red",
-        message: err?.response.data.message,
+        title: i18n.t("Upload failed"),
+        message: err?.response?.data?.message || i18n.t("Failed to upload video"),
+        loading: false,
+        autoClose: 5000,
+        withCloseButton: true,
       });
       throw err;
     }

diff --git a/apps/client/src/features/file-task/types/file-task.types.ts b/apps/client/src/features/file-task/types/file-task.types.ts
@@ -3,6 +3,7 @@ export interface IFileTask {
   type: "import" | "export";
   source: string;
   status: string;
+  progress?: number;
   fileName: string;
   filePath: string;
   fileSize: number;