mirror of
https://github.com/docmost/docmost.git
synced 2026-05-07 22:53:08 +08:00
Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 2e03d4f4de |
@@ -1,7 +1,7 @@
|
|||||||
{
|
{
|
||||||
"name": "client",
|
"name": "client",
|
||||||
"private": true,
|
"private": true,
|
||||||
"version": "0.80.1",
|
"version": "0.80.0",
|
||||||
"scripts": {
|
"scripts": {
|
||||||
"dev": "vite",
|
"dev": "vite",
|
||||||
"build": "tsc && vite build",
|
"build": "tsc && vite build",
|
||||||
@@ -31,8 +31,8 @@
|
|||||||
"emoji-mart": "^5.6.0",
|
"emoji-mart": "^5.6.0",
|
||||||
"file-saver": "^2.0.5",
|
"file-saver": "^2.0.5",
|
||||||
"highlightjs-sap-abap": "^0.3.0",
|
"highlightjs-sap-abap": "^0.3.0",
|
||||||
"i18next": "25.10.1",
|
"i18next": "^25.10.1",
|
||||||
"i18next-http-backend": "3.0.6",
|
"i18next-http-backend": "^3.0.2",
|
||||||
"jotai": "^2.18.1",
|
"jotai": "^2.18.1",
|
||||||
"jotai-optics": "^0.4.0",
|
"jotai-optics": "^0.4.0",
|
||||||
"js-cookie": "^3.0.5",
|
"js-cookie": "^3.0.5",
|
||||||
@@ -42,7 +42,7 @@
|
|||||||
"mantine-form-zod-resolver": "^1.3.0",
|
"mantine-form-zod-resolver": "^1.3.0",
|
||||||
"mermaid": "^11.13.0",
|
"mermaid": "^11.13.0",
|
||||||
"mitt": "^3.0.1",
|
"mitt": "^3.0.1",
|
||||||
"posthog-js": "1.372.2",
|
"posthog-js": "1.363.1",
|
||||||
"react": "^18.3.1",
|
"react": "^18.3.1",
|
||||||
"react-arborist": "3.4.0",
|
"react-arborist": "3.4.0",
|
||||||
"react-clear-modal": "^2.0.18",
|
"react-clear-modal": "^2.0.18",
|
||||||
@@ -50,10 +50,11 @@
|
|||||||
"react-drawio": "^1.0.7",
|
"react-drawio": "^1.0.7",
|
||||||
"react-error-boundary": "^6.1.1",
|
"react-error-boundary": "^6.1.1",
|
||||||
"react-helmet-async": "^3.0.0",
|
"react-helmet-async": "^3.0.0",
|
||||||
"react-i18next": "16.5.8",
|
"react-i18next": "^16.5.8",
|
||||||
"react-router-dom": "^7.13.1",
|
"react-router-dom": "^7.13.1",
|
||||||
"semver": "^7.7.4",
|
"semver": "^7.7.4",
|
||||||
"socket.io-client": "^4.8.3",
|
"socket.io-client": "^4.8.3",
|
||||||
|
"tiptap-extension-global-drag-handle": "^0.1.18",
|
||||||
"zod": "^4.3.6"
|
"zod": "^4.3.6"
|
||||||
},
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
@@ -73,7 +74,7 @@
|
|||||||
"eslint-plugin-react-refresh": "^0.5.2",
|
"eslint-plugin-react-refresh": "^0.5.2",
|
||||||
"globals": "^15.13.0",
|
"globals": "^15.13.0",
|
||||||
"optics-ts": "^2.4.1",
|
"optics-ts": "^2.4.1",
|
||||||
"postcss": "^8.5.12",
|
"postcss": "^8.5.8",
|
||||||
"postcss-preset-mantine": "^1.18.0",
|
"postcss-preset-mantine": "^1.18.0",
|
||||||
"postcss-simple-vars": "^7.0.1",
|
"postcss-simple-vars": "^7.0.1",
|
||||||
"prettier": "^3.8.1",
|
"prettier": "^3.8.1",
|
||||||
|
|||||||
@@ -222,8 +222,6 @@
|
|||||||
"Edit comment": "Kommentar bearbeiten",
|
"Edit comment": "Kommentar bearbeiten",
|
||||||
"Delete comment": "Kommentar löschen",
|
"Delete comment": "Kommentar löschen",
|
||||||
"Are you sure you want to delete this comment?": "Sind Sie sicher, dass Sie diesen Kommentar löschen möchten?",
|
"Are you sure you want to delete this comment?": "Sind Sie sicher, dass Sie diesen Kommentar löschen möchten?",
|
||||||
"Delete chat": "Chat löschen",
|
|
||||||
"Are you sure you want to delete '{{title}}'? This action cannot be undone.": "Sind Sie sicher, dass Sie '{{title}}' löschen möchten? Diese Aktion kann nicht rückgängig gemacht werden.",
|
|
||||||
"Comment created successfully": "Kommentar erfolgreich erstellt",
|
"Comment created successfully": "Kommentar erfolgreich erstellt",
|
||||||
"Error creating comment": "Fehler beim Erstellen des Kommentars",
|
"Error creating comment": "Fehler beim Erstellen des Kommentars",
|
||||||
"Comment updated successfully": "Kommentar erfolgreich aktualisiert",
|
"Comment updated successfully": "Kommentar erfolgreich aktualisiert",
|
||||||
@@ -391,7 +389,7 @@
|
|||||||
"Write anything. Enter \"/\" for commands": "Schreiben Sie etwas. Geben Sie \"/\" für Befehle ein",
|
"Write anything. Enter \"/\" for commands": "Schreiben Sie etwas. Geben Sie \"/\" für Befehle ein",
|
||||||
"Write...": "\"Schreiben...\"",
|
"Write...": "\"Schreiben...\"",
|
||||||
"Column count": "Spaltenanzahl",
|
"Column count": "Spaltenanzahl",
|
||||||
"{{count}} Columns": "{{count}} Spalten",
|
"{{count}} Columns": "{count, plural, one {# Spalte} other {# Spalten}}",
|
||||||
"Equal columns": "Gleich breite Spalten",
|
"Equal columns": "Gleich breite Spalten",
|
||||||
"Left sidebar": "Linke Seitenleiste",
|
"Left sidebar": "Linke Seitenleiste",
|
||||||
"Right sidebar": "Rechte Seitenleiste",
|
"Right sidebar": "Rechte Seitenleiste",
|
||||||
|
|||||||
@@ -222,8 +222,6 @@
|
|||||||
"Edit comment": "Edit comment",
|
"Edit comment": "Edit comment",
|
||||||
"Delete comment": "Delete comment",
|
"Delete comment": "Delete comment",
|
||||||
"Are you sure you want to delete this comment?": "Are you sure you want to delete this comment?",
|
"Are you sure you want to delete this comment?": "Are you sure you want to delete this comment?",
|
||||||
"Delete chat": "Delete chat",
|
|
||||||
"Are you sure you want to delete '{{title}}'? This action cannot be undone.": "Are you sure you want to delete '{{title}}'? This action cannot be undone.",
|
|
||||||
"Comment created successfully": "Comment created successfully",
|
"Comment created successfully": "Comment created successfully",
|
||||||
"Error creating comment": "Error creating comment",
|
"Error creating comment": "Error creating comment",
|
||||||
"Comment updated successfully": "Comment updated successfully",
|
"Comment updated successfully": "Comment updated successfully",
|
||||||
@@ -608,21 +606,25 @@
|
|||||||
"Image exceeds 10MB limit.": "Image exceeds 10MB limit.",
|
"Image exceeds 10MB limit.": "Image exceeds 10MB limit.",
|
||||||
"Image removed successfully": "Image removed successfully",
|
"Image removed successfully": "Image removed successfully",
|
||||||
"API key": "API key",
|
"API key": "API key",
|
||||||
|
"API key created successfully": "API key created successfully",
|
||||||
"API keys": "API keys",
|
"API keys": "API keys",
|
||||||
"API management": "API management",
|
"API management": "API management",
|
||||||
|
"Are you sure you want to revoke this API key": "Are you sure you want to revoke this API key",
|
||||||
|
"Create API Key": "Create API Key",
|
||||||
"Custom expiration date": "Custom expiration date",
|
"Custom expiration date": "Custom expiration date",
|
||||||
"Enter a descriptive token name": "Enter a descriptive token name",
|
"Enter a descriptive token name": "Enter a descriptive token name",
|
||||||
"Expiration": "Expiration",
|
"Expiration": "Expiration",
|
||||||
"Expired": "Expired",
|
"Expired": "Expired",
|
||||||
"Expires": "Expires",
|
"Expires": "Expires",
|
||||||
|
"I've saved my API key": "I've saved my API key",
|
||||||
"Last use": "Last Used",
|
"Last use": "Last Used",
|
||||||
"No API keys found": "No API keys found",
|
"No API keys found": "No API keys found",
|
||||||
"No expiration": "No expiration",
|
"No expiration": "No expiration",
|
||||||
|
"Revoke API key": "Revoke API key",
|
||||||
"Revoked successfully": "Revoked successfully",
|
"Revoked successfully": "Revoked successfully",
|
||||||
"Select expiration date": "Select expiration date",
|
"Select expiration date": "Select expiration date",
|
||||||
"This action cannot be undone. Any applications using this API key will stop working.": "This action cannot be undone. Any applications using this API key will stop working.",
|
"This action cannot be undone. Any applications using this API key will stop working.": "This action cannot be undone. Any applications using this API key will stop working.",
|
||||||
"Update": "Update",
|
"Update API key": "Update API key",
|
||||||
"Update {{credential}}": "Update {{credential}}",
|
|
||||||
"Manage API keys for all users in the workspace": "Manage API keys for all users in the workspace",
|
"Manage API keys for all users in the workspace": "Manage API keys for all users in the workspace",
|
||||||
"Restrict API key creation to admins": "Restrict API key creation to admins",
|
"Restrict API key creation to admins": "Restrict API key creation to admins",
|
||||||
"Only admins and owners can create new API keys. Existing member keys will continue to work.": "Only admins and owners can create new API keys. Existing member keys will continue to work.",
|
"Only admins and owners can create new API keys. Existing member keys will continue to work.": "Only admins and owners can create new API keys. Existing member keys will continue to work.",
|
||||||
@@ -876,41 +878,5 @@
|
|||||||
"Try a different search term.": "Try a different search term.",
|
"Try a different search term.": "Try a different search term.",
|
||||||
"Try again": "Try again",
|
"Try again": "Try again",
|
||||||
"Untitled chat": "Untitled chat",
|
"Untitled chat": "Untitled chat",
|
||||||
"What can I help you with?": "What can I help you with?",
|
"What can I help you with?": "What can I help you with?"
|
||||||
"Are you sure you want to revoke this {{credential}}": "Are you sure you want to revoke this {{credential}}",
|
|
||||||
"Automatically provision users and groups from your identity provider via SCIM.": "Automatically provision users and groups from your identity provider via SCIM.",
|
|
||||||
"Configure your identity provider with this URL to provision users and groups.": "Configure your identity provider with this URL to provision users and groups.",
|
|
||||||
"Create {{credential}}": "Create {{credential}}",
|
|
||||||
"{{credential}} created": "{{credential}} created",
|
|
||||||
"{{credential}} created successfully": "{{credential}} created successfully",
|
|
||||||
"Created by": "Created by",
|
|
||||||
"Custom": "Custom",
|
|
||||||
"Enable SCIM": "Enable SCIM",
|
|
||||||
"Enter a descriptive name": "Enter a descriptive name",
|
|
||||||
"I've saved my {{credential}}": "I've saved my {{credential}}",
|
|
||||||
"Important": "Important",
|
|
||||||
"Make sure to copy your {{credential}} now. You won't be able to see it again!": "Make sure to copy your {{credential}} now. You won't be able to see it again!",
|
|
||||||
"Never": "Never",
|
|
||||||
"Revoke {{credential}}": "Revoke {{credential}}",
|
|
||||||
"SCIM endpoint URL": "SCIM endpoint URL",
|
|
||||||
"SCIM provisioning": "SCIM provisioning",
|
|
||||||
"SCIM takes precedence over SSO group sync while enabled.": "SCIM takes precedence over SSO group sync while enabled.",
|
|
||||||
"You have reached the maximum of {{max}} SCIM tokens. Delete an existing token to create a new one.": "You have reached the maximum of {{max}} SCIM tokens. Delete an existing token to create a new one.",
|
|
||||||
"SCIM token": "SCIM token",
|
|
||||||
"SCIM tokens": "SCIM tokens",
|
|
||||||
"This action cannot be undone. Your identity provider will stop syncing immediately.": "This action cannot be undone. Your identity provider will stop syncing immediately.",
|
|
||||||
"Toggle SCIM provisioning": "Toggle SCIM provisioning",
|
|
||||||
"Token": "Token",
|
|
||||||
"Sync block": "Sync block",
|
|
||||||
"Create a block that stays in sync across pages.": "Create a block that stays in sync across pages.",
|
|
||||||
"Sync block name": "Sync block name",
|
|
||||||
"Editing original": "Editing original",
|
|
||||||
"Copy synced block": "Copy synced block",
|
|
||||||
"Unsync": "Unsync",
|
|
||||||
"Delete sync block": "Delete sync block",
|
|
||||||
"Synced to {{count}} other page_one": "Synced to {{count}} other page",
|
|
||||||
"Synced to {{count}} other page_other": "Synced to {{count}} other pages",
|
|
||||||
"ORIGINAL": "ORIGINAL",
|
|
||||||
"THIS PAGE": "THIS PAGE",
|
|
||||||
"No pages": "No pages"
|
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -222,8 +222,6 @@
|
|||||||
"Edit comment": "Editar comentario",
|
"Edit comment": "Editar comentario",
|
||||||
"Delete comment": "Eliminar comentario",
|
"Delete comment": "Eliminar comentario",
|
||||||
"Are you sure you want to delete this comment?": "¿Está seguro de que desea eliminar este comentario?",
|
"Are you sure you want to delete this comment?": "¿Está seguro de que desea eliminar este comentario?",
|
||||||
"Delete chat": "Eliminar chat",
|
|
||||||
"Are you sure you want to delete '{{title}}'? This action cannot be undone.": "¿Está seguro de que desea eliminar '{{title}}'? Esta acción no se puede deshacer.",
|
|
||||||
"Comment created successfully": "Comentario creado con éxito",
|
"Comment created successfully": "Comentario creado con éxito",
|
||||||
"Error creating comment": "Error al crear comentario",
|
"Error creating comment": "Error al crear comentario",
|
||||||
"Comment updated successfully": "Comentario actualizado con éxito",
|
"Comment updated successfully": "Comentario actualizado con éxito",
|
||||||
|
|||||||
@@ -222,8 +222,6 @@
|
|||||||
"Edit comment": "Modifier le commentaire",
|
"Edit comment": "Modifier le commentaire",
|
||||||
"Delete comment": "Supprimer le commentaire",
|
"Delete comment": "Supprimer le commentaire",
|
||||||
"Are you sure you want to delete this comment?": "Êtes-vous sûr de vouloir supprimer ce commentaire ?",
|
"Are you sure you want to delete this comment?": "Êtes-vous sûr de vouloir supprimer ce commentaire ?",
|
||||||
"Delete chat": "Supprimer la conversation",
|
|
||||||
"Are you sure you want to delete '{{title}}'? This action cannot be undone.": "Êtes-vous sûr de vouloir supprimer '{{title}}' ? Cette action est irréversible.",
|
|
||||||
"Comment created successfully": "Commentaire créé avec succès",
|
"Comment created successfully": "Commentaire créé avec succès",
|
||||||
"Error creating comment": "Erreur lors de la création du commentaire",
|
"Error creating comment": "Erreur lors de la création du commentaire",
|
||||||
"Comment updated successfully": "Commentaire mis à jour avec succès",
|
"Comment updated successfully": "Commentaire mis à jour avec succès",
|
||||||
|
|||||||
@@ -222,8 +222,6 @@
|
|||||||
"Edit comment": "Modifica commento",
|
"Edit comment": "Modifica commento",
|
||||||
"Delete comment": "Elimina commento",
|
"Delete comment": "Elimina commento",
|
||||||
"Are you sure you want to delete this comment?": "Sei sicuro di voler eliminare questo commento?",
|
"Are you sure you want to delete this comment?": "Sei sicuro di voler eliminare questo commento?",
|
||||||
"Delete chat": "Elimina chat",
|
|
||||||
"Are you sure you want to delete '{{title}}'? This action cannot be undone.": "Sei sicuro di voler eliminare '{{title}}'? Questa azione non può essere annullata.",
|
|
||||||
"Comment created successfully": "Commento creato con successo",
|
"Comment created successfully": "Commento creato con successo",
|
||||||
"Error creating comment": "Si è verificato un errore durante la creazione del commento",
|
"Error creating comment": "Si è verificato un errore durante la creazione del commento",
|
||||||
"Comment updated successfully": "Commento aggiornato con successo",
|
"Comment updated successfully": "Commento aggiornato con successo",
|
||||||
|
|||||||
@@ -222,8 +222,6 @@
|
|||||||
"Edit comment": "コメントを編集する",
|
"Edit comment": "コメントを編集する",
|
||||||
"Delete comment": "コメントを削除する",
|
"Delete comment": "コメントを削除する",
|
||||||
"Are you sure you want to delete this comment?": "このコメントを削除してもよろしいですか?",
|
"Are you sure you want to delete this comment?": "このコメントを削除してもよろしいですか?",
|
||||||
"Delete chat": "チャットを削除",
|
|
||||||
"Are you sure you want to delete '{{title}}'? This action cannot be undone.": "「{{title}}」を削除してもよろしいですか?この操作は元に戻せません。",
|
|
||||||
"Comment created successfully": "コメントを作成しました",
|
"Comment created successfully": "コメントを作成しました",
|
||||||
"Error creating comment": "コメントの作成に失敗しました",
|
"Error creating comment": "コメントの作成に失敗しました",
|
||||||
"Comment updated successfully": "コメントを更新しました",
|
"Comment updated successfully": "コメントを更新しました",
|
||||||
|
|||||||
@@ -222,8 +222,6 @@
|
|||||||
"Edit comment": "댓글 수정",
|
"Edit comment": "댓글 수정",
|
||||||
"Delete comment": "댓글 삭제",
|
"Delete comment": "댓글 삭제",
|
||||||
"Are you sure you want to delete this comment?": "이 댓글을 삭제하시겠습니까?",
|
"Are you sure you want to delete this comment?": "이 댓글을 삭제하시겠습니까?",
|
||||||
"Delete chat": "채팅 삭제",
|
|
||||||
"Are you sure you want to delete '{{title}}'? This action cannot be undone.": "'{{title}}'을(를) 삭제하시겠습니까? 이 작업은 되돌릴 수 없습니다.",
|
|
||||||
"Comment created successfully": "댓글 생성 완료",
|
"Comment created successfully": "댓글 생성 완료",
|
||||||
"Error creating comment": "댓글 생성 오류",
|
"Error creating comment": "댓글 생성 오류",
|
||||||
"Comment updated successfully": "댓글 업데이트 완료",
|
"Comment updated successfully": "댓글 업데이트 완료",
|
||||||
|
|||||||
@@ -222,8 +222,6 @@
|
|||||||
"Edit comment": "Bewerk reactie",
|
"Edit comment": "Bewerk reactie",
|
||||||
"Delete comment": "Verwijder reactie",
|
"Delete comment": "Verwijder reactie",
|
||||||
"Are you sure you want to delete this comment?": "Weet je zeker dat je deze reactie wilt verwijderen?",
|
"Are you sure you want to delete this comment?": "Weet je zeker dat je deze reactie wilt verwijderen?",
|
||||||
"Delete chat": "Chat verwijderen",
|
|
||||||
"Are you sure you want to delete '{{title}}'? This action cannot be undone.": "Weet je zeker dat je '{{title}}' wilt verwijderen? Deze actie kan niet ongedaan worden gemaakt.",
|
|
||||||
"Comment created successfully": "Reactie succesvol aangemaakt",
|
"Comment created successfully": "Reactie succesvol aangemaakt",
|
||||||
"Error creating comment": "Fout bij het aanmaken van reactie",
|
"Error creating comment": "Fout bij het aanmaken van reactie",
|
||||||
"Comment updated successfully": "Opmerking succesvol bijgewerkt",
|
"Comment updated successfully": "Opmerking succesvol bijgewerkt",
|
||||||
|
|||||||
@@ -222,8 +222,6 @@
|
|||||||
"Edit comment": "Editar comentário",
|
"Edit comment": "Editar comentário",
|
||||||
"Delete comment": "Excluir comentário",
|
"Delete comment": "Excluir comentário",
|
||||||
"Are you sure you want to delete this comment?": "Você tem certeza de que deseja excluir este comentário?",
|
"Are you sure you want to delete this comment?": "Você tem certeza de que deseja excluir este comentário?",
|
||||||
"Delete chat": "Excluir chat",
|
|
||||||
"Are you sure you want to delete '{{title}}'? This action cannot be undone.": "Tem certeza de que deseja excluir '{{title}}'? Esta ação não pode ser desfeita.",
|
|
||||||
"Comment created successfully": "Comentário criado com sucesso",
|
"Comment created successfully": "Comentário criado com sucesso",
|
||||||
"Error creating comment": "Erro ao criar comentário",
|
"Error creating comment": "Erro ao criar comentário",
|
||||||
"Comment updated successfully": "Comentário atualizado com sucesso",
|
"Comment updated successfully": "Comentário atualizado com sucesso",
|
||||||
|
|||||||
@@ -222,8 +222,6 @@
|
|||||||
"Edit comment": "Редактировать комментарий",
|
"Edit comment": "Редактировать комментарий",
|
||||||
"Delete comment": "Удалить комментарий",
|
"Delete comment": "Удалить комментарий",
|
||||||
"Are you sure you want to delete this comment?": "Вы уверены, что хотите удалить этот комментарий?",
|
"Are you sure you want to delete this comment?": "Вы уверены, что хотите удалить этот комментарий?",
|
||||||
"Delete chat": "Удалить чат",
|
|
||||||
"Are you sure you want to delete '{{title}}'? This action cannot be undone.": "Вы уверены, что хотите удалить '{{title}}'? Это действие нельзя отменить.",
|
|
||||||
"Comment created successfully": "Комментарий успешно создан",
|
"Comment created successfully": "Комментарий успешно создан",
|
||||||
"Error creating comment": "Ошибка при создании комментария",
|
"Error creating comment": "Ошибка при создании комментария",
|
||||||
"Comment updated successfully": "Комментарий успешно обновлён",
|
"Comment updated successfully": "Комментарий успешно обновлён",
|
||||||
|
|||||||
@@ -222,8 +222,6 @@
|
|||||||
"Edit comment": "Редагувати коментар",
|
"Edit comment": "Редагувати коментар",
|
||||||
"Delete comment": "Видалити коментар",
|
"Delete comment": "Видалити коментар",
|
||||||
"Are you sure you want to delete this comment?": "Ви впевнені, що хочете видалити цей коментар?",
|
"Are you sure you want to delete this comment?": "Ви впевнені, що хочете видалити цей коментар?",
|
||||||
"Delete chat": "Видалити чат",
|
|
||||||
"Are you sure you want to delete '{{title}}'? This action cannot be undone.": "Ви впевнені, що хочете видалити '{{title}}'? Цю дію неможливо скасувати.",
|
|
||||||
"Comment created successfully": "Коментар успішно створено",
|
"Comment created successfully": "Коментар успішно створено",
|
||||||
"Error creating comment": "Помилка при створенні коментаря",
|
"Error creating comment": "Помилка при створенні коментаря",
|
||||||
"Comment updated successfully": "Коментар успішно оновлено",
|
"Comment updated successfully": "Коментар успішно оновлено",
|
||||||
|
|||||||
@@ -222,8 +222,6 @@
|
|||||||
"Edit comment": "编辑评论",
|
"Edit comment": "编辑评论",
|
||||||
"Delete comment": "删除评论",
|
"Delete comment": "删除评论",
|
||||||
"Are you sure you want to delete this comment?": "你确定要删除这条评论吗?",
|
"Are you sure you want to delete this comment?": "你确定要删除这条评论吗?",
|
||||||
"Delete chat": "删除聊天",
|
|
||||||
"Are you sure you want to delete '{{title}}'? This action cannot be undone.": "您确定要删除「{{title}}」吗?此操作无法撤销。",
|
|
||||||
"Comment created successfully": "成功创建评论",
|
"Comment created successfully": "成功创建评论",
|
||||||
"Error creating comment": "创建评论时出错",
|
"Error creating comment": "创建评论时出错",
|
||||||
"Comment updated successfully": "评论更新成功",
|
"Comment updated successfully": "评论更新成功",
|
||||||
|
|||||||
@@ -116,9 +116,7 @@ export default function GlobalAppShell({
|
|||||||
</AppShell.Navbar>
|
</AppShell.Navbar>
|
||||||
<AppShell.Main>
|
<AppShell.Main>
|
||||||
{isSettingsRoute ? (
|
{isSettingsRoute ? (
|
||||||
<Container size={900} pb={80}>
|
<Container size={900}>{children}</Container>
|
||||||
{children}
|
|
||||||
</Container>
|
|
||||||
) : (
|
) : (
|
||||||
children
|
children
|
||||||
)}
|
)}
|
||||||
|
|||||||
@@ -13,7 +13,6 @@ import { getShares } from "@/features/share/services/share-service.ts";
|
|||||||
import { getApiKeys } from "@/ee/api-key";
|
import { getApiKeys } from "@/ee/api-key";
|
||||||
import { getAuditLogs } from "@/ee/audit/services/audit-service";
|
import { getAuditLogs } from "@/ee/audit/services/audit-service";
|
||||||
import { getVerificationList } from "@/ee/page-verification/services/page-verification-service";
|
import { getVerificationList } from "@/ee/page-verification/services/page-verification-service";
|
||||||
import { getScimTokens } from "@/ee/scim/services/scim-token-service";
|
|
||||||
|
|
||||||
export const prefetchWorkspaceMembers = () => {
|
export const prefetchWorkspaceMembers = () => {
|
||||||
const params: QueryParams = { limit: 100, query: "" };
|
const params: QueryParams = { limit: 100, query: "" };
|
||||||
@@ -99,10 +98,3 @@ export const prefetchVerifiedPages = () => {
|
|||||||
queryFn: () => getVerificationList(params),
|
queryFn: () => getVerificationList(params),
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
|
|
||||||
export const prefetchScimTokens = () => {
|
|
||||||
queryClient.prefetchQuery({
|
|
||||||
queryKey: ["scim-token-list", { cursor: undefined }],
|
|
||||||
queryFn: () => getScimTokens({}),
|
|
||||||
});
|
|
||||||
};
|
|
||||||
|
|||||||
@@ -31,7 +31,6 @@ import {
|
|||||||
prefetchBilling,
|
prefetchBilling,
|
||||||
prefetchGroups,
|
prefetchGroups,
|
||||||
prefetchLicense,
|
prefetchLicense,
|
||||||
prefetchScimTokens,
|
|
||||||
prefetchShares,
|
prefetchShares,
|
||||||
prefetchSpaces,
|
prefetchSpaces,
|
||||||
prefetchSsoProviders,
|
prefetchSsoProviders,
|
||||||
@@ -205,10 +204,7 @@ export default function SettingsSidebar() {
|
|||||||
}
|
}
|
||||||
break;
|
break;
|
||||||
case "Security & SSO":
|
case "Security & SSO":
|
||||||
prefetchHandler = () => {
|
prefetchHandler = prefetchSsoProviders;
|
||||||
prefetchSsoProviders();
|
|
||||||
prefetchScimTokens();
|
|
||||||
};
|
|
||||||
break;
|
break;
|
||||||
case "Public sharing":
|
case "Public sharing":
|
||||||
prefetchHandler = prefetchShares;
|
prefetchHandler = prefetchShares;
|
||||||
|
|||||||
@@ -9,7 +9,7 @@ import classes from "../styles/chat-sidebar.module.css";
|
|||||||
type Props = {
|
type Props = {
|
||||||
chat: AiChat;
|
chat: AiChat;
|
||||||
isActive: boolean;
|
isActive: boolean;
|
||||||
onDelete: (chatId: string, title: string | null) => void;
|
onDelete: (chatId: string) => void;
|
||||||
onRename: (chatId: string, title: string) => void;
|
onRename: (chatId: string, title: string) => void;
|
||||||
};
|
};
|
||||||
|
|
||||||
@@ -153,7 +153,7 @@ export default function AiChatSidebarItem({
|
|||||||
onClick={(e) => {
|
onClick={(e) => {
|
||||||
e.preventDefault();
|
e.preventDefault();
|
||||||
e.stopPropagation();
|
e.stopPropagation();
|
||||||
onDelete(chat.id, chat.title);
|
onDelete(chat.id);
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
{t("Delete")}
|
{t("Delete")}
|
||||||
|
|||||||
@@ -1,14 +1,6 @@
|
|||||||
import { useState, useCallback, useEffect, useMemo, useRef } from "react";
|
import { useState, useCallback, useEffect, useMemo, useRef } from "react";
|
||||||
import { Link, useNavigate, useParams } from "react-router-dom";
|
import { Link, useNavigate, useParams } from "react-router-dom";
|
||||||
import {
|
import { ActionIcon, Center, TextInput, Loader, Tooltip } from "@mantine/core";
|
||||||
ActionIcon,
|
|
||||||
Center,
|
|
||||||
Text,
|
|
||||||
TextInput,
|
|
||||||
Loader,
|
|
||||||
Tooltip,
|
|
||||||
} from "@mantine/core";
|
|
||||||
import { modals } from "@mantine/modals";
|
|
||||||
import { useDebouncedValue } from "@mantine/hooks";
|
import { useDebouncedValue } from "@mantine/hooks";
|
||||||
import { IconPlus, IconSearch, IconMessageCircle2 } from "@tabler/icons-react";
|
import { IconPlus, IconSearch, IconMessageCircle2 } from "@tabler/icons-react";
|
||||||
import { useTranslation } from "react-i18next";
|
import { useTranslation } from "react-i18next";
|
||||||
@@ -81,31 +73,16 @@ export default function AiChatSidebar() {
|
|||||||
);
|
);
|
||||||
|
|
||||||
const handleDelete = useCallback(
|
const handleDelete = useCallback(
|
||||||
(id: string, title: string | null) => {
|
(id: string) => {
|
||||||
modals.openConfirmModal({
|
deleteMutation.mutate(id, {
|
||||||
title: t("Delete chat"),
|
onSuccess: () => {
|
||||||
centered: true,
|
if (chatId === id) {
|
||||||
children: (
|
navigate("/ai");
|
||||||
<Text size="sm">
|
}
|
||||||
{t("Are you sure you want to delete '{{title}}'? This action cannot be undone.", {
|
|
||||||
title: title || t("Untitled"),
|
|
||||||
})}
|
|
||||||
</Text>
|
|
||||||
),
|
|
||||||
labels: { confirm: t("Delete"), cancel: t("Cancel") },
|
|
||||||
confirmProps: { color: "red" },
|
|
||||||
onConfirm: () => {
|
|
||||||
deleteMutation.mutate(id, {
|
|
||||||
onSuccess: () => {
|
|
||||||
if (chatId === id) {
|
|
||||||
navigate("/ai");
|
|
||||||
}
|
|
||||||
},
|
|
||||||
});
|
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
[deleteMutation, chatId, navigate, t],
|
[deleteMutation, chatId, navigate],
|
||||||
);
|
);
|
||||||
|
|
||||||
const handleRename = useCallback(
|
const handleRename = useCallback(
|
||||||
|
|||||||
@@ -31,7 +31,7 @@ export function ApiKeyCreatedModal({
|
|||||||
<Modal
|
<Modal
|
||||||
opened={opened}
|
opened={opened}
|
||||||
onClose={onClose}
|
onClose={onClose}
|
||||||
title={t("{{credential}} created", { credential: t("API key") })}
|
title={t("API key created")}
|
||||||
size="lg"
|
size="lg"
|
||||||
>
|
>
|
||||||
<Stack gap="md">
|
<Stack gap="md">
|
||||||
@@ -41,8 +41,7 @@ export function ApiKeyCreatedModal({
|
|||||||
color="red"
|
color="red"
|
||||||
>
|
>
|
||||||
{t(
|
{t(
|
||||||
"Make sure to copy your {{credential}} now. You won't be able to see it again!",
|
"Make sure to copy your API key now. You won't be able to see it again!",
|
||||||
{ credential: t("API key") },
|
|
||||||
)}
|
)}
|
||||||
</Alert>
|
</Alert>
|
||||||
|
|
||||||
@@ -65,7 +64,7 @@ export function ApiKeyCreatedModal({
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<Button fullWidth onClick={onClose} mt="md">
|
<Button fullWidth onClick={onClose} mt="md">
|
||||||
{t("I've saved my {{credential}}", { credential: t("API key") })}
|
{t("I've saved my API key")}
|
||||||
</Button>
|
</Button>
|
||||||
</Stack>
|
</Stack>
|
||||||
</Modal>
|
</Modal>
|
||||||
|
|||||||
@@ -105,7 +105,7 @@ export function CreateApiKeyModal({
|
|||||||
<Modal
|
<Modal
|
||||||
opened={opened}
|
opened={opened}
|
||||||
onClose={handleClose}
|
onClose={handleClose}
|
||||||
title={t("Create {{credential}}", { credential: t("API key") })}
|
title={t("Create API Key")}
|
||||||
size="md"
|
size="md"
|
||||||
>
|
>
|
||||||
<form onSubmit={form.onSubmit((values) => handleSubmit(values))}>
|
<form onSubmit={form.onSubmit((values) => handleSubmit(values))}>
|
||||||
|
|||||||
@@ -30,14 +30,12 @@ export function RevokeApiKeyModal({
|
|||||||
<Modal
|
<Modal
|
||||||
opened={opened}
|
opened={opened}
|
||||||
onClose={onClose}
|
onClose={onClose}
|
||||||
title={t("Revoke {{credential}}", { credential: t("API key") })}
|
title={t("Revoke API key")}
|
||||||
size="md"
|
size="md"
|
||||||
>
|
>
|
||||||
<Stack gap="md">
|
<Stack gap="md">
|
||||||
<Text>
|
<Text>
|
||||||
{t("Are you sure you want to revoke this {{credential}}", {
|
{t("Are you sure you want to revoke this API key")}{" "}
|
||||||
credential: t("API key"),
|
|
||||||
})}{" "}
|
|
||||||
<strong>{apiKey?.name}</strong>?
|
<strong>{apiKey?.name}</strong>?
|
||||||
</Text>
|
</Text>
|
||||||
<Text size="sm" c="dimmed">
|
<Text size="sm" c="dimmed">
|
||||||
|
|||||||
@@ -53,7 +53,7 @@ export function UpdateApiKeyModal({
|
|||||||
<Modal
|
<Modal
|
||||||
opened={opened}
|
opened={opened}
|
||||||
onClose={onClose}
|
onClose={onClose}
|
||||||
title={t("Update {{credential}}", { credential: t("API key") })}
|
title={t("Update API key")}
|
||||||
size="md"
|
size="md"
|
||||||
>
|
>
|
||||||
<form onSubmit={form.onSubmit((values) => handleSubmit(values))}>
|
<form onSubmit={form.onSubmit((values) => handleSubmit(values))}>
|
||||||
|
|||||||
@@ -63,11 +63,7 @@ export function useCreateApiKeyMutation() {
|
|||||||
return useMutation<IApiKey, Error, ICreateApiKeyRequest>({
|
return useMutation<IApiKey, Error, ICreateApiKeyRequest>({
|
||||||
mutationFn: (data) => createApiKey(data),
|
mutationFn: (data) => createApiKey(data),
|
||||||
onSuccess: () => {
|
onSuccess: () => {
|
||||||
notifications.show({
|
notifications.show({ message: t("API key created successfully") });
|
||||||
message: t("{{credential}} created successfully", {
|
|
||||||
credential: t("API key"),
|
|
||||||
}),
|
|
||||||
});
|
|
||||||
queryClient.invalidateQueries({
|
queryClient.invalidateQueries({
|
||||||
predicate: (item) =>
|
predicate: (item) =>
|
||||||
["api-key-list"].includes(item.queryKey[0] as string),
|
["api-key-list"].includes(item.queryKey[0] as string),
|
||||||
|
|||||||
@@ -33,10 +33,6 @@ export const auditEventLabels: Record<string, string> = {
|
|||||||
"api_key.updated": "Updated API key",
|
"api_key.updated": "Updated API key",
|
||||||
"api_key.deleted": "Deleted API key",
|
"api_key.deleted": "Deleted API key",
|
||||||
|
|
||||||
"scim_token.created": "Created SCIM token",
|
|
||||||
"scim_token.updated": "Updated SCIM token",
|
|
||||||
"scim_token.deleted": "Deleted SCIM token",
|
|
||||||
|
|
||||||
"space.created": "Created space",
|
"space.created": "Created space",
|
||||||
"space.updated": "Updated space",
|
"space.updated": "Updated space",
|
||||||
"space.deleted": "Deleted space",
|
"space.deleted": "Deleted space",
|
||||||
@@ -178,14 +174,6 @@ export const eventFilterOptions: EventGroup[] = [
|
|||||||
{ value: "api_key.deleted", label: "Deleted API key" },
|
{ value: "api_key.deleted", label: "Deleted API key" },
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
|
||||||
group: "SCIM token",
|
|
||||||
items: [
|
|
||||||
{ value: "scim_token.created", label: "Created SCIM token" },
|
|
||||||
{ value: "scim_token.updated", label: "Updated SCIM token" },
|
|
||||||
{ value: "scim_token.deleted", label: "Deleted SCIM token" },
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
group: "License",
|
group: "License",
|
||||||
items: [
|
items: [
|
||||||
|
|||||||
@@ -8,7 +8,6 @@ export const Feature = {
|
|||||||
AI: 'ai',
|
AI: 'ai',
|
||||||
CONFLUENCE_IMPORT: 'import:confluence',
|
CONFLUENCE_IMPORT: 'import:confluence',
|
||||||
DOCX_IMPORT: 'import:docx',
|
DOCX_IMPORT: 'import:docx',
|
||||||
PDF_IMPORT: 'import:pdf',
|
|
||||||
ATTACHMENT_INDEXING: 'attachment:indexing',
|
ATTACHMENT_INDEXING: 'attachment:indexing',
|
||||||
SECURITY_SETTINGS: 'security:settings',
|
SECURITY_SETTINGS: 'security:settings',
|
||||||
MCP: 'mcp',
|
MCP: 'mcp',
|
||||||
|
|||||||
@@ -140,7 +140,7 @@ export function PagePermissionList({
|
|||||||
)}
|
)}
|
||||||
</Group>
|
</Group>
|
||||||
|
|
||||||
<ScrollArea.Autosize mah={400} viewportRef={viewportRef}>
|
<ScrollArea mah={250} viewportRef={viewportRef}>
|
||||||
{sortedMembers.map((member) => (
|
{sortedMembers.map((member) => (
|
||||||
<PagePermissionItem
|
<PagePermissionItem
|
||||||
key={`${member.type}-${member.id}`}
|
key={`${member.type}-${member.id}`}
|
||||||
@@ -158,7 +158,7 @@ export function PagePermissionList({
|
|||||||
<Loader size="xs" />
|
<Loader size="xs" />
|
||||||
</Center>
|
</Center>
|
||||||
)}
|
)}
|
||||||
</ScrollArea.Autosize>
|
</ScrollArea>
|
||||||
</>
|
</>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,78 +0,0 @@
|
|||||||
import { Modal, TextInput, Button, Group, Stack } from "@mantine/core";
|
|
||||||
import { useForm } from "@mantine/form";
|
|
||||||
import { zod4Resolver } from "mantine-form-zod-resolver";
|
|
||||||
import { z } from "zod/v4";
|
|
||||||
import { useTranslation } from "react-i18next";
|
|
||||||
import { useCreateScimTokenMutation } from "@/ee/scim/queries/scim-token-query";
|
|
||||||
import { IScimToken } from "@/ee/scim/types/scim-token.types";
|
|
||||||
|
|
||||||
interface CreateScimTokenModalProps {
|
|
||||||
opened: boolean;
|
|
||||||
onClose: () => void;
|
|
||||||
onSuccess: (response: IScimToken) => void;
|
|
||||||
}
|
|
||||||
|
|
||||||
const formSchema = z.object({
|
|
||||||
name: z.string().min(1, "Name is required"),
|
|
||||||
});
|
|
||||||
type FormValues = z.infer<typeof formSchema>;
|
|
||||||
|
|
||||||
export function CreateScimTokenModal({
|
|
||||||
opened,
|
|
||||||
onClose,
|
|
||||||
onSuccess,
|
|
||||||
}: CreateScimTokenModalProps) {
|
|
||||||
const { t } = useTranslation();
|
|
||||||
const createMutation = useCreateScimTokenMutation();
|
|
||||||
|
|
||||||
const form = useForm<FormValues>({
|
|
||||||
validate: zod4Resolver(formSchema),
|
|
||||||
initialValues: { name: "" },
|
|
||||||
});
|
|
||||||
|
|
||||||
const handleSubmit = async (data: FormValues) => {
|
|
||||||
try {
|
|
||||||
const created = await createMutation.mutateAsync({ name: data.name });
|
|
||||||
onSuccess(created);
|
|
||||||
form.reset();
|
|
||||||
onClose();
|
|
||||||
} catch (err) {
|
|
||||||
//
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
const handleClose = () => {
|
|
||||||
form.reset();
|
|
||||||
onClose();
|
|
||||||
};
|
|
||||||
|
|
||||||
return (
|
|
||||||
<Modal
|
|
||||||
opened={opened}
|
|
||||||
onClose={handleClose}
|
|
||||||
title={t("Create {{credential}}", { credential: t("SCIM token") })}
|
|
||||||
size="md"
|
|
||||||
>
|
|
||||||
<form onSubmit={form.onSubmit((values) => handleSubmit(values))}>
|
|
||||||
<Stack gap="md">
|
|
||||||
<TextInput
|
|
||||||
label={t("Name")}
|
|
||||||
placeholder={t("Enter a descriptive name")}
|
|
||||||
data-autofocus
|
|
||||||
required
|
|
||||||
{...form.getInputProps("name")}
|
|
||||||
/>
|
|
||||||
|
|
||||||
<Group justify="flex-end" mt="md">
|
|
||||||
<Button variant="default" onClick={handleClose}>
|
|
||||||
{t("Cancel")}
|
|
||||||
</Button>
|
|
||||||
<Button type="submit" loading={createMutation.isPending}>
|
|
||||||
{t("Create")}
|
|
||||||
</Button>
|
|
||||||
</Group>
|
|
||||||
</Stack>
|
|
||||||
</form>
|
|
||||||
</Modal>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
@@ -1,55 +0,0 @@
|
|||||||
import { Group, Text, Switch, Tooltip } from "@mantine/core";
|
|
||||||
import { useAtom } from "jotai";
|
|
||||||
import { workspaceAtom } from "@/features/user/atoms/current-user-atom.ts";
|
|
||||||
import React, { useState } from "react";
|
|
||||||
import { useTranslation } from "react-i18next";
|
|
||||||
import { updateWorkspace } from "@/features/workspace/services/workspace-service.ts";
|
|
||||||
import { notifications } from "@mantine/notifications";
|
|
||||||
import { useHasFeature } from "@/ee/hooks/use-feature.ts";
|
|
||||||
import { Feature } from "@/ee/features.ts";
|
|
||||||
import { useUpgradeLabel } from "@/ee/hooks/use-upgrade-label.ts";
|
|
||||||
|
|
||||||
export default function EnableScim() {
|
|
||||||
const { t } = useTranslation();
|
|
||||||
const [workspace, setWorkspace] = useAtom(workspaceAtom);
|
|
||||||
const [checked, setChecked] = useState(workspace?.isScimEnabled ?? false);
|
|
||||||
const hasAccess = useHasFeature(Feature.SCIM);
|
|
||||||
const upgradeLabel = useUpgradeLabel();
|
|
||||||
|
|
||||||
const handleChange = async (event: React.ChangeEvent<HTMLInputElement>) => {
|
|
||||||
const value = event.currentTarget.checked;
|
|
||||||
try {
|
|
||||||
const updatedWorkspace = await updateWorkspace({ isScimEnabled: value });
|
|
||||||
setChecked(value);
|
|
||||||
setWorkspace(updatedWorkspace);
|
|
||||||
} catch (err) {
|
|
||||||
notifications.show({
|
|
||||||
message: err?.response?.data?.message,
|
|
||||||
color: "red",
|
|
||||||
});
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
return (
|
|
||||||
<Group justify="space-between" wrap="nowrap" gap="xl">
|
|
||||||
<div>
|
|
||||||
<Text size="md">{t("Enable SCIM")}</Text>
|
|
||||||
<Text size="sm" c="dimmed">
|
|
||||||
{t(
|
|
||||||
"Automatically provision users and groups from your identity provider via SCIM.",
|
|
||||||
)}
|
|
||||||
</Text>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<Tooltip label={upgradeLabel} disabled={hasAccess} refProp="rootRef">
|
|
||||||
<Switch
|
|
||||||
labelPosition="left"
|
|
||||||
defaultChecked={checked}
|
|
||||||
onChange={handleChange}
|
|
||||||
disabled={!hasAccess}
|
|
||||||
aria-label={t("Toggle SCIM provisioning")}
|
|
||||||
/>
|
|
||||||
</Tooltip>
|
|
||||||
</Group>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
@@ -1,61 +0,0 @@
|
|||||||
import { Modal, Text, Button, Group, Stack } from "@mantine/core";
|
|
||||||
import { useTranslation } from "react-i18next";
|
|
||||||
import { useRevokeScimTokenMutation } from "@/ee/scim/queries/scim-token-query";
|
|
||||||
import { IScimToken } from "@/ee/scim/types/scim-token.types";
|
|
||||||
|
|
||||||
interface RevokeScimTokenModalProps {
|
|
||||||
opened: boolean;
|
|
||||||
onClose: () => void;
|
|
||||||
scimToken: IScimToken | null;
|
|
||||||
}
|
|
||||||
|
|
||||||
export function RevokeScimTokenModal({
|
|
||||||
opened,
|
|
||||||
onClose,
|
|
||||||
scimToken,
|
|
||||||
}: RevokeScimTokenModalProps) {
|
|
||||||
const { t } = useTranslation();
|
|
||||||
const revokeMutation = useRevokeScimTokenMutation();
|
|
||||||
|
|
||||||
const handleRevoke = async () => {
|
|
||||||
if (!scimToken) return;
|
|
||||||
await revokeMutation.mutateAsync({ tokenId: scimToken.id });
|
|
||||||
onClose();
|
|
||||||
};
|
|
||||||
|
|
||||||
return (
|
|
||||||
<Modal
|
|
||||||
opened={opened}
|
|
||||||
onClose={onClose}
|
|
||||||
title={t("Revoke {{credential}}", { credential: t("SCIM token") })}
|
|
||||||
size="md"
|
|
||||||
>
|
|
||||||
<Stack gap="md">
|
|
||||||
<Text>
|
|
||||||
{t("Are you sure you want to revoke this {{credential}}", {
|
|
||||||
credential: t("SCIM token"),
|
|
||||||
})}{" "}
|
|
||||||
<strong>{scimToken?.name}</strong>?
|
|
||||||
</Text>
|
|
||||||
<Text size="sm" c="dimmed">
|
|
||||||
{t(
|
|
||||||
"This action cannot be undone. Your identity provider will stop syncing immediately.",
|
|
||||||
)}
|
|
||||||
</Text>
|
|
||||||
|
|
||||||
<Group justify="flex-end" mt="md">
|
|
||||||
<Button variant="default" onClick={onClose}>
|
|
||||||
{t("Cancel")}
|
|
||||||
</Button>
|
|
||||||
<Button
|
|
||||||
color="red"
|
|
||||||
onClick={handleRevoke}
|
|
||||||
loading={revokeMutation.isPending}
|
|
||||||
>
|
|
||||||
{t("Revoke")}
|
|
||||||
</Button>
|
|
||||||
</Group>
|
|
||||||
</Stack>
|
|
||||||
</Modal>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
@@ -1,69 +0,0 @@
|
|||||||
import {
|
|
||||||
Modal,
|
|
||||||
Text,
|
|
||||||
Stack,
|
|
||||||
Alert,
|
|
||||||
Group,
|
|
||||||
Button,
|
|
||||||
TextInput,
|
|
||||||
} from "@mantine/core";
|
|
||||||
import { IconAlertTriangle } from "@tabler/icons-react";
|
|
||||||
import { useTranslation } from "react-i18next";
|
|
||||||
import CopyTextButton from "@/components/common/copy.tsx";
|
|
||||||
import { IScimToken } from "@/ee/scim/types/scim-token.types";
|
|
||||||
|
|
||||||
interface ScimTokenCreatedModalProps {
|
|
||||||
opened: boolean;
|
|
||||||
onClose: () => void;
|
|
||||||
scimToken: IScimToken | null;
|
|
||||||
}
|
|
||||||
|
|
||||||
export function ScimTokenCreatedModal({
|
|
||||||
opened,
|
|
||||||
onClose,
|
|
||||||
scimToken,
|
|
||||||
}: ScimTokenCreatedModalProps) {
|
|
||||||
const { t } = useTranslation();
|
|
||||||
if (!scimToken) return null;
|
|
||||||
|
|
||||||
return (
|
|
||||||
<Modal
|
|
||||||
opened={opened}
|
|
||||||
onClose={onClose}
|
|
||||||
title={t("{{credential}} created", { credential: t("SCIM token") })}
|
|
||||||
size="lg"
|
|
||||||
>
|
|
||||||
<Stack gap="md">
|
|
||||||
<Alert
|
|
||||||
icon={<IconAlertTriangle size={16} />}
|
|
||||||
title={t("Important")}
|
|
||||||
color="red"
|
|
||||||
>
|
|
||||||
{t(
|
|
||||||
"Make sure to copy your {{credential}} now. You won't be able to see it again!",
|
|
||||||
{ credential: t("SCIM token") },
|
|
||||||
)}
|
|
||||||
</Alert>
|
|
||||||
|
|
||||||
<div>
|
|
||||||
<Text size="sm" fw={500} mb="xs">
|
|
||||||
{t("SCIM token")}
|
|
||||||
</Text>
|
|
||||||
<Group gap="xs" wrap="nowrap">
|
|
||||||
<TextInput
|
|
||||||
variant="filled"
|
|
||||||
style={{ flex: 1 }}
|
|
||||||
value={scimToken.token}
|
|
||||||
readOnly
|
|
||||||
/>
|
|
||||||
<CopyTextButton text={scimToken.token} />
|
|
||||||
</Group>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<Button fullWidth onClick={onClose} mt="md">
|
|
||||||
{t("I've saved my {{credential}}", { credential: t("SCIM token") })}
|
|
||||||
</Button>
|
|
||||||
</Stack>
|
|
||||||
</Modal>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
@@ -1,130 +0,0 @@
|
|||||||
import { ActionIcon, Group, Menu, Table, Text } from "@mantine/core";
|
|
||||||
import { IconDots, IconEdit, IconTrash } from "@tabler/icons-react";
|
|
||||||
import { format } from "date-fns";
|
|
||||||
import { useTranslation } from "react-i18next";
|
|
||||||
import { CustomAvatar } from "@/components/ui/custom-avatar.tsx";
|
|
||||||
import React from "react";
|
|
||||||
import NoTableResults from "@/components/common/no-table-results";
|
|
||||||
import { IScimToken } from "@/ee/scim/types/scim-token.types";
|
|
||||||
|
|
||||||
interface ScimTokenTableProps {
|
|
||||||
tokens: IScimToken[];
|
|
||||||
isLoading?: boolean;
|
|
||||||
onUpdate?: (token: IScimToken) => void;
|
|
||||||
onRevoke?: (token: IScimToken) => void;
|
|
||||||
}
|
|
||||||
|
|
||||||
export function ScimTokenTable({
|
|
||||||
tokens,
|
|
||||||
isLoading,
|
|
||||||
onUpdate,
|
|
||||||
onRevoke,
|
|
||||||
}: ScimTokenTableProps) {
|
|
||||||
const { t } = useTranslation();
|
|
||||||
|
|
||||||
const formatDate = (date: Date | string | null) => {
|
|
||||||
if (!date) return t("Never");
|
|
||||||
return format(new Date(date), "MMM dd, yyyy");
|
|
||||||
};
|
|
||||||
|
|
||||||
return (
|
|
||||||
<Table.ScrollContainer minWidth={500}>
|
|
||||||
<Table highlightOnHover verticalSpacing="sm">
|
|
||||||
<Table.Thead>
|
|
||||||
<Table.Tr>
|
|
||||||
<Table.Th>{t("Name")}</Table.Th>
|
|
||||||
<Table.Th>{t("Token")}</Table.Th>
|
|
||||||
<Table.Th>{t("Created by")}</Table.Th>
|
|
||||||
<Table.Th>{t("Last used")}</Table.Th>
|
|
||||||
<Table.Th>{t("Created")}</Table.Th>
|
|
||||||
<Table.Th></Table.Th>
|
|
||||||
</Table.Tr>
|
|
||||||
</Table.Thead>
|
|
||||||
|
|
||||||
<Table.Tbody>
|
|
||||||
{tokens && tokens.length > 0 ? (
|
|
||||||
tokens.map((token) => (
|
|
||||||
<Table.Tr key={token.id}>
|
|
||||||
<Table.Td>
|
|
||||||
<Text fz="sm" fw={500}>
|
|
||||||
{token.name}
|
|
||||||
</Text>
|
|
||||||
</Table.Td>
|
|
||||||
|
|
||||||
<Table.Td>
|
|
||||||
<Text fz="sm" ff="monospace" c="dimmed">
|
|
||||||
••••{token.tokenLastFour}
|
|
||||||
</Text>
|
|
||||||
</Table.Td>
|
|
||||||
|
|
||||||
{token.creator ? (
|
|
||||||
<Table.Td>
|
|
||||||
<Group gap="4" wrap="nowrap">
|
|
||||||
<CustomAvatar
|
|
||||||
avatarUrl={token.creator?.avatarUrl}
|
|
||||||
name={token.creator.name}
|
|
||||||
size="sm"
|
|
||||||
/>
|
|
||||||
<Text fz="sm" lineClamp={1}>
|
|
||||||
{token.creator.name}
|
|
||||||
</Text>
|
|
||||||
</Group>
|
|
||||||
</Table.Td>
|
|
||||||
) : (
|
|
||||||
<Table.Td>
|
|
||||||
<Text fz="sm" c="dimmed">
|
|
||||||
—
|
|
||||||
</Text>
|
|
||||||
</Table.Td>
|
|
||||||
)}
|
|
||||||
|
|
||||||
<Table.Td>
|
|
||||||
<Text fz="sm" style={{ whiteSpace: "nowrap" }}>
|
|
||||||
{formatDate(token.lastUsedAt)}
|
|
||||||
</Text>
|
|
||||||
</Table.Td>
|
|
||||||
|
|
||||||
<Table.Td>
|
|
||||||
<Text fz="sm" style={{ whiteSpace: "nowrap" }}>
|
|
||||||
{formatDate(token.createdAt)}
|
|
||||||
</Text>
|
|
||||||
</Table.Td>
|
|
||||||
|
|
||||||
<Table.Td>
|
|
||||||
<Menu position="bottom-end" withinPortal>
|
|
||||||
<Menu.Target>
|
|
||||||
<ActionIcon variant="subtle" color="gray">
|
|
||||||
<IconDots size={16} />
|
|
||||||
</ActionIcon>
|
|
||||||
</Menu.Target>
|
|
||||||
<Menu.Dropdown>
|
|
||||||
{onUpdate && (
|
|
||||||
<Menu.Item
|
|
||||||
leftSection={<IconEdit size={16} />}
|
|
||||||
onClick={() => onUpdate(token)}
|
|
||||||
>
|
|
||||||
{t("Rename")}
|
|
||||||
</Menu.Item>
|
|
||||||
)}
|
|
||||||
{onRevoke && (
|
|
||||||
<Menu.Item
|
|
||||||
leftSection={<IconTrash size={16} />}
|
|
||||||
color="red"
|
|
||||||
onClick={() => onRevoke(token)}
|
|
||||||
>
|
|
||||||
{t("Revoke")}
|
|
||||||
</Menu.Item>
|
|
||||||
)}
|
|
||||||
</Menu.Dropdown>
|
|
||||||
</Menu>
|
|
||||||
</Table.Td>
|
|
||||||
</Table.Tr>
|
|
||||||
))
|
|
||||||
) : (
|
|
||||||
<NoTableResults colSpan={6} />
|
|
||||||
)}
|
|
||||||
</Table.Tbody>
|
|
||||||
</Table>
|
|
||||||
</Table.ScrollContainer>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
@@ -1,30 +0,0 @@
|
|||||||
import { Group, Stack, Text, TextInput } from "@mantine/core";
|
|
||||||
import { useTranslation } from "react-i18next";
|
|
||||||
import CopyTextButton from "@/components/common/copy.tsx";
|
|
||||||
|
|
||||||
export function ScimUrlPanel() {
|
|
||||||
const { t } = useTranslation();
|
|
||||||
const scimUrl = `${window.location.origin}/api/scim/v2`;
|
|
||||||
|
|
||||||
return (
|
|
||||||
<Stack gap="xs">
|
|
||||||
<Text size="sm" fw={500}>
|
|
||||||
{t("SCIM endpoint URL")}
|
|
||||||
</Text>
|
|
||||||
<Text size="xs" c="dimmed">
|
|
||||||
{t(
|
|
||||||
"Configure your identity provider with this URL to provision users and groups.",
|
|
||||||
)}
|
|
||||||
</Text>
|
|
||||||
<Group gap="xs" wrap="nowrap">
|
|
||||||
<TextInput
|
|
||||||
variant="filled"
|
|
||||||
style={{ flex: 1 }}
|
|
||||||
value={scimUrl}
|
|
||||||
readOnly
|
|
||||||
/>
|
|
||||||
<CopyTextButton text={scimUrl} />
|
|
||||||
</Group>
|
|
||||||
</Stack>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
@@ -1,77 +0,0 @@
|
|||||||
import { Modal, TextInput, Button, Group, Stack } from "@mantine/core";
|
|
||||||
import { useForm } from "@mantine/form";
|
|
||||||
import { zod4Resolver } from "mantine-form-zod-resolver";
|
|
||||||
import { z } from "zod/v4";
|
|
||||||
import { useTranslation } from "react-i18next";
|
|
||||||
import { useEffect } from "react";
|
|
||||||
import { useUpdateScimTokenMutation } from "@/ee/scim/queries/scim-token-query";
|
|
||||||
import { IScimToken } from "@/ee/scim/types/scim-token.types";
|
|
||||||
|
|
||||||
const formSchema = z.object({
|
|
||||||
name: z.string().min(1, "Name is required"),
|
|
||||||
});
|
|
||||||
type FormValues = z.infer<typeof formSchema>;
|
|
||||||
|
|
||||||
interface UpdateScimTokenModalProps {
|
|
||||||
opened: boolean;
|
|
||||||
onClose: () => void;
|
|
||||||
scimToken: IScimToken | null;
|
|
||||||
}
|
|
||||||
|
|
||||||
export function UpdateScimTokenModal({
|
|
||||||
opened,
|
|
||||||
onClose,
|
|
||||||
scimToken,
|
|
||||||
}: UpdateScimTokenModalProps) {
|
|
||||||
const { t } = useTranslation();
|
|
||||||
const updateMutation = useUpdateScimTokenMutation();
|
|
||||||
|
|
||||||
const form = useForm<FormValues>({
|
|
||||||
validate: zod4Resolver(formSchema),
|
|
||||||
initialValues: { name: "" },
|
|
||||||
});
|
|
||||||
|
|
||||||
useEffect(() => {
|
|
||||||
if (opened && scimToken) {
|
|
||||||
form.setValues({ name: scimToken.name });
|
|
||||||
}
|
|
||||||
}, [opened, scimToken]);
|
|
||||||
|
|
||||||
const handleSubmit = async (data: FormValues) => {
|
|
||||||
if (!scimToken) return;
|
|
||||||
await updateMutation.mutateAsync({
|
|
||||||
tokenId: scimToken.id,
|
|
||||||
name: data.name,
|
|
||||||
});
|
|
||||||
onClose();
|
|
||||||
};
|
|
||||||
|
|
||||||
return (
|
|
||||||
<Modal
|
|
||||||
opened={opened}
|
|
||||||
onClose={onClose}
|
|
||||||
title={t("Update {{credential}}", { credential: t("SCIM token") })}
|
|
||||||
size="md"
|
|
||||||
>
|
|
||||||
<form onSubmit={form.onSubmit((values) => handleSubmit(values))}>
|
|
||||||
<Stack gap="md">
|
|
||||||
<TextInput
|
|
||||||
label={t("Name")}
|
|
||||||
placeholder={t("Enter a descriptive name")}
|
|
||||||
required
|
|
||||||
{...form.getInputProps("name")}
|
|
||||||
/>
|
|
||||||
|
|
||||||
<Group justify="flex-end" mt="md">
|
|
||||||
<Button variant="default" onClick={onClose}>
|
|
||||||
{t("Cancel")}
|
|
||||||
</Button>
|
|
||||||
<Button type="submit" loading={updateMutation.isPending}>
|
|
||||||
{t("Update")}
|
|
||||||
</Button>
|
|
||||||
</Group>
|
|
||||||
</Stack>
|
|
||||||
</form>
|
|
||||||
</Modal>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
@@ -1,2 +0,0 @@
|
|||||||
export * from "./types/scim-token.types";
|
|
||||||
export * from "./services/scim-token-service";
|
|
||||||
@@ -1,96 +0,0 @@
|
|||||||
import { IPagination, QueryParams } from "@/lib/types.ts";
|
|
||||||
import {
|
|
||||||
keepPreviousData,
|
|
||||||
useMutation,
|
|
||||||
useQuery,
|
|
||||||
useQueryClient,
|
|
||||||
UseQueryResult,
|
|
||||||
} from "@tanstack/react-query";
|
|
||||||
import {
|
|
||||||
createScimToken,
|
|
||||||
getScimTokens,
|
|
||||||
revokeScimToken,
|
|
||||||
updateScimToken,
|
|
||||||
} from "@/ee/scim/services/scim-token-service";
|
|
||||||
import {
|
|
||||||
IScimToken,
|
|
||||||
ICreateScimTokenRequest,
|
|
||||||
IRevokeScimTokenRequest,
|
|
||||||
IUpdateScimTokenRequest,
|
|
||||||
} from "@/ee/scim/types/scim-token.types";
|
|
||||||
import { notifications } from "@mantine/notifications";
|
|
||||||
import { useTranslation } from "react-i18next";
|
|
||||||
|
|
||||||
export function useGetScimTokensQuery(
|
|
||||||
params?: QueryParams,
|
|
||||||
): UseQueryResult<IPagination<IScimToken>, Error> {
|
|
||||||
return useQuery({
|
|
||||||
queryKey: ["scim-token-list", params],
|
|
||||||
queryFn: () => getScimTokens(params),
|
|
||||||
placeholderData: keepPreviousData,
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
export function useCreateScimTokenMutation() {
|
|
||||||
const queryClient = useQueryClient();
|
|
||||||
const { t } = useTranslation();
|
|
||||||
|
|
||||||
return useMutation<IScimToken, Error, ICreateScimTokenRequest>({
|
|
||||||
mutationFn: (data) => createScimToken(data),
|
|
||||||
onSuccess: () => {
|
|
||||||
notifications.show({
|
|
||||||
message: t("{{credential}} created successfully", {
|
|
||||||
credential: t("SCIM token"),
|
|
||||||
}),
|
|
||||||
});
|
|
||||||
queryClient.invalidateQueries({
|
|
||||||
predicate: (item) =>
|
|
||||||
["scim-token-list"].includes(item.queryKey[0] as string),
|
|
||||||
});
|
|
||||||
},
|
|
||||||
onError: (error) => {
|
|
||||||
const errorMessage = error["response"]?.data?.message;
|
|
||||||
notifications.show({ message: errorMessage, color: "red" });
|
|
||||||
},
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
export function useUpdateScimTokenMutation() {
|
|
||||||
const queryClient = useQueryClient();
|
|
||||||
const { t } = useTranslation();
|
|
||||||
|
|
||||||
return useMutation<void, Error, IUpdateScimTokenRequest>({
|
|
||||||
mutationFn: (data) => updateScimToken(data),
|
|
||||||
onSuccess: () => {
|
|
||||||
notifications.show({ message: t("Updated successfully") });
|
|
||||||
queryClient.invalidateQueries({
|
|
||||||
predicate: (item) =>
|
|
||||||
["scim-token-list"].includes(item.queryKey[0] as string),
|
|
||||||
});
|
|
||||||
},
|
|
||||||
onError: (error) => {
|
|
||||||
const errorMessage = error["response"]?.data?.message;
|
|
||||||
notifications.show({ message: errorMessage, color: "red" });
|
|
||||||
},
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
export function useRevokeScimTokenMutation() {
|
|
||||||
const queryClient = useQueryClient();
|
|
||||||
const { t } = useTranslation();
|
|
||||||
|
|
||||||
return useMutation<void, Error, IRevokeScimTokenRequest>({
|
|
||||||
mutationFn: (data) => revokeScimToken(data),
|
|
||||||
onSuccess: () => {
|
|
||||||
notifications.show({ message: t("Revoked successfully") });
|
|
||||||
queryClient.invalidateQueries({
|
|
||||||
predicate: (item) =>
|
|
||||||
["scim-token-list"].includes(item.queryKey[0] as string),
|
|
||||||
});
|
|
||||||
},
|
|
||||||
onError: (error) => {
|
|
||||||
const errorMessage = error["response"]?.data?.message;
|
|
||||||
notifications.show({ message: errorMessage, color: "red" });
|
|
||||||
},
|
|
||||||
});
|
|
||||||
}
|
|
||||||
@@ -1,34 +0,0 @@
|
|||||||
import api from "@/lib/api-client";
|
|
||||||
import {
|
|
||||||
IScimToken,
|
|
||||||
ICreateScimTokenRequest,
|
|
||||||
IRevokeScimTokenRequest,
|
|
||||||
IUpdateScimTokenRequest,
|
|
||||||
} from "@/ee/scim/types/scim-token.types";
|
|
||||||
import { IPagination, QueryParams } from "@/lib/types.ts";
|
|
||||||
|
|
||||||
export async function getScimTokens(
|
|
||||||
params?: QueryParams,
|
|
||||||
): Promise<IPagination<IScimToken>> {
|
|
||||||
const req = await api.post("/scim-tokens", { ...params });
|
|
||||||
return req.data;
|
|
||||||
}
|
|
||||||
|
|
||||||
export async function createScimToken(
|
|
||||||
data: ICreateScimTokenRequest,
|
|
||||||
): Promise<IScimToken> {
|
|
||||||
const req = await api.post<IScimToken>("/scim-tokens/create", data);
|
|
||||||
return req.data;
|
|
||||||
}
|
|
||||||
|
|
||||||
export async function updateScimToken(
|
|
||||||
data: IUpdateScimTokenRequest,
|
|
||||||
): Promise<void> {
|
|
||||||
await api.post("/scim-tokens/update", data);
|
|
||||||
}
|
|
||||||
|
|
||||||
export async function revokeScimToken(
|
|
||||||
data: IRevokeScimTokenRequest,
|
|
||||||
): Promise<void> {
|
|
||||||
await api.post("/scim-tokens/revoke", data);
|
|
||||||
}
|
|
||||||
@@ -1,27 +0,0 @@
|
|||||||
import { IUser } from "@/features/user/types/user.types.ts";
|
|
||||||
|
|
||||||
export interface IScimToken {
|
|
||||||
id: string;
|
|
||||||
name: string;
|
|
||||||
token?: string;
|
|
||||||
tokenLastFour: string;
|
|
||||||
isEnabled: boolean;
|
|
||||||
creatorId: string;
|
|
||||||
workspaceId: string;
|
|
||||||
lastUsedAt: string | null;
|
|
||||||
createdAt: string;
|
|
||||||
creator?: Partial<IUser>;
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface ICreateScimTokenRequest {
|
|
||||||
name: string;
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface IUpdateScimTokenRequest {
|
|
||||||
tokenId: string;
|
|
||||||
name: string;
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface IRevokeScimTokenRequest {
|
|
||||||
tokenId: string;
|
|
||||||
}
|
|
||||||
@@ -69,8 +69,8 @@ export default function SsoProviderList() {
|
|||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
<Card shadow="sm" radius="sm">
|
<Card shadow="sm" radius="sm">
|
||||||
<Table.ScrollContainer minWidth={600} maxHeight={400}>
|
<Table.ScrollContainer minWidth={600}>
|
||||||
<Table verticalSpacing="sm" stickyHeader>
|
<Table verticalSpacing="sm">
|
||||||
<Table.Thead>
|
<Table.Thead>
|
||||||
<Table.Tr>
|
<Table.Tr>
|
||||||
<Table.Th>{t("Name")}</Table.Th>
|
<Table.Th>{t("Name")}</Table.Th>
|
||||||
|
|||||||
@@ -1,18 +1,8 @@
|
|||||||
import { Helmet } from "react-helmet-async";
|
import { Helmet } from "react-helmet-async";
|
||||||
import { getAppName, isCloud } from "@/lib/config.ts";
|
import { getAppName, isCloud } from "@/lib/config.ts";
|
||||||
import SettingsTitle from "@/components/settings/settings-title.tsx";
|
import SettingsTitle from "@/components/settings/settings-title.tsx";
|
||||||
import {
|
import { Divider, Title } from "@mantine/core";
|
||||||
Alert,
|
import React from "react";
|
||||||
Button,
|
|
||||||
Card,
|
|
||||||
Divider,
|
|
||||||
Group,
|
|
||||||
Space,
|
|
||||||
Title,
|
|
||||||
Tooltip,
|
|
||||||
} from "@mantine/core";
|
|
||||||
import { IconInfoCircle } from "@tabler/icons-react";
|
|
||||||
import React, { useState } from "react";
|
|
||||||
import useUserRole from "@/hooks/use-user-role.tsx";
|
import useUserRole from "@/hooks/use-user-role.tsx";
|
||||||
import SsoProviderList from "@/ee/security/components/sso-provider-list.tsx";
|
import SsoProviderList from "@/ee/security/components/sso-provider-list.tsx";
|
||||||
import CreateSsoProvider from "@/ee/security/components/create-sso-provider.tsx";
|
import CreateSsoProvider from "@/ee/security/components/create-sso-provider.tsx";
|
||||||
@@ -22,41 +12,16 @@ import { useTranslation } from "react-i18next";
|
|||||||
import EnforceMfa from "@/ee/security/components/enforce-mfa.tsx";
|
import EnforceMfa from "@/ee/security/components/enforce-mfa.tsx";
|
||||||
import DisablePublicSharing from "@/ee/security/components/disable-public-sharing.tsx";
|
import DisablePublicSharing from "@/ee/security/components/disable-public-sharing.tsx";
|
||||||
import TrashRetention from "@/ee/security/components/trash-retention.tsx";
|
import TrashRetention from "@/ee/security/components/trash-retention.tsx";
|
||||||
import { useAtom } from "jotai";
|
|
||||||
import { workspaceAtom } from "@/features/user/atoms/current-user-atom.ts";
|
|
||||||
import { useHasFeature } from "@/ee/hooks/use-feature";
|
import { useHasFeature } from "@/ee/hooks/use-feature";
|
||||||
import { Feature } from "@/ee/features";
|
import { Feature } from "@/ee/features";
|
||||||
import { useGetScimTokensQuery } from "@/ee/scim/queries/scim-token-query";
|
|
||||||
import { ScimUrlPanel } from "@/ee/scim/components/scim-url-panel";
|
|
||||||
import { ScimTokenTable } from "@/ee/scim/components/scim-token-table";
|
|
||||||
import { CreateScimTokenModal } from "@/ee/scim/components/create-scim-token-modal";
|
|
||||||
import { ScimTokenCreatedModal } from "@/ee/scim/components/scim-token-created-modal";
|
|
||||||
import { RevokeScimTokenModal } from "@/ee/scim/components/revoke-scim-token-modal";
|
|
||||||
import { UpdateScimTokenModal } from "@/ee/scim/components/update-scim-token-modal";
|
|
||||||
import EnableScim from "@/ee/scim/components/enable-scim";
|
|
||||||
import { useCursorPaginate } from "@/hooks/use-cursor-paginate";
|
|
||||||
import Paginate from "@/components/common/paginate";
|
|
||||||
import { IScimToken } from "@/ee/scim/types/scim-token.types";
|
|
||||||
|
|
||||||
const SCIM_TOKEN_LIMIT = 5;
|
|
||||||
|
|
||||||
export default function Security() {
|
export default function Security() {
|
||||||
const { t } = useTranslation();
|
const { t } = useTranslation();
|
||||||
const { isAdmin } = useUserRole();
|
const { isAdmin } = useUserRole();
|
||||||
const hasCustomSso = useHasFeature(Feature.SSO_CUSTOM);
|
const hasCustomSso = useHasFeature(Feature.SSO_CUSTOM);
|
||||||
const hasScim = useHasFeature(Feature.SCIM);
|
const hasRetention = useHasFeature(Feature.RETENTION);
|
||||||
const [workspace] = useAtom(workspaceAtom);
|
const hasSharingControls = useHasFeature(Feature.SHARING_CONTROLS);
|
||||||
const isScimEnabled = workspace?.isScimEnabled ?? false;
|
|
||||||
|
|
||||||
const { cursor, goNext, goPrev } = useCursorPaginate();
|
|
||||||
const { data: scimData, isLoading: scimLoading } = useGetScimTokensQuery(
|
|
||||||
hasScim && isScimEnabled ? { cursor } : undefined,
|
|
||||||
);
|
|
||||||
|
|
||||||
const [createOpen, setCreateOpen] = useState(false);
|
|
||||||
const [createdToken, setCreatedToken] = useState<IScimToken | null>(null);
|
|
||||||
const [updateTarget, setUpdateTarget] = useState<IScimToken | null>(null);
|
|
||||||
const [revokeTarget, setRevokeTarget] = useState<IScimToken | null>(null);
|
|
||||||
|
|
||||||
if (!isAdmin) {
|
if (!isAdmin) {
|
||||||
return null;
|
return null;
|
||||||
@@ -80,7 +45,7 @@ export default function Security() {
|
|||||||
<Divider my="lg" />
|
<Divider my="lg" />
|
||||||
|
|
||||||
<Title order={4} my="lg">
|
<Title order={4} my="lg">
|
||||||
{t("Single sign-on (SSO)")}
|
Single sign-on (SSO)
|
||||||
</Title>
|
</Title>
|
||||||
|
|
||||||
<EnforceSso />
|
<EnforceSso />
|
||||||
@@ -101,102 +66,6 @@ export default function Security() {
|
|||||||
)}
|
)}
|
||||||
|
|
||||||
<SsoProviderList />
|
<SsoProviderList />
|
||||||
|
|
||||||
{hasScim && (
|
|
||||||
<>
|
|
||||||
<Divider my="xl" />
|
|
||||||
|
|
||||||
<Title order={4} my="lg">
|
|
||||||
{t("SCIM provisioning")}
|
|
||||||
</Title>
|
|
||||||
|
|
||||||
<Alert
|
|
||||||
icon={<IconInfoCircle size={16} />}
|
|
||||||
color="blue"
|
|
||||||
variant="light"
|
|
||||||
mb="md"
|
|
||||||
>
|
|
||||||
{t("SCIM takes precedence over SSO group sync while enabled.")}
|
|
||||||
</Alert>
|
|
||||||
|
|
||||||
<EnableScim />
|
|
||||||
|
|
||||||
<Divider my="lg" />
|
|
||||||
|
|
||||||
<ScimUrlPanel />
|
|
||||||
|
|
||||||
{isScimEnabled && (
|
|
||||||
<>
|
|
||||||
<Divider my="lg" />
|
|
||||||
|
|
||||||
<Group justify="space-between" mb="md">
|
|
||||||
<Title order={5}>{t("SCIM tokens")}</Title>
|
|
||||||
<Tooltip
|
|
||||||
label={t(
|
|
||||||
"You have reached the maximum of {{max}} SCIM tokens. Delete an existing token to create a new one.",
|
|
||||||
{ max: SCIM_TOKEN_LIMIT },
|
|
||||||
)}
|
|
||||||
disabled={(scimData?.items.length ?? 0) < SCIM_TOKEN_LIMIT}
|
|
||||||
refProp="rootRef"
|
|
||||||
>
|
|
||||||
<Button
|
|
||||||
onClick={() => setCreateOpen(true)}
|
|
||||||
disabled={(scimData?.items.length ?? 0) >= SCIM_TOKEN_LIMIT}
|
|
||||||
>
|
|
||||||
{t("Create {{credential}}", {
|
|
||||||
credential: t("SCIM token"),
|
|
||||||
})}
|
|
||||||
</Button>
|
|
||||||
</Tooltip>
|
|
||||||
</Group>
|
|
||||||
|
|
||||||
<Card shadow="sm" radius="sm">
|
|
||||||
<ScimTokenTable
|
|
||||||
tokens={scimData?.items}
|
|
||||||
isLoading={scimLoading}
|
|
||||||
onUpdate={setUpdateTarget}
|
|
||||||
onRevoke={setRevokeTarget}
|
|
||||||
/>
|
|
||||||
</Card>
|
|
||||||
|
|
||||||
<Space h="md" />
|
|
||||||
|
|
||||||
{scimData?.items.length > 0 && (
|
|
||||||
<Paginate
|
|
||||||
hasPrevPage={scimData?.meta?.hasPrevPage}
|
|
||||||
hasNextPage={scimData?.meta?.hasNextPage}
|
|
||||||
onNext={() => goNext(scimData?.meta?.nextCursor)}
|
|
||||||
onPrev={goPrev}
|
|
||||||
/>
|
|
||||||
)}
|
|
||||||
|
|
||||||
<CreateScimTokenModal
|
|
||||||
opened={createOpen}
|
|
||||||
onClose={() => setCreateOpen(false)}
|
|
||||||
onSuccess={setCreatedToken}
|
|
||||||
/>
|
|
||||||
|
|
||||||
<ScimTokenCreatedModal
|
|
||||||
opened={!!createdToken}
|
|
||||||
onClose={() => setCreatedToken(null)}
|
|
||||||
scimToken={createdToken}
|
|
||||||
/>
|
|
||||||
|
|
||||||
<UpdateScimTokenModal
|
|
||||||
opened={!!updateTarget}
|
|
||||||
onClose={() => setUpdateTarget(null)}
|
|
||||||
scimToken={updateTarget}
|
|
||||||
/>
|
|
||||||
|
|
||||||
<RevokeScimTokenModal
|
|
||||||
opened={!!revokeTarget}
|
|
||||||
onClose={() => setRevokeTarget(null)}
|
|
||||||
scimToken={revokeTarget}
|
|
||||||
/>
|
|
||||||
</>
|
|
||||||
)}
|
|
||||||
</>
|
|
||||||
)}
|
|
||||||
</>
|
</>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -10,7 +10,6 @@ import { useTranslation } from "react-i18next";
|
|||||||
import EmojiCommand from "@/features/editor/extensions/emoji-command";
|
import EmojiCommand from "@/features/editor/extensions/emoji-command";
|
||||||
import mentionRenderItems from "@/features/editor/components/mention/mention-suggestion";
|
import mentionRenderItems from "@/features/editor/components/mention/mention-suggestion";
|
||||||
import MentionView from "@/features/editor/components/mention/mention-view";
|
import MentionView from "@/features/editor/components/mention/mention-view";
|
||||||
import { platformModifierKey } from "@/lib";
|
|
||||||
|
|
||||||
interface CommentEditorProps {
|
interface CommentEditorProps {
|
||||||
defaultContent?: any;
|
defaultContent?: any;
|
||||||
@@ -84,7 +83,7 @@ const CommentEditor = forwardRef(
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
if (platformModifierKey(event) && event.code === "Enter") {
|
if ((event.ctrlKey || event.metaKey) && event.key === "Enter") {
|
||||||
event.preventDefault();
|
event.preventDefault();
|
||||||
if (onSave) onSave();
|
if (onSave) onSave();
|
||||||
|
|
||||||
|
|||||||
@@ -19,9 +19,7 @@ export const uploadAttachmentAction = handleAttachmentUpload({
|
|||||||
},
|
},
|
||||||
validateFn: (file, allowMedia: boolean) => {
|
validateFn: (file, allowMedia: boolean) => {
|
||||||
if (
|
if (
|
||||||
(file.type.includes("image/") ||
|
(file.type.includes("image/") || file.type.includes("video/")) &&
|
||||||
file.type.includes("video/") ||
|
|
||||||
file.type === "application/pdf") &&
|
|
||||||
!allowMedia
|
!allowMedia
|
||||||
) {
|
) {
|
||||||
return false;
|
return false;
|
||||||
|
|||||||
@@ -12,7 +12,6 @@ import {
|
|||||||
IconInfoCircle,
|
IconInfoCircle,
|
||||||
IconList,
|
IconList,
|
||||||
IconListNumbers,
|
IconListNumbers,
|
||||||
IconQuote,
|
|
||||||
IconTypography,
|
IconTypography,
|
||||||
} from "@tabler/icons-react";
|
} from "@tabler/icons-react";
|
||||||
import { Popover, Button, ScrollArea, Tooltip } from "@mantine/core";
|
import { Popover, Button, ScrollArea, Tooltip } from "@mantine/core";
|
||||||
@@ -60,7 +59,6 @@ export const NodeSelector: FC<NodeSelectorProps> = ({
|
|||||||
isCodeBlock: ctx.editor.isActive("codeBlock"),
|
isCodeBlock: ctx.editor.isActive("codeBlock"),
|
||||||
isCallout: ctx.editor.isActive("callout"),
|
isCallout: ctx.editor.isActive("callout"),
|
||||||
isDetails: ctx.editor.isActive("details"),
|
isDetails: ctx.editor.isActive("details"),
|
||||||
isTransclusion: ctx.editor.isActive("transclusion"),
|
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
@@ -142,12 +140,6 @@ export const NodeSelector: FC<NodeSelectorProps> = ({
|
|||||||
command: () => editor.chain().focus().setDetails().run(),
|
command: () => editor.chain().focus().setDetails().run(),
|
||||||
isActive: () => editorState?.isDetails,
|
isActive: () => editorState?.isDetails,
|
||||||
},
|
},
|
||||||
{
|
|
||||||
name: "Sync block",
|
|
||||||
icon: IconQuote,
|
|
||||||
command: () => editor.chain().focus().toggleTransclusion().run(),
|
|
||||||
isActive: () => editorState?.isTransclusion,
|
|
||||||
},
|
|
||||||
];
|
];
|
||||||
|
|
||||||
const activeItem = items.filter((item) => item.isActive()).pop() ?? {
|
const activeItem = items.filter((item) => item.isActive()).pop() ?? {
|
||||||
|
|||||||
@@ -25,7 +25,6 @@ import {
|
|||||||
IconColumns3,
|
IconColumns3,
|
||||||
IconColumns2,
|
IconColumns2,
|
||||||
IconTag,
|
IconTag,
|
||||||
IconRotate2,
|
|
||||||
} from "@tabler/icons-react";
|
} from "@tabler/icons-react";
|
||||||
import {
|
import {
|
||||||
CommandProps,
|
CommandProps,
|
||||||
@@ -478,23 +477,6 @@ const CommandGroups: SlashMenuGroupedItemsType = {
|
|||||||
editor.chain().focus().deleteRange(range).insertSubpages().run();
|
editor.chain().focus().deleteRange(range).insertSubpages().run();
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
{
|
|
||||||
title: "Sync block",
|
|
||||||
description: "Create a block that stays in sync across pages.",
|
|
||||||
searchTerms: [
|
|
||||||
"sync",
|
|
||||||
"synced",
|
|
||||||
"sync block",
|
|
||||||
"excerpt",
|
|
||||||
"transclusion",
|
|
||||||
"reusable",
|
|
||||||
"snippet",
|
|
||||||
],
|
|
||||||
icon: IconRotate2,
|
|
||||||
command: ({ editor, range }: CommandProps) => {
|
|
||||||
editor.chain().focus().deleteRange(range).insertTransclusion().run();
|
|
||||||
},
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
title: "2 Columns",
|
title: "2 Columns",
|
||||||
description: "Split content into two columns.",
|
description: "Split content into two columns.",
|
||||||
|
|||||||
@@ -1,22 +0,0 @@
|
|||||||
import { IconAlertTriangle } from "@tabler/icons-react";
|
|
||||||
import { useTranslation } from "react-i18next";
|
|
||||||
import classes from "./transclusion.module.css";
|
|
||||||
|
|
||||||
export default function ErrorPlaceholder() {
|
|
||||||
const { t } = useTranslation();
|
|
||||||
return (
|
|
||||||
<div className={classes.placeholder}>
|
|
||||||
<IconAlertTriangle
|
|
||||||
size={20}
|
|
||||||
stroke={1.5}
|
|
||||||
className={classes.placeholderIcon}
|
|
||||||
/>
|
|
||||||
<div className={classes.placeholderTitle}>
|
|
||||||
{t("Failed to load transclusion")}
|
|
||||||
</div>
|
|
||||||
<div className={classes.placeholderSubtext}>
|
|
||||||
{t("An error occurred while rendering this reference")}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
@@ -1,16 +0,0 @@
|
|||||||
import { IconEyeOff } from "@tabler/icons-react";
|
|
||||||
import { useTranslation } from "react-i18next";
|
|
||||||
import classes from "./transclusion.module.css";
|
|
||||||
|
|
||||||
export default function NoAccessPlaceholder() {
|
|
||||||
const { t } = useTranslation();
|
|
||||||
return (
|
|
||||||
<div className={classes.placeholder}>
|
|
||||||
<IconEyeOff size={20} stroke={1.5} className={classes.placeholderIcon} />
|
|
||||||
<div className={classes.placeholderTitle}>{t("No access")}</div>
|
|
||||||
<div className={classes.placeholderSubtext}>
|
|
||||||
{t("You don't have access to this content")}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
@@ -1,24 +0,0 @@
|
|||||||
import { IconQuestionMark } from "@tabler/icons-react";
|
|
||||||
import { useTranslation } from "react-i18next";
|
|
||||||
import classes from "./transclusion.module.css";
|
|
||||||
|
|
||||||
export default function NotFoundPlaceholder() {
|
|
||||||
const { t } = useTranslation();
|
|
||||||
return (
|
|
||||||
<div className={classes.placeholder}>
|
|
||||||
<IconQuestionMark
|
|
||||||
size={20}
|
|
||||||
stroke={1.5}
|
|
||||||
className={classes.placeholderIcon}
|
|
||||||
/>
|
|
||||||
<div className={classes.placeholderTitle}>
|
|
||||||
{t("Synced block unavailable")}
|
|
||||||
</div>
|
|
||||||
<div className={classes.placeholderSubtext}>
|
|
||||||
{t(
|
|
||||||
"The source may have been removed, or embedding it here would create a loop.",
|
|
||||||
)}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
@@ -1,52 +0,0 @@
|
|||||||
import { EditorProvider } from "@tiptap/react";
|
|
||||||
import { useMemo } from "react";
|
|
||||||
import { mainExtensions } from "@/features/editor/extensions/extensions";
|
|
||||||
import { UniqueID } from "@docmost/editor-ext";
|
|
||||||
import { TransclusionLookupProvider } from "./transclusion-lookup-context";
|
|
||||||
|
|
||||||
type Props = {
|
|
||||||
hostPageId: string;
|
|
||||||
content: unknown;
|
|
||||||
};
|
|
||||||
|
|
||||||
export default function TransclusionContent({ hostPageId, content }: Props) {
|
|
||||||
const extensions = useMemo(() => {
|
|
||||||
const filtered = mainExtensions.filter(
|
|
||||||
(e: any) => e.name !== "uniqueID" && e.name !== "globalDragHandle",
|
|
||||||
);
|
|
||||||
return [
|
|
||||||
...filtered,
|
|
||||||
UniqueID.configure({
|
|
||||||
types: ["heading", "paragraph", "transclusion"],
|
|
||||||
updateDocument: false,
|
|
||||||
}),
|
|
||||||
];
|
|
||||||
}, []);
|
|
||||||
|
|
||||||
// Isolate the nested read-only editor's events from the host editor:
|
|
||||||
// - mousedown/click would otherwise make the host node-select the atom
|
|
||||||
// wrapper, blocking native text selection inside.
|
|
||||||
// - dragstart/dragover/drop would otherwise let the host treat events
|
|
||||||
// inside the nested view as drops on the host, duplicating dropped
|
|
||||||
// files at the transclusion's position.
|
|
||||||
const stop = (e: React.SyntheticEvent) => e.stopPropagation();
|
|
||||||
|
|
||||||
return (
|
|
||||||
<TransclusionLookupProvider hostPageId={hostPageId}>
|
|
||||||
<div
|
|
||||||
onMouseDown={stop}
|
|
||||||
onClick={stop}
|
|
||||||
onDragStart={stop}
|
|
||||||
onDragOver={stop}
|
|
||||||
onDrop={stop}
|
|
||||||
>
|
|
||||||
<EditorProvider
|
|
||||||
editable={false}
|
|
||||||
immediatelyRender={true}
|
|
||||||
extensions={extensions}
|
|
||||||
content={content as any}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</TransclusionLookupProvider>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
-198
@@ -1,198 +0,0 @@
|
|||||||
import React, {
|
|
||||||
createContext,
|
|
||||||
useCallback,
|
|
||||||
useContext,
|
|
||||||
useEffect,
|
|
||||||
useMemo,
|
|
||||||
useRef,
|
|
||||||
useState,
|
|
||||||
} from "react";
|
|
||||||
import { lookupTransclusion } from "@/features/transclusion/services/transclusion-api";
|
|
||||||
import type { TransclusionLookup } from "@/features/transclusion/types/transclusion.types";
|
|
||||||
|
|
||||||
type LookupKey = string; // `${sourcePageId}::${transclusionId}`
|
|
||||||
|
|
||||||
type Subscriber = {
|
|
||||||
key: LookupKey;
|
|
||||||
sourcePageId: string;
|
|
||||||
transclusionId: string;
|
|
||||||
setResult: (r: TransclusionLookup) => void;
|
|
||||||
};
|
|
||||||
|
|
||||||
type ContextValue = {
|
|
||||||
/** Register a subscriber. Returns an unsubscribe function. */
|
|
||||||
subscribe: (s: Subscriber) => () => void;
|
|
||||||
/**
|
|
||||||
* Force a re-fetch of `key` and resolve when the response arrives (or the
|
|
||||||
* request fails). Bypasses the cache and any in-flight de-dup so the user
|
|
||||||
* always sees a fresh server read.
|
|
||||||
*/
|
|
||||||
refresh: (key: LookupKey) => Promise<void>;
|
|
||||||
};
|
|
||||||
|
|
||||||
const TransclusionLookupContext = createContext<ContextValue | null>(null);
|
|
||||||
|
|
||||||
export function TransclusionLookupProvider({
|
|
||||||
children,
|
|
||||||
}: {
|
|
||||||
/**
|
|
||||||
* Retained for API compatibility with previous callers that passed the
|
|
||||||
* host page id; no longer used internally now that cycle prevention lives
|
|
||||||
* on the server side and lookups are stateless.
|
|
||||||
*/
|
|
||||||
hostPageId?: string;
|
|
||||||
children: React.ReactNode;
|
|
||||||
}) {
|
|
||||||
const subscribersRef = useRef(new Map<LookupKey, Subscriber[]>());
|
|
||||||
const queueRef = useRef(new Set<LookupKey>());
|
|
||||||
const tickRef = useRef<ReturnType<typeof setTimeout> | null>(null);
|
|
||||||
// Last looked-up value for each key. Re-subscribers (e.g. when the editor
|
|
||||||
// remounts after switching from static to live) get this immediately
|
|
||||||
// instead of triggering a duplicate fetch.
|
|
||||||
const resultCacheRef = useRef(new Map<LookupKey, TransclusionLookup>());
|
|
||||||
// Keys that are currently in flight in a batch request. A second subscribe
|
|
||||||
// for the same key while the first request is pending is a no-op; the
|
|
||||||
// subscriber is added to subscribersRef and will be notified when the
|
|
||||||
// pending request completes.
|
|
||||||
const inFlightRef = useRef(new Set<LookupKey>());
|
|
||||||
// Resolvers waiting on the next response for a key. Populated by refresh()
|
|
||||||
// so callers can await the fetch round-trip; resolved on success and on
|
|
||||||
// network error so the UI never hangs in a loading state.
|
|
||||||
const pendingRef = useRef(new Map<LookupKey, Array<() => void>>());
|
|
||||||
|
|
||||||
const flush = useCallback(async () => {
|
|
||||||
tickRef.current = null;
|
|
||||||
const keys = Array.from(queueRef.current);
|
|
||||||
queueRef.current.clear();
|
|
||||||
if (keys.length === 0) return;
|
|
||||||
|
|
||||||
for (const k of keys) inFlightRef.current.add(k);
|
|
||||||
|
|
||||||
const references = keys.map((k) => {
|
|
||||||
const [sourcePageId, transclusionId] = k.split("::");
|
|
||||||
return { sourcePageId, transclusionId };
|
|
||||||
});
|
|
||||||
|
|
||||||
const resolveWaiters = (key: LookupKey) => {
|
|
||||||
const waiters = pendingRef.current.get(key);
|
|
||||||
if (!waiters) return;
|
|
||||||
pendingRef.current.delete(key);
|
|
||||||
for (const w of waiters) w();
|
|
||||||
};
|
|
||||||
|
|
||||||
try {
|
|
||||||
const { items } = await lookupTransclusion({ references });
|
|
||||||
for (const r of items) {
|
|
||||||
const key = `${r.sourcePageId}::${r.transclusionId}`;
|
|
||||||
resultCacheRef.current.set(key, r);
|
|
||||||
inFlightRef.current.delete(key);
|
|
||||||
const subs = subscribersRef.current.get(key);
|
|
||||||
if (subs) {
|
|
||||||
for (const s of subs) s.setResult(r);
|
|
||||||
}
|
|
||||||
resolveWaiters(key);
|
|
||||||
}
|
|
||||||
} catch {
|
|
||||||
// Network error — leave subscribers in pending state and clear the
|
|
||||||
// in-flight flag so a future subscribe can retry.
|
|
||||||
for (const k of keys) {
|
|
||||||
inFlightRef.current.delete(k);
|
|
||||||
resolveWaiters(k);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}, []);
|
|
||||||
|
|
||||||
const enqueue = useCallback(
|
|
||||||
(key: LookupKey) => {
|
|
||||||
queueRef.current.add(key);
|
|
||||||
if (tickRef.current === null) {
|
|
||||||
tickRef.current = setTimeout(flush, 10);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
[flush],
|
|
||||||
);
|
|
||||||
|
|
||||||
const subscribe = useCallback<ContextValue["subscribe"]>(
|
|
||||||
(s) => {
|
|
||||||
const list = subscribersRef.current.get(s.key) ?? [];
|
|
||||||
list.push(s);
|
|
||||||
subscribersRef.current.set(s.key, list);
|
|
||||||
|
|
||||||
const cached = resultCacheRef.current.get(s.key);
|
|
||||||
if (cached) {
|
|
||||||
s.setResult(cached);
|
|
||||||
} else if (!inFlightRef.current.has(s.key)) {
|
|
||||||
enqueue(s.key);
|
|
||||||
}
|
|
||||||
|
|
||||||
return () => {
|
|
||||||
const cur = subscribersRef.current.get(s.key) ?? [];
|
|
||||||
const next = cur.filter((x) => x !== s);
|
|
||||||
if (next.length === 0) subscribersRef.current.delete(s.key);
|
|
||||||
else subscribersRef.current.set(s.key, next);
|
|
||||||
};
|
|
||||||
},
|
|
||||||
[enqueue],
|
|
||||||
);
|
|
||||||
|
|
||||||
const refresh = useCallback<ContextValue["refresh"]>(
|
|
||||||
(key) =>
|
|
||||||
new Promise<void>((resolve) => {
|
|
||||||
resultCacheRef.current.delete(key);
|
|
||||||
inFlightRef.current.delete(key);
|
|
||||||
const waiters = pendingRef.current.get(key) ?? [];
|
|
||||||
waiters.push(resolve);
|
|
||||||
pendingRef.current.set(key, waiters);
|
|
||||||
enqueue(key);
|
|
||||||
}),
|
|
||||||
[enqueue],
|
|
||||||
);
|
|
||||||
|
|
||||||
useEffect(
|
|
||||||
() => () => {
|
|
||||||
if (tickRef.current) clearTimeout(tickRef.current);
|
|
||||||
},
|
|
||||||
[],
|
|
||||||
);
|
|
||||||
|
|
||||||
const value = useMemo<ContextValue>(
|
|
||||||
() => ({ subscribe, refresh }),
|
|
||||||
[subscribe, refresh],
|
|
||||||
);
|
|
||||||
|
|
||||||
return (
|
|
||||||
<TransclusionLookupContext.Provider value={value}>
|
|
||||||
{children}
|
|
||||||
</TransclusionLookupContext.Provider>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
export function useTransclusionLookup(
|
|
||||||
sourcePageId: string | null | undefined,
|
|
||||||
transclusionId: string | null | undefined,
|
|
||||||
): {
|
|
||||||
result: TransclusionLookup | null;
|
|
||||||
refresh: () => Promise<void>;
|
|
||||||
} {
|
|
||||||
const ctx = useContext(TransclusionLookupContext);
|
|
||||||
const [result, setResult] = useState<TransclusionLookup | null>(null);
|
|
||||||
|
|
||||||
useEffect(() => {
|
|
||||||
if (!ctx || !sourcePageId || !transclusionId) return;
|
|
||||||
const key = `${sourcePageId}::${transclusionId}`;
|
|
||||||
const unsubscribe = ctx.subscribe({
|
|
||||||
key,
|
|
||||||
sourcePageId,
|
|
||||||
transclusionId,
|
|
||||||
setResult,
|
|
||||||
});
|
|
||||||
return unsubscribe;
|
|
||||||
}, [ctx, sourcePageId, transclusionId]);
|
|
||||||
|
|
||||||
const refresh = useCallback(async () => {
|
|
||||||
if (!ctx || !sourcePageId || !transclusionId) return;
|
|
||||||
await ctx.refresh(`${sourcePageId}::${transclusionId}`);
|
|
||||||
}, [ctx, sourcePageId, transclusionId]);
|
|
||||||
|
|
||||||
return { result, refresh };
|
|
||||||
}
|
|
||||||
-204
@@ -1,204 +0,0 @@
|
|||||||
import { NodeViewProps, NodeViewWrapper } from "@tiptap/react";
|
|
||||||
import { ActionIcon, Menu, Tooltip } from "@mantine/core";
|
|
||||||
import {
|
|
||||||
IconDots,
|
|
||||||
IconExternalLink,
|
|
||||||
IconLinkOff,
|
|
||||||
IconRefresh,
|
|
||||||
IconTrash,
|
|
||||||
} from "@tabler/icons-react";
|
|
||||||
import { useState } from "react";
|
|
||||||
import { Link } from "react-router-dom";
|
|
||||||
import { useTranslation } from "react-i18next";
|
|
||||||
import { ErrorBoundary } from "react-error-boundary";
|
|
||||||
import { useTransclusionLookup } from "./transclusion-lookup-context";
|
|
||||||
import TransclusionContent from "./transclusion-content";
|
|
||||||
import NoAccessPlaceholder from "./no-access-placeholder";
|
|
||||||
import NotFoundPlaceholder from "./not-found-placeholder";
|
|
||||||
import ErrorPlaceholder from "./error-placeholder";
|
|
||||||
import classes from "./transclusion.module.css";
|
|
||||||
import SyncBlockReferencesDropdown from "@/features/transclusion/components/sync-block-references-dropdown";
|
|
||||||
import {
|
|
||||||
useReferencesQuery,
|
|
||||||
useUnsyncReferenceMutation,
|
|
||||||
} from "@/features/transclusion/queries/transclusion-query";
|
|
||||||
import { buildPageUrl } from "@/features/page/page.utils";
|
|
||||||
|
|
||||||
export default function TransclusionReferenceView(props: NodeViewProps) {
|
|
||||||
const isEditable = props.editor.isEditable;
|
|
||||||
const sourcePageId: string | null = props.node.attrs.sourcePageId ?? null;
|
|
||||||
const transclusionId: string | null = props.node.attrs.transclusionId ?? null;
|
|
||||||
const [openMenus, setOpenMenus] = useState(0);
|
|
||||||
const trackOpen = (open: boolean) =>
|
|
||||||
setOpenMenus((n) => Math.max(0, n + (open ? 1 : -1)));
|
|
||||||
|
|
||||||
return (
|
|
||||||
<NodeViewWrapper
|
|
||||||
className={classes.includeWrap}
|
|
||||||
data-focused={isEditable && props.selected ? "true" : "false"}
|
|
||||||
data-menu-open={openMenus > 0 ? "true" : "false"}
|
|
||||||
contentEditable={false}
|
|
||||||
>
|
|
||||||
<ErrorBoundary
|
|
||||||
resetKeys={[sourcePageId, transclusionId]}
|
|
||||||
fallback={<ErrorPlaceholder />}
|
|
||||||
>
|
|
||||||
<TransclusionReferenceBody {...props} trackOpen={trackOpen} />
|
|
||||||
</ErrorBoundary>
|
|
||||||
</NodeViewWrapper>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
function TransclusionReferenceBody({
|
|
||||||
editor,
|
|
||||||
node,
|
|
||||||
deleteNode,
|
|
||||||
getPos,
|
|
||||||
trackOpen,
|
|
||||||
}: NodeViewProps & { trackOpen: (open: boolean) => void }) {
|
|
||||||
const { t } = useTranslation();
|
|
||||||
const sourcePageId: string | null = node.attrs.sourcePageId ?? null;
|
|
||||||
const transclusionId: string | null = node.attrs.transclusionId ?? null;
|
|
||||||
const isEditable = editor.isEditable;
|
|
||||||
|
|
||||||
const { result, refresh } = useTransclusionLookup(
|
|
||||||
sourcePageId,
|
|
||||||
transclusionId,
|
|
||||||
);
|
|
||||||
const [refreshing, setRefreshing] = useState(false);
|
|
||||||
const handleRefresh = async () => {
|
|
||||||
setRefreshing(true);
|
|
||||||
try {
|
|
||||||
await refresh();
|
|
||||||
} finally {
|
|
||||||
setRefreshing(false);
|
|
||||||
}
|
|
||||||
};
|
|
||||||
// @ts-ignore - editor.storage.pageId is set by the host editor
|
|
||||||
const hostPageId: string | undefined = editor.storage?.pageId;
|
|
||||||
const unsyncMutation = useUnsyncReferenceMutation();
|
|
||||||
// Cached against the dropdown's identical query so the source link target
|
|
||||||
// is ready as soon as the controls fade in on hover, without a second
|
|
||||||
// fetch.
|
|
||||||
const referencesQuery = useReferencesQuery(
|
|
||||||
sourcePageId,
|
|
||||||
transclusionId,
|
|
||||||
isEditable,
|
|
||||||
);
|
|
||||||
const sourcePageHref = (() => {
|
|
||||||
const source = referencesQuery.data?.source;
|
|
||||||
if (source?.spaceSlug) {
|
|
||||||
return buildPageUrl(source.spaceSlug, source.slugId, source.title);
|
|
||||||
}
|
|
||||||
return sourcePageId ? `/p/${sourcePageId}` : null;
|
|
||||||
})();
|
|
||||||
|
|
||||||
const handleUnsync = async () => {
|
|
||||||
if (!hostPageId || !sourcePageId || !transclusionId) return;
|
|
||||||
try {
|
|
||||||
const { content } = await unsyncMutation.mutateAsync({
|
|
||||||
referencePageId: hostPageId,
|
|
||||||
sourcePageId,
|
|
||||||
transclusionId,
|
|
||||||
});
|
|
||||||
const pos = getPos();
|
|
||||||
if (typeof pos !== "number") return;
|
|
||||||
const from = pos;
|
|
||||||
const to = pos + node.nodeSize;
|
|
||||||
editor
|
|
||||||
.chain()
|
|
||||||
.focus()
|
|
||||||
.insertContentAt({ from, to }, content as any)
|
|
||||||
.run();
|
|
||||||
} catch {
|
|
||||||
// mutation surfaces errors via React Query; node stays as-is
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
return (
|
|
||||||
<>
|
|
||||||
{isEditable && (
|
|
||||||
<div className={classes.includeControls} contentEditable={false}>
|
|
||||||
{sourcePageId && transclusionId && hostPageId && (
|
|
||||||
<SyncBlockReferencesDropdown
|
|
||||||
sourcePageId={sourcePageId}
|
|
||||||
transclusionId={transclusionId}
|
|
||||||
currentPageId={hostPageId}
|
|
||||||
mode="reference"
|
|
||||||
onOpenChange={trackOpen}
|
|
||||||
/>
|
|
||||||
)}
|
|
||||||
<span className={classes.controlsDivider} />
|
|
||||||
<Tooltip label={t("Refresh")}>
|
|
||||||
<ActionIcon
|
|
||||||
variant="subtle"
|
|
||||||
color="gray"
|
|
||||||
size="sm"
|
|
||||||
onClick={handleRefresh}
|
|
||||||
loading={refreshing}
|
|
||||||
disabled={!sourcePageId || !transclusionId}
|
|
||||||
>
|
|
||||||
<IconRefresh size={14} />
|
|
||||||
</ActionIcon>
|
|
||||||
</Tooltip>
|
|
||||||
{sourcePageHref && (
|
|
||||||
<Tooltip label={t("Go to source page")}>
|
|
||||||
<ActionIcon
|
|
||||||
component={Link}
|
|
||||||
to={sourcePageHref}
|
|
||||||
variant="subtle"
|
|
||||||
color="gray"
|
|
||||||
size="sm"
|
|
||||||
>
|
|
||||||
<IconExternalLink size={14} />
|
|
||||||
</ActionIcon>
|
|
||||||
</Tooltip>
|
|
||||||
)}
|
|
||||||
<Menu position="bottom-end" withinPortal onChange={trackOpen}>
|
|
||||||
<Menu.Target>
|
|
||||||
<ActionIcon variant="subtle" color="gray" size="sm">
|
|
||||||
<IconDots size={14} />
|
|
||||||
</ActionIcon>
|
|
||||||
</Menu.Target>
|
|
||||||
<Menu.Dropdown>
|
|
||||||
<Menu.Item
|
|
||||||
leftSection={<IconLinkOff size={14} />}
|
|
||||||
onClick={handleUnsync}
|
|
||||||
disabled={
|
|
||||||
unsyncMutation.isPending ||
|
|
||||||
!hostPageId ||
|
|
||||||
!sourcePageId ||
|
|
||||||
!transclusionId
|
|
||||||
}
|
|
||||||
>
|
|
||||||
{t("Unsync")}
|
|
||||||
</Menu.Item>
|
|
||||||
<Menu.Item
|
|
||||||
color="red"
|
|
||||||
leftSection={<IconTrash size={14} />}
|
|
||||||
onClick={() => deleteNode()}
|
|
||||||
>
|
|
||||||
{t("Remove from page")}
|
|
||||||
</Menu.Item>
|
|
||||||
</Menu.Dropdown>
|
|
||||||
</Menu>
|
|
||||||
</div>
|
|
||||||
)}
|
|
||||||
|
|
||||||
{!sourcePageId || !transclusionId ? (
|
|
||||||
<NotFoundPlaceholder />
|
|
||||||
) : !result ? (
|
|
||||||
<div style={{ minHeight: 24 }} />
|
|
||||||
) : !("status" in result) ? (
|
|
||||||
<TransclusionContent
|
|
||||||
hostPageId={hostPageId ?? sourcePageId}
|
|
||||||
content={result.content}
|
|
||||||
/>
|
|
||||||
) : result.status === "no_access" ? (
|
|
||||||
<NoAccessPlaceholder />
|
|
||||||
) : (
|
|
||||||
<NotFoundPlaceholder />
|
|
||||||
)}
|
|
||||||
</>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
@@ -1,122 +0,0 @@
|
|||||||
import {
|
|
||||||
NodeViewContent,
|
|
||||||
NodeViewProps,
|
|
||||||
NodeViewWrapper,
|
|
||||||
} from "@tiptap/react";
|
|
||||||
import { ActionIcon, Menu, Tooltip } from "@mantine/core";
|
|
||||||
import { notifications } from "@mantine/notifications";
|
|
||||||
import {
|
|
||||||
IconCheck,
|
|
||||||
IconCopy,
|
|
||||||
IconDots,
|
|
||||||
IconLinkOff,
|
|
||||||
IconTrash,
|
|
||||||
} from "@tabler/icons-react";
|
|
||||||
import { useState } from "react";
|
|
||||||
import { useTranslation } from "react-i18next";
|
|
||||||
import classes from "./transclusion.module.css";
|
|
||||||
import SyncBlockReferencesDropdown from "@/features/transclusion/components/sync-block-references-dropdown";
|
|
||||||
|
|
||||||
export default function TransclusionView(props: NodeViewProps) {
|
|
||||||
const { editor, node, deleteNode } = props;
|
|
||||||
const { t } = useTranslation();
|
|
||||||
const [openMenus, setOpenMenus] = useState(0);
|
|
||||||
const trackOpen = (open: boolean) =>
|
|
||||||
setOpenMenus((n) => Math.max(0, n + (open ? 1 : -1)));
|
|
||||||
|
|
||||||
const isEditable = editor.isEditable;
|
|
||||||
// @ts-ignore - editor.storage.pageId is set by the host editor (page-editor.tsx onCreate)
|
|
||||||
const sourcePageId: string | undefined = editor.storage?.pageId;
|
|
||||||
const transclusionId: string | null = node.attrs.id ?? null;
|
|
||||||
|
|
||||||
const [copied, setCopied] = useState(false);
|
|
||||||
const handleCopy = async () => {
|
|
||||||
if (!sourcePageId || !transclusionId) return;
|
|
||||||
const html = `<div data-type="transclusionReference" data-source-page-id="${sourcePageId}" data-transclusion-id="${transclusionId}"></div>`;
|
|
||||||
try {
|
|
||||||
await navigator.clipboard.write([
|
|
||||||
new ClipboardItem({
|
|
||||||
"text/html": new Blob([html], { type: "text/html" }),
|
|
||||||
"text/plain": new Blob([html], { type: "text/plain" }),
|
|
||||||
}),
|
|
||||||
]);
|
|
||||||
} catch {
|
|
||||||
// Fallback for browsers without ClipboardItem write support
|
|
||||||
try {
|
|
||||||
await navigator.clipboard.writeText(html);
|
|
||||||
} catch {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
setCopied(true);
|
|
||||||
window.setTimeout(() => setCopied(false), 2000);
|
|
||||||
notifications.show({
|
|
||||||
message: t("Copied. Paste on any page to embed this synced block."),
|
|
||||||
});
|
|
||||||
};
|
|
||||||
|
|
||||||
const handleUnsync = () => {
|
|
||||||
editor.chain().focus().unsyncTransclusion().run();
|
|
||||||
};
|
|
||||||
|
|
||||||
return (
|
|
||||||
<NodeViewWrapper
|
|
||||||
className={classes.transclusionWrap}
|
|
||||||
data-drag-handle
|
|
||||||
data-menu-open={openMenus > 0 ? "true" : "false"}
|
|
||||||
>
|
|
||||||
{isEditable && (
|
|
||||||
<div className={classes.transclusionControls} contentEditable={false}>
|
|
||||||
{sourcePageId && transclusionId && (
|
|
||||||
<SyncBlockReferencesDropdown
|
|
||||||
sourcePageId={sourcePageId}
|
|
||||||
transclusionId={transclusionId}
|
|
||||||
currentPageId={sourcePageId}
|
|
||||||
mode="source"
|
|
||||||
onOpenChange={trackOpen}
|
|
||||||
/>
|
|
||||||
)}
|
|
||||||
|
|
||||||
<span className={classes.controlsDivider} />
|
|
||||||
|
|
||||||
<Tooltip label={copied ? t("Copied") : t("Copy synced block")}>
|
|
||||||
<ActionIcon
|
|
||||||
variant="subtle"
|
|
||||||
color={copied ? "teal" : "gray"}
|
|
||||||
size="sm"
|
|
||||||
onClick={handleCopy}
|
|
||||||
disabled={!sourcePageId || !transclusionId}
|
|
||||||
>
|
|
||||||
{copied ? <IconCheck size={14} /> : <IconCopy size={14} />}
|
|
||||||
</ActionIcon>
|
|
||||||
</Tooltip>
|
|
||||||
|
|
||||||
<Menu position="bottom-end" withinPortal onChange={trackOpen}>
|
|
||||||
<Menu.Target>
|
|
||||||
<ActionIcon variant="subtle" color="gray" size="sm">
|
|
||||||
<IconDots size={14} />
|
|
||||||
</ActionIcon>
|
|
||||||
</Menu.Target>
|
|
||||||
<Menu.Dropdown>
|
|
||||||
<Menu.Item
|
|
||||||
leftSection={<IconLinkOff size={14} />}
|
|
||||||
onClick={handleUnsync}
|
|
||||||
>
|
|
||||||
{t("Unsync")}
|
|
||||||
</Menu.Item>
|
|
||||||
<Menu.Item
|
|
||||||
color="red"
|
|
||||||
leftSection={<IconTrash size={14} />}
|
|
||||||
onClick={() => deleteNode()}
|
|
||||||
>
|
|
||||||
{t("Delete sync block")}
|
|
||||||
</Menu.Item>
|
|
||||||
</Menu.Dropdown>
|
|
||||||
</Menu>
|
|
||||||
</div>
|
|
||||||
)}
|
|
||||||
|
|
||||||
<NodeViewContent />
|
|
||||||
</NodeViewWrapper>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
@@ -1,199 +0,0 @@
|
|||||||
.placeholder {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
gap: 4px;
|
|
||||||
padding: var(--mantine-spacing-md);
|
|
||||||
border-radius: var(--mantine-radius-md);
|
|
||||||
background: light-dark(
|
|
||||||
var(--mantine-color-gray-0),
|
|
||||||
var(--mantine-color-dark-6)
|
|
||||||
);
|
|
||||||
border: 1px dashed
|
|
||||||
light-dark(var(--mantine-color-gray-3), var(--mantine-color-dark-4));
|
|
||||||
color: light-dark(var(--mantine-color-gray-7), var(--mantine-color-dark-1));
|
|
||||||
}
|
|
||||||
|
|
||||||
.placeholderIcon {
|
|
||||||
color: light-dark(var(--mantine-color-gray-5), var(--mantine-color-dark-3));
|
|
||||||
}
|
|
||||||
|
|
||||||
.placeholderTitle {
|
|
||||||
font-weight: 600;
|
|
||||||
font-size: var(--mantine-font-size-sm);
|
|
||||||
}
|
|
||||||
|
|
||||||
.placeholderSubtext {
|
|
||||||
font-size: var(--mantine-font-size-xs);
|
|
||||||
color: light-dark(var(--mantine-color-gray-6), var(--mantine-color-dark-2));
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.transclusionBadge {
|
|
||||||
display: inline-block;
|
|
||||||
padding: 2px 8px;
|
|
||||||
font-size: var(--mantine-font-size-xs);
|
|
||||||
font-weight: 600;
|
|
||||||
color: light-dark(var(--mantine-color-gray-7), var(--mantine-color-dark-1));
|
|
||||||
background: light-dark(
|
|
||||||
var(--mantine-color-gray-1),
|
|
||||||
var(--mantine-color-dark-5)
|
|
||||||
);
|
|
||||||
border-radius: var(--mantine-radius-sm);
|
|
||||||
margin-bottom: 4px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.transclusionWrap {
|
|
||||||
position: relative;
|
|
||||||
margin-left: -3rem;
|
|
||||||
margin-right: -3rem;
|
|
||||||
width: calc(100% + 6rem);
|
|
||||||
padding: 0.5em 3rem;
|
|
||||||
border-radius: 4px;
|
|
||||||
border: 1px solid transparent;
|
|
||||||
transition: border 0.3s;
|
|
||||||
}
|
|
||||||
|
|
||||||
.transclusionWrap:hover,
|
|
||||||
.transclusionWrap:focus-within {
|
|
||||||
border: 1px solid
|
|
||||||
light-dark(var(--mantine-color-gray-3), var(--mantine-color-gray-7));
|
|
||||||
}
|
|
||||||
|
|
||||||
.transclusionControls {
|
|
||||||
position: absolute;
|
|
||||||
bottom: calc(100% + 8px);
|
|
||||||
right: 4px;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
gap: 6px;
|
|
||||||
background: var(--mantine-color-body);
|
|
||||||
border: 1px solid var(--mantine-color-default-border);
|
|
||||||
border-radius: 6px;
|
|
||||||
padding: 4px 6px;
|
|
||||||
opacity: 0;
|
|
||||||
pointer-events: none;
|
|
||||||
transition: opacity 0.15s ease;
|
|
||||||
z-index: 2;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Hover bridge: keeps :hover on the wrap while the cursor crosses the
|
|
||||||
8px gap between wrap and floating chrome, so the menu doesn't fade out
|
|
||||||
on the way to it. */
|
|
||||||
.transclusionControls::after {
|
|
||||||
content: "";
|
|
||||||
position: absolute;
|
|
||||||
top: 100%;
|
|
||||||
left: 0;
|
|
||||||
right: 0;
|
|
||||||
height: 8px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.transclusionWrap:hover .transclusionControls,
|
|
||||||
.transclusionWrap:focus-within .transclusionControls,
|
|
||||||
.transclusionWrap[data-menu-open="true"] .transclusionControls {
|
|
||||||
opacity: 1;
|
|
||||||
pointer-events: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.controlsDivider {
|
|
||||||
display: inline-block;
|
|
||||||
width: 1px;
|
|
||||||
height: 16px;
|
|
||||||
background: var(--mantine-color-default-border);
|
|
||||||
}
|
|
||||||
|
|
||||||
.includeWrap {
|
|
||||||
position: relative;
|
|
||||||
margin-left: -3rem;
|
|
||||||
margin-right: -3rem;
|
|
||||||
width: calc(100% + 6rem);
|
|
||||||
padding: 0.5em 0;
|
|
||||||
border-radius: 4px;
|
|
||||||
border: 1px solid transparent;
|
|
||||||
transition: border 0.3s;
|
|
||||||
}
|
|
||||||
|
|
||||||
.includeWrap:hover,
|
|
||||||
.includeWrap[data-focused="true"],
|
|
||||||
.includeWrap[data-menu-open="true"] {
|
|
||||||
border: 1px solid
|
|
||||||
light-dark(var(--mantine-color-gray-3), var(--mantine-color-gray-7));
|
|
||||||
}
|
|
||||||
|
|
||||||
.includeControls {
|
|
||||||
position: absolute;
|
|
||||||
bottom: calc(100% + 8px);
|
|
||||||
right: 4px;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
gap: 6px;
|
|
||||||
background: var(--mantine-color-body);
|
|
||||||
border: 1px solid var(--mantine-color-default-border);
|
|
||||||
border-radius: 6px;
|
|
||||||
padding: 4px 6px;
|
|
||||||
opacity: 0;
|
|
||||||
pointer-events: none;
|
|
||||||
transition: opacity 0.15s ease;
|
|
||||||
z-index: 2;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Hover bridge: keeps :hover on the wrap while the cursor crosses the
|
|
||||||
8px gap between wrap and floating chrome, so the menu doesn't fade out
|
|
||||||
on the way to it. */
|
|
||||||
.includeControls::after {
|
|
||||||
content: "";
|
|
||||||
position: absolute;
|
|
||||||
top: 100%;
|
|
||||||
left: 0;
|
|
||||||
right: 0;
|
|
||||||
height: 8px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.includeWrap:hover .includeControls,
|
|
||||||
.includeWrap:focus-within .includeControls,
|
|
||||||
.includeWrap[data-focused="true"] .includeControls,
|
|
||||||
.includeWrap[data-menu-open="true"] .includeControls {
|
|
||||||
opacity: 1;
|
|
||||||
pointer-events: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
:global(.react-renderer.node-transclusion.ProseMirror-selectednode),
|
|
||||||
:global(.react-renderer.node-transclusionReference.ProseMirror-selectednode) {
|
|
||||||
outline: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (max-width: 48em) {
|
|
||||||
.transclusionWrap,
|
|
||||||
.includeWrap {
|
|
||||||
margin-left: -1rem;
|
|
||||||
margin-right: -1rem;
|
|
||||||
width: calc(100% + 2rem);
|
|
||||||
}
|
|
||||||
|
|
||||||
.transclusionWrap {
|
|
||||||
padding-left: 1rem;
|
|
||||||
padding-right: 1rem;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media print {
|
|
||||||
.transclusionControls,
|
|
||||||
.includeControls {
|
|
||||||
display: none !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.editingOriginalTag {
|
|
||||||
display: inline-block;
|
|
||||||
padding: 0 6px;
|
|
||||||
font-size: var(--mantine-font-size-xs);
|
|
||||||
font-weight: 500;
|
|
||||||
color: var(--mantine-color-blue-7);
|
|
||||||
background: light-dark(
|
|
||||||
var(--mantine-color-blue-0),
|
|
||||||
var(--mantine-color-blue-9)
|
|
||||||
);
|
|
||||||
border-radius: var(--mantine-radius-sm);
|
|
||||||
}
|
|
||||||
@@ -1,419 +0,0 @@
|
|||||||
import { Extension } from "@tiptap/core";
|
|
||||||
import {
|
|
||||||
NodeSelection,
|
|
||||||
Plugin,
|
|
||||||
PluginKey,
|
|
||||||
TextSelection,
|
|
||||||
} from "@tiptap/pm/state";
|
|
||||||
import { Fragment, Slice, Node } from "@tiptap/pm/model";
|
|
||||||
import { EditorView } from "@tiptap/pm/view";
|
|
||||||
|
|
||||||
export interface GlobalDragHandleOptions {
|
|
||||||
/**
|
|
||||||
* The width of the drag handle
|
|
||||||
*/
|
|
||||||
dragHandleWidth: number;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* The treshold for scrolling
|
|
||||||
*/
|
|
||||||
scrollThreshold: number;
|
|
||||||
|
|
||||||
/*
|
|
||||||
* The css selector to query for the drag handle. (eg: '.custom-handle').
|
|
||||||
* If handle element is found, that element will be used as drag handle. If not, a default handle will be created
|
|
||||||
*/
|
|
||||||
dragHandleSelector?: string;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Tags to be excluded for drag handle
|
|
||||||
*/
|
|
||||||
excludedTags: string[];
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Custom nodes to be included for drag handle
|
|
||||||
*/
|
|
||||||
customNodes: string[];
|
|
||||||
}
|
|
||||||
function absoluteRect(node: Element) {
|
|
||||||
const data = node.getBoundingClientRect();
|
|
||||||
const modal = node.closest('[role="dialog"]');
|
|
||||||
|
|
||||||
if (modal && window.getComputedStyle(modal).transform !== "none") {
|
|
||||||
const modalRect = modal.getBoundingClientRect();
|
|
||||||
|
|
||||||
return {
|
|
||||||
top: data.top - modalRect.top,
|
|
||||||
left: data.left - modalRect.left,
|
|
||||||
width: data.width,
|
|
||||||
};
|
|
||||||
}
|
|
||||||
return {
|
|
||||||
top: data.top,
|
|
||||||
left: data.left,
|
|
||||||
width: data.width,
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
function nodeDOMAtCoords(
|
|
||||||
coords: { x: number; y: number },
|
|
||||||
options: GlobalDragHandleOptions,
|
|
||||||
view: EditorView,
|
|
||||||
) {
|
|
||||||
const selectors = [
|
|
||||||
"li",
|
|
||||||
"p:not(:first-child)",
|
|
||||||
"pre",
|
|
||||||
"blockquote",
|
|
||||||
"h1",
|
|
||||||
"h2",
|
|
||||||
"h3",
|
|
||||||
"h4",
|
|
||||||
"h5",
|
|
||||||
"h6",
|
|
||||||
...options.customNodes.map((node) => `[data-type=${node}]`),
|
|
||||||
].join(", ");
|
|
||||||
return document
|
|
||||||
.elementsFromPoint(coords.x, coords.y)
|
|
||||||
.find((elem: Element) => {
|
|
||||||
// Skip elements that belong to a nested editor (e.g. transclusion
|
|
||||||
// references render their own ProseMirror instance). Only consider
|
|
||||||
// elements whose closest editor is this host view.
|
|
||||||
if (elem.closest(".ProseMirror") !== view.dom) return false;
|
|
||||||
return (
|
|
||||||
elem.parentElement?.matches?.(".ProseMirror") ||
|
|
||||||
elem.matches(selectors)
|
|
||||||
);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
function nodePosAtDOM(
|
|
||||||
node: Element,
|
|
||||||
view: EditorView,
|
|
||||||
options: GlobalDragHandleOptions,
|
|
||||||
) {
|
|
||||||
const boundingRect = node.getBoundingClientRect();
|
|
||||||
|
|
||||||
return view.posAtCoords({
|
|
||||||
left: boundingRect.left + 50 + options.dragHandleWidth,
|
|
||||||
top: boundingRect.top + 1,
|
|
||||||
})?.inside;
|
|
||||||
}
|
|
||||||
|
|
||||||
function calcNodePos(pos: number, view: EditorView) {
|
|
||||||
const $pos = view.state.doc.resolve(pos);
|
|
||||||
if ($pos.depth > 1) return $pos.before($pos.depth);
|
|
||||||
return pos;
|
|
||||||
}
|
|
||||||
|
|
||||||
export function DragHandlePlugin(
|
|
||||||
options: GlobalDragHandleOptions & { pluginKey: string },
|
|
||||||
) {
|
|
||||||
let listType = "";
|
|
||||||
function handleDragStart(event: DragEvent, view: EditorView) {
|
|
||||||
view.focus();
|
|
||||||
|
|
||||||
if (!event.dataTransfer) return;
|
|
||||||
|
|
||||||
const node = nodeDOMAtCoords(
|
|
||||||
{
|
|
||||||
x: event.clientX + 50 + options.dragHandleWidth,
|
|
||||||
y: event.clientY,
|
|
||||||
},
|
|
||||||
options,
|
|
||||||
view,
|
|
||||||
);
|
|
||||||
|
|
||||||
if (!(node instanceof Element)) return;
|
|
||||||
|
|
||||||
let draggedNodePos = nodePosAtDOM(node, view, options);
|
|
||||||
if (draggedNodePos == null || draggedNodePos < 0) return;
|
|
||||||
draggedNodePos = calcNodePos(draggedNodePos, view);
|
|
||||||
|
|
||||||
const { from, to } = view.state.selection;
|
|
||||||
const diff = from - to;
|
|
||||||
|
|
||||||
const fromSelectionPos = calcNodePos(from, view);
|
|
||||||
let differentNodeSelected = false;
|
|
||||||
|
|
||||||
const nodePos = view.state.doc.resolve(fromSelectionPos);
|
|
||||||
|
|
||||||
// Check if nodePos points to the top level node
|
|
||||||
if (nodePos.node().type.name === "doc") differentNodeSelected = true;
|
|
||||||
else {
|
|
||||||
const nodeSelection = NodeSelection.create(
|
|
||||||
view.state.doc,
|
|
||||||
nodePos.before(),
|
|
||||||
);
|
|
||||||
|
|
||||||
// Check if the node where the drag event started is part of the current selection
|
|
||||||
differentNodeSelected = !(
|
|
||||||
draggedNodePos + 1 >= nodeSelection.$from.pos &&
|
|
||||||
draggedNodePos <= nodeSelection.$to.pos
|
|
||||||
);
|
|
||||||
}
|
|
||||||
let selection = view.state.selection;
|
|
||||||
if (
|
|
||||||
!differentNodeSelected &&
|
|
||||||
diff !== 0 &&
|
|
||||||
!(view.state.selection instanceof NodeSelection)
|
|
||||||
) {
|
|
||||||
const endSelection = NodeSelection.create(view.state.doc, to - 1);
|
|
||||||
selection = TextSelection.create(
|
|
||||||
view.state.doc,
|
|
||||||
draggedNodePos,
|
|
||||||
endSelection.$to.pos,
|
|
||||||
);
|
|
||||||
} else {
|
|
||||||
selection = NodeSelection.create(view.state.doc, draggedNodePos);
|
|
||||||
|
|
||||||
// if inline node is selected, e.g mention -> go to the parent node to select the whole node
|
|
||||||
// if table row is selected, go to the parent node to select the whole node
|
|
||||||
if (
|
|
||||||
(selection as NodeSelection).node.type.isInline ||
|
|
||||||
(selection as NodeSelection).node.type.name === "tableRow"
|
|
||||||
) {
|
|
||||||
let $pos = view.state.doc.resolve(selection.from);
|
|
||||||
selection = NodeSelection.create(view.state.doc, $pos.before());
|
|
||||||
}
|
|
||||||
}
|
|
||||||
view.dispatch(view.state.tr.setSelection(selection));
|
|
||||||
|
|
||||||
// If the selected node is a list item, we need to save the type of the wrapping list e.g. OL or UL
|
|
||||||
if (
|
|
||||||
view.state.selection instanceof NodeSelection &&
|
|
||||||
view.state.selection.node.type.name === "listItem"
|
|
||||||
) {
|
|
||||||
listType = node.parentElement!.tagName;
|
|
||||||
}
|
|
||||||
|
|
||||||
const slice = view.state.selection.content();
|
|
||||||
const { dom, text } = view.serializeForClipboard(slice);
|
|
||||||
|
|
||||||
event.dataTransfer.clearData();
|
|
||||||
event.dataTransfer.setData("text/html", dom.innerHTML);
|
|
||||||
event.dataTransfer.setData("text/plain", text);
|
|
||||||
event.dataTransfer.effectAllowed = "move";
|
|
||||||
|
|
||||||
event.dataTransfer.setDragImage(node, 0, 0);
|
|
||||||
|
|
||||||
view.dragging = { slice, move: event.ctrlKey };
|
|
||||||
}
|
|
||||||
|
|
||||||
let dragHandleElement: HTMLElement | null = null;
|
|
||||||
|
|
||||||
function hideDragHandle() {
|
|
||||||
if (dragHandleElement) {
|
|
||||||
dragHandleElement.classList.add("hide");
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function showDragHandle() {
|
|
||||||
if (dragHandleElement) {
|
|
||||||
dragHandleElement.classList.remove("hide");
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function hideHandleOnEditorOut(event: MouseEvent) {
|
|
||||||
if (event.target instanceof Element) {
|
|
||||||
// Check if the relatedTarget class is still inside the editor
|
|
||||||
const relatedTarget = event.relatedTarget as HTMLElement;
|
|
||||||
const isInsideEditor =
|
|
||||||
relatedTarget?.classList.contains("tiptap") ||
|
|
||||||
relatedTarget?.classList.contains("drag-handle");
|
|
||||||
|
|
||||||
if (isInsideEditor) return;
|
|
||||||
}
|
|
||||||
hideDragHandle();
|
|
||||||
}
|
|
||||||
|
|
||||||
return new Plugin({
|
|
||||||
key: new PluginKey(options.pluginKey),
|
|
||||||
view: (view) => {
|
|
||||||
const handleBySelector = options.dragHandleSelector
|
|
||||||
? document.querySelector<HTMLElement>(options.dragHandleSelector)
|
|
||||||
: null;
|
|
||||||
dragHandleElement = handleBySelector ?? document.createElement("div");
|
|
||||||
dragHandleElement.draggable = true;
|
|
||||||
dragHandleElement.dataset.dragHandle = "";
|
|
||||||
dragHandleElement.classList.add("drag-handle");
|
|
||||||
|
|
||||||
function onDragHandleDragStart(e: DragEvent) {
|
|
||||||
handleDragStart(e, view);
|
|
||||||
}
|
|
||||||
|
|
||||||
dragHandleElement.addEventListener("dragstart", onDragHandleDragStart);
|
|
||||||
|
|
||||||
function onDragHandleDrag(e: DragEvent) {
|
|
||||||
hideDragHandle();
|
|
||||||
let scrollY = window.scrollY;
|
|
||||||
if (e.clientY < options.scrollThreshold) {
|
|
||||||
window.scrollTo({ top: scrollY - 30, behavior: "smooth" });
|
|
||||||
} else if (window.innerHeight - e.clientY < options.scrollThreshold) {
|
|
||||||
window.scrollTo({ top: scrollY + 30, behavior: "smooth" });
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
dragHandleElement.addEventListener("drag", onDragHandleDrag);
|
|
||||||
|
|
||||||
hideDragHandle();
|
|
||||||
|
|
||||||
if (!handleBySelector) {
|
|
||||||
view?.dom?.parentElement?.appendChild(dragHandleElement);
|
|
||||||
}
|
|
||||||
view?.dom?.parentElement?.addEventListener(
|
|
||||||
"mouseout",
|
|
||||||
hideHandleOnEditorOut,
|
|
||||||
);
|
|
||||||
|
|
||||||
return {
|
|
||||||
destroy: () => {
|
|
||||||
if (!handleBySelector) {
|
|
||||||
dragHandleElement?.remove?.();
|
|
||||||
}
|
|
||||||
dragHandleElement?.removeEventListener("drag", onDragHandleDrag);
|
|
||||||
dragHandleElement?.removeEventListener(
|
|
||||||
"dragstart",
|
|
||||||
onDragHandleDragStart,
|
|
||||||
);
|
|
||||||
dragHandleElement = null;
|
|
||||||
view?.dom?.parentElement?.removeEventListener(
|
|
||||||
"mouseout",
|
|
||||||
hideHandleOnEditorOut,
|
|
||||||
);
|
|
||||||
},
|
|
||||||
};
|
|
||||||
},
|
|
||||||
props: {
|
|
||||||
handleDOMEvents: {
|
|
||||||
mousemove: (view, event) => {
|
|
||||||
if (!view.editable) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
const node = nodeDOMAtCoords(
|
|
||||||
{
|
|
||||||
x: event.clientX + 50 + options.dragHandleWidth,
|
|
||||||
y: event.clientY,
|
|
||||||
},
|
|
||||||
options,
|
|
||||||
view,
|
|
||||||
);
|
|
||||||
|
|
||||||
const notDragging = node?.closest(".not-draggable");
|
|
||||||
const excludedTagList = options.excludedTags
|
|
||||||
.concat(["ol", "ul"])
|
|
||||||
.join(", ");
|
|
||||||
|
|
||||||
if (
|
|
||||||
!(node instanceof Element) ||
|
|
||||||
node.matches(excludedTagList) ||
|
|
||||||
notDragging
|
|
||||||
) {
|
|
||||||
hideDragHandle();
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
const compStyle = window.getComputedStyle(node);
|
|
||||||
const parsedLineHeight = parseInt(compStyle.lineHeight, 10);
|
|
||||||
const lineHeight = isNaN(parsedLineHeight)
|
|
||||||
? parseInt(compStyle.fontSize) * 1.2
|
|
||||||
: parsedLineHeight;
|
|
||||||
const paddingTop = parseInt(compStyle.paddingTop, 10);
|
|
||||||
|
|
||||||
const rect = absoluteRect(node);
|
|
||||||
|
|
||||||
rect.top += (lineHeight - 24) / 2;
|
|
||||||
rect.top += paddingTop;
|
|
||||||
// Li markers
|
|
||||||
if (node.matches("ul:not([data-type=taskList]) li, ol li")) {
|
|
||||||
rect.left -= options.dragHandleWidth;
|
|
||||||
}
|
|
||||||
rect.width = options.dragHandleWidth;
|
|
||||||
|
|
||||||
if (!dragHandleElement) return;
|
|
||||||
|
|
||||||
dragHandleElement.style.left = `${rect.left - rect.width}px`;
|
|
||||||
dragHandleElement.style.top = `${rect.top}px`;
|
|
||||||
showDragHandle();
|
|
||||||
},
|
|
||||||
keydown: () => {
|
|
||||||
hideDragHandle();
|
|
||||||
},
|
|
||||||
mousewheel: () => {
|
|
||||||
hideDragHandle();
|
|
||||||
},
|
|
||||||
// dragging class is used for CSS
|
|
||||||
dragstart: (view) => {
|
|
||||||
view.dom.classList.add("dragging");
|
|
||||||
},
|
|
||||||
drop: (view, event) => {
|
|
||||||
view.dom.classList.remove("dragging");
|
|
||||||
hideDragHandle();
|
|
||||||
let droppedNode: Node | null = null;
|
|
||||||
const dropPos = view.posAtCoords({
|
|
||||||
left: event.clientX,
|
|
||||||
top: event.clientY,
|
|
||||||
});
|
|
||||||
|
|
||||||
if (!dropPos) return;
|
|
||||||
|
|
||||||
if (view.state.selection instanceof NodeSelection) {
|
|
||||||
droppedNode = view.state.selection.node;
|
|
||||||
}
|
|
||||||
if (!droppedNode) return;
|
|
||||||
|
|
||||||
const resolvedPos = view.state.doc.resolve(dropPos.pos);
|
|
||||||
|
|
||||||
const isDroppedInsideList =
|
|
||||||
resolvedPos.parent.type.name === "listItem";
|
|
||||||
|
|
||||||
// If the selected node is a list item and is not dropped inside a list, we need to wrap it inside <ol> tag otherwise ol list items will be transformed into ul list item when dropped
|
|
||||||
if (
|
|
||||||
view.state.selection instanceof NodeSelection &&
|
|
||||||
view.state.selection.node.type.name === "listItem" &&
|
|
||||||
!isDroppedInsideList &&
|
|
||||||
listType == "OL"
|
|
||||||
) {
|
|
||||||
const newList = view.state.schema.nodes.orderedList?.createAndFill(
|
|
||||||
null,
|
|
||||||
droppedNode,
|
|
||||||
);
|
|
||||||
const slice = new Slice(Fragment.from(newList), 0, 0);
|
|
||||||
view.dragging = { slice, move: event.ctrlKey };
|
|
||||||
}
|
|
||||||
},
|
|
||||||
dragend: (view) => {
|
|
||||||
view.dom.classList.remove("dragging");
|
|
||||||
},
|
|
||||||
},
|
|
||||||
},
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
const GlobalDragHandle = Extension.create({
|
|
||||||
name: "globalDragHandle",
|
|
||||||
|
|
||||||
addOptions() {
|
|
||||||
return {
|
|
||||||
dragHandleWidth: 20,
|
|
||||||
scrollTreshold: 100,
|
|
||||||
excludedTags: [],
|
|
||||||
customNodes: [],
|
|
||||||
};
|
|
||||||
},
|
|
||||||
|
|
||||||
addProseMirrorPlugins() {
|
|
||||||
return [
|
|
||||||
DragHandlePlugin({
|
|
||||||
pluginKey: "globalDragHandle",
|
|
||||||
dragHandleWidth: this.options.dragHandleWidth,
|
|
||||||
scrollThreshold: this.options.scrollThreshold,
|
|
||||||
dragHandleSelector: this.options.dragHandleSelector,
|
|
||||||
excludedTags: this.options.excludedTags,
|
|
||||||
customNodes: this.options.customNodes,
|
|
||||||
}),
|
|
||||||
];
|
|
||||||
},
|
|
||||||
});
|
|
||||||
|
|
||||||
export default GlobalDragHandle;
|
|
||||||
@@ -9,6 +9,7 @@ import SubScript from "@tiptap/extension-subscript";
|
|||||||
import { Typography } from "@tiptap/extension-typography";
|
import { Typography } from "@tiptap/extension-typography";
|
||||||
import { TextStyle } from "@tiptap/extension-text-style";
|
import { TextStyle } from "@tiptap/extension-text-style";
|
||||||
import { Color } from "@tiptap/extension-color";
|
import { Color } from "@tiptap/extension-color";
|
||||||
|
import GlobalDragHandle from "tiptap-extension-global-drag-handle";
|
||||||
import { Youtube } from "@tiptap/extension-youtube";
|
import { Youtube } from "@tiptap/extension-youtube";
|
||||||
import SlashCommand, { SlashCommandExtension as Command } from "@/features/editor/extensions/slash-command";
|
import SlashCommand, { SlashCommandExtension as Command } from "@/features/editor/extensions/slash-command";
|
||||||
import renderItems from "@/features/editor/components/slash-menu/render-items";
|
import renderItems from "@/features/editor/components/slash-menu/render-items";
|
||||||
@@ -51,8 +52,6 @@ import {
|
|||||||
Columns,
|
Columns,
|
||||||
Column,
|
Column,
|
||||||
Status,
|
Status,
|
||||||
Transclusion,
|
|
||||||
TransclusionReference,
|
|
||||||
} from "@docmost/editor-ext";
|
} from "@docmost/editor-ext";
|
||||||
import {
|
import {
|
||||||
randomElement,
|
randomElement,
|
||||||
@@ -81,8 +80,6 @@ import ExcalidrawView from "@/features/editor/components/excalidraw/excalidraw-v
|
|||||||
import EmbedView from "@/features/editor/components/embed/embed-view.tsx";
|
import EmbedView from "@/features/editor/components/embed/embed-view.tsx";
|
||||||
import PdfView from "@/features/editor/components/pdf/pdf-view.tsx";
|
import PdfView from "@/features/editor/components/pdf/pdf-view.tsx";
|
||||||
import SubpagesView from "@/features/editor/components/subpages/subpages-view.tsx";
|
import SubpagesView from "@/features/editor/components/subpages/subpages-view.tsx";
|
||||||
import TransclusionView from "@/features/editor/components/transclusion/transclusion-view.tsx";
|
|
||||||
import TransclusionReferenceView from "@/features/editor/components/transclusion/transclusion-reference-view.tsx";
|
|
||||||
import { common, createLowlight } from "lowlight";
|
import { common, createLowlight } from "lowlight";
|
||||||
import plaintext from "highlight.js/lib/languages/plaintext";
|
import plaintext from "highlight.js/lib/languages/plaintext";
|
||||||
import powershell from "highlight.js/lib/languages/powershell";
|
import powershell from "highlight.js/lib/languages/powershell";
|
||||||
@@ -103,7 +100,6 @@ import { MarkdownClipboard } from "@/features/editor/extensions/markdown-clipboa
|
|||||||
import EmojiCommand from "./emoji-command";
|
import EmojiCommand from "./emoji-command";
|
||||||
import { countWords } from "alfaaz";
|
import { countWords } from "alfaaz";
|
||||||
import AutoJoiner from "@/features/editor/extensions/autojoiner.ts";
|
import AutoJoiner from "@/features/editor/extensions/autojoiner.ts";
|
||||||
import GlobalDragHandle from "@/features/editor/extensions/drag-handle.ts";
|
|
||||||
|
|
||||||
const lowlight = createLowlight(common);
|
const lowlight = createLowlight(common);
|
||||||
lowlight.register("mermaid", plaintext);
|
lowlight.register("mermaid", plaintext);
|
||||||
@@ -171,7 +167,7 @@ export const mainExtensions = [
|
|||||||
SharedStorage,
|
SharedStorage,
|
||||||
Heading,
|
Heading,
|
||||||
UniqueID.configure({
|
UniqueID.configure({
|
||||||
types: ["heading", "paragraph", "transclusion"],
|
types: ["heading", "paragraph"],
|
||||||
filterTransaction: (transaction) => !isChangeOrigin(transaction),
|
filterTransaction: (transaction) => !isChangeOrigin(transaction),
|
||||||
}),
|
}),
|
||||||
Placeholder.configure({
|
Placeholder.configure({
|
||||||
@@ -219,9 +215,7 @@ export const mainExtensions = [
|
|||||||
}),
|
}),
|
||||||
Typography,
|
Typography,
|
||||||
TrailingNode,
|
TrailingNode,
|
||||||
GlobalDragHandle.configure({
|
GlobalDragHandle,
|
||||||
customNodes: ["transclusion", "transclusionReference"],
|
|
||||||
}),
|
|
||||||
TextStyle,
|
TextStyle,
|
||||||
Color,
|
Color,
|
||||||
SlashCommand,
|
SlashCommand,
|
||||||
@@ -357,12 +351,6 @@ export const mainExtensions = [
|
|||||||
Status.configure({
|
Status.configure({
|
||||||
view: StatusView,
|
view: StatusView,
|
||||||
}),
|
}),
|
||||||
Transclusion.configure({
|
|
||||||
view: TransclusionView,
|
|
||||||
}),
|
|
||||||
TransclusionReference.configure({
|
|
||||||
view: TransclusionReferenceView,
|
|
||||||
}),
|
|
||||||
MarkdownClipboard.configure({
|
MarkdownClipboard.configure({
|
||||||
transformPastedText: true,
|
transformPastedText: true,
|
||||||
}),
|
}),
|
||||||
|
|||||||
@@ -80,12 +80,10 @@ export const MarkdownClipboard = Extension.create({
|
|||||||
const { from, to } = view.state.selection;
|
const { from, to } = view.state.selection;
|
||||||
|
|
||||||
const parsed = markdownToHtml(text.replace(/\n+$/, ""));
|
const parsed = markdownToHtml(text.replace(/\n+$/, ""));
|
||||||
const body = elementFromString(parsed);
|
|
||||||
normalizeTableColumnWidths(body);
|
|
||||||
|
|
||||||
const contentNodes = DOMParser.fromSchema(
|
const contentNodes = DOMParser.fromSchema(
|
||||||
this.editor.schema,
|
this.editor.schema,
|
||||||
).parseSlice(body, {
|
).parseSlice(elementFromString(parsed), {
|
||||||
preserveWhitespace: true,
|
preserveWhitespace: true,
|
||||||
});
|
});
|
||||||
|
|
||||||
@@ -139,92 +137,3 @@ function elementFromString(value) {
|
|||||||
|
|
||||||
return new window.DOMParser().parseFromString(wrappedValue, "text/html").body;
|
return new window.DOMParser().parseFromString(wrappedValue, "text/html").body;
|
||||||
}
|
}
|
||||||
|
|
||||||
const DEFAULT_PASTE_COL_WIDTH_PX = 150;
|
|
||||||
|
|
||||||
function parsePixelWidth(el: Element): number | null {
|
|
||||||
const attr = el.getAttribute("width");
|
|
||||||
if (attr) {
|
|
||||||
const n = parseInt(attr, 10);
|
|
||||||
if (Number.isFinite(n) && n > 0) return n;
|
|
||||||
}
|
|
||||||
const style = el.getAttribute("style") || "";
|
|
||||||
const m = style.match(/(?:^|;)\s*width\s*:\s*([\d.]+)\s*px/i);
|
|
||||||
if (m) {
|
|
||||||
const n = parseInt(m[1], 10);
|
|
||||||
if (Number.isFinite(n) && n > 0) return n;
|
|
||||||
}
|
|
||||||
return null;
|
|
||||||
}
|
|
||||||
|
|
||||||
function getFirstRow(table: Element): Element | null {
|
|
||||||
const tbodyRow = table.querySelector(":scope > tbody > tr");
|
|
||||||
if (tbodyRow) return tbodyRow;
|
|
||||||
const theadRow = table.querySelector(":scope > thead > tr");
|
|
||||||
if (theadRow) return theadRow;
|
|
||||||
return table.querySelector(":scope > tr");
|
|
||||||
}
|
|
||||||
|
|
||||||
function deriveColumnWidths(table: Element): (number | null)[] | null {
|
|
||||||
const cols = table.querySelectorAll(":scope > colgroup > col");
|
|
||||||
if (cols.length > 0) {
|
|
||||||
const widths: (number | null)[] = [];
|
|
||||||
cols.forEach((col) => widths.push(parsePixelWidth(col)));
|
|
||||||
if (widths.some((w) => w !== null)) return widths;
|
|
||||||
}
|
|
||||||
|
|
||||||
const firstRow = getFirstRow(table);
|
|
||||||
if (!firstRow) return null;
|
|
||||||
|
|
||||||
const widths: (number | null)[] = [];
|
|
||||||
Array.from(firstRow.children)
|
|
||||||
.filter((c) => c.tagName === "TD" || c.tagName === "TH")
|
|
||||||
.forEach((cell) => {
|
|
||||||
const colspan = parseInt(cell.getAttribute("colspan") || "1", 10) || 1;
|
|
||||||
const w = parsePixelWidth(cell);
|
|
||||||
for (let i = 0; i < colspan; i++) {
|
|
||||||
widths.push(w !== null ? Math.round(w / colspan) : null);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
if (widths.length === 0 || widths.every((w) => w === null)) return null;
|
|
||||||
return widths;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Mirror of server normalizeTableColumnWidths (see import/utils/table-utils.ts):
|
|
||||||
// markdown source has no widths, so without this every pasted table renders
|
|
||||||
// at table-layout:fixed/100% and squashes columns to fit the editor instead of
|
|
||||||
// letting .tableWrapper's overflow-x: auto scroll.
|
|
||||||
export function normalizeTableColumnWidths(root: Element): void {
|
|
||||||
root.querySelectorAll("table").forEach((table) => {
|
|
||||||
const firstRow = getFirstRow(table);
|
|
||||||
if (!firstRow) return;
|
|
||||||
|
|
||||||
let colWidths = deriveColumnWidths(table);
|
|
||||||
if (!colWidths) {
|
|
||||||
let count = 0;
|
|
||||||
Array.from(firstRow.children)
|
|
||||||
.filter((c) => c.tagName === "TD" || c.tagName === "TH")
|
|
||||||
.forEach((cell) => {
|
|
||||||
count += parseInt(cell.getAttribute("colspan") || "1", 10) || 1;
|
|
||||||
});
|
|
||||||
if (count === 0) return;
|
|
||||||
colWidths = new Array(count).fill(DEFAULT_PASTE_COL_WIDTH_PX);
|
|
||||||
}
|
|
||||||
|
|
||||||
let col = 0;
|
|
||||||
Array.from(firstRow.children)
|
|
||||||
.filter((c) => c.tagName === "TD" || c.tagName === "TH")
|
|
||||||
.forEach((cell) => {
|
|
||||||
if (cell.getAttribute("colwidth")) {
|
|
||||||
col += parseInt(cell.getAttribute("colspan") || "1", 10) || 1;
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
const colspan = parseInt(cell.getAttribute("colspan") || "1", 10) || 1;
|
|
||||||
const slice = colWidths!.slice(col, col + colspan);
|
|
||||||
col += colspan;
|
|
||||||
if (slice.length === 0 || slice.every((w) => w === null)) return;
|
|
||||||
const values = slice.map((w) => (w == null ? 100 : w));
|
|
||||||
cell.setAttribute("colwidth", values.join(","));
|
|
||||||
});
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|||||||
@@ -62,7 +62,7 @@ import { useIdle } from "@/hooks/use-idle.ts";
|
|||||||
import { queryClient } from "@/main.tsx";
|
import { queryClient } from "@/main.tsx";
|
||||||
import { IPage } from "@/features/page/types/page.types.ts";
|
import { IPage } from "@/features/page/types/page.types.ts";
|
||||||
import { useParams } from "react-router-dom";
|
import { useParams } from "react-router-dom";
|
||||||
import { extractPageSlugId, platformModifierKey } from "@/lib";
|
import { extractPageSlugId } from "@/lib";
|
||||||
import { FIVE_MINUTES } from "@/lib/constants.ts";
|
import { FIVE_MINUTES } from "@/lib/constants.ts";
|
||||||
import { PageEditMode } from "@/features/user/types/user.types.ts";
|
import { PageEditMode } from "@/features/user/types/user.types.ts";
|
||||||
import { jwtDecode } from "jwt-decode";
|
import { jwtDecode } from "jwt-decode";
|
||||||
@@ -71,7 +71,6 @@ import { useEditorScroll } from "./hooks/use-editor-scroll";
|
|||||||
import { EditorAiMenu } from "@/ee/ai/components/editor/ai-menu/ai-menu";
|
import { EditorAiMenu } from "@/ee/ai/components/editor/ai-menu/ai-menu";
|
||||||
import { EditorLinkMenu } from "@/features/editor/components/link/link-menu";
|
import { EditorLinkMenu } from "@/features/editor/components/link/link-menu";
|
||||||
import ColumnsMenu from "@/features/editor/components/columns/columns-menu.tsx";
|
import ColumnsMenu from "@/features/editor/components/columns/columns-menu.tsx";
|
||||||
import { TransclusionLookupProvider } from "@/features/editor/components/transclusion/transclusion-lookup-context";
|
|
||||||
|
|
||||||
interface PageEditorProps {
|
interface PageEditorProps {
|
||||||
pageId: string;
|
pageId: string;
|
||||||
@@ -233,19 +232,11 @@ export default function PageEditor({
|
|||||||
scrollMargin: 80,
|
scrollMargin: 80,
|
||||||
handleDOMEvents: {
|
handleDOMEvents: {
|
||||||
keydown: (_view, event) => {
|
keydown: (_view, event) => {
|
||||||
if (platformModifierKey(event) && event.code === "KeyS") {
|
if ((event.ctrlKey || event.metaKey) && event.code === "KeyS") {
|
||||||
event.preventDefault();
|
event.preventDefault();
|
||||||
return true;
|
return true;
|
||||||
}
|
}
|
||||||
if (event.key === "Tab") {
|
if ((event.ctrlKey || event.metaKey) && event.code === "KeyK") {
|
||||||
const editor = editorRef.current;
|
|
||||||
if (!editor) return false;
|
|
||||||
event.preventDefault();
|
|
||||||
return editor.view.someProp("handleKeyDown", (f) =>
|
|
||||||
f(editor.view, event)
|
|
||||||
);
|
|
||||||
}
|
|
||||||
if (platformModifierKey(event) && event.code === "KeyK") {
|
|
||||||
searchSpotlight.open();
|
searchSpotlight.open();
|
||||||
return true;
|
return true;
|
||||||
}
|
}
|
||||||
@@ -400,60 +391,55 @@ export default function PageEditor({
|
|||||||
}
|
}
|
||||||
}, [yjsConnectionStatus, isSynced]);
|
}, [yjsConnectionStatus, isSynced]);
|
||||||
|
|
||||||
|
if (showStatic) {
|
||||||
|
return (
|
||||||
|
<EditorProvider
|
||||||
|
editable={false}
|
||||||
|
immediatelyRender={true}
|
||||||
|
extensions={mainExtensions}
|
||||||
|
content={content}
|
||||||
|
/>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<TransclusionLookupProvider hostPageId={pageId}>
|
<div className="editor-container" style={{ position: "relative" }}>
|
||||||
{showStatic ? (
|
<div ref={menuContainerRef}>
|
||||||
<EditorProvider
|
<EditorContent editor={editor} />
|
||||||
editable={false}
|
|
||||||
immediatelyRender={true}
|
|
||||||
extensions={mainExtensions}
|
|
||||||
content={content}
|
|
||||||
/>
|
|
||||||
) : (
|
|
||||||
<div className="editor-container" style={{ position: "relative" }}>
|
|
||||||
<div ref={menuContainerRef}>
|
|
||||||
<EditorContent editor={editor} />
|
|
||||||
|
|
||||||
{editor && (
|
{editor && (
|
||||||
<SearchAndReplaceDialog editor={editor} editable={editable} />
|
<SearchAndReplaceDialog editor={editor} editable={editable} />
|
||||||
)}
|
)}
|
||||||
|
|
||||||
{editor && editorIsEditable && (
|
{editor && editorIsEditable && (
|
||||||
<div>
|
<div>
|
||||||
<EditorAiMenu editor={editor} />
|
<EditorAiMenu editor={editor} />
|
||||||
<EditorLinkMenu editor={editor} />
|
<EditorLinkMenu editor={editor} />
|
||||||
<EditorBubbleMenu editor={editor} />
|
<EditorBubbleMenu editor={editor} />
|
||||||
<TableMenu editor={editor} />
|
<TableMenu editor={editor} />
|
||||||
<TableCellMenu editor={editor} appendTo={menuContainerRef} />
|
<TableCellMenu editor={editor} appendTo={menuContainerRef} />
|
||||||
<ImageMenu editor={editor} />
|
<ImageMenu editor={editor} />
|
||||||
<VideoMenu editor={editor} />
|
<VideoMenu editor={editor} />
|
||||||
<PdfMenu editor={editor} />
|
<PdfMenu editor={editor} />
|
||||||
<CalloutMenu editor={editor} />
|
<CalloutMenu editor={editor} />
|
||||||
<SubpagesMenu editor={editor} />
|
<SubpagesMenu editor={editor} />
|
||||||
<ExcalidrawMenu editor={editor} />
|
<ExcalidrawMenu editor={editor} />
|
||||||
<DrawioMenu editor={editor} />
|
<DrawioMenu editor={editor} />
|
||||||
<ColumnsMenu editor={editor} />
|
<ColumnsMenu editor={editor} />
|
||||||
</div>
|
|
||||||
)}
|
|
||||||
{editor &&
|
|
||||||
!editorIsEditable &&
|
|
||||||
(editable || canComment) &&
|
|
||||||
providersRef.current && (
|
|
||||||
<ReadonlyBubbleMenu editor={editor} />
|
|
||||||
)}
|
|
||||||
{showCommentPopup && (
|
|
||||||
<CommentDialog editor={editor} pageId={pageId} />
|
|
||||||
)}
|
|
||||||
{showReadOnlyCommentPopup && (
|
|
||||||
<CommentDialog editor={editor} pageId={pageId} readOnly />
|
|
||||||
)}
|
|
||||||
</div>
|
</div>
|
||||||
<div
|
)}
|
||||||
onClick={() => editor.commands.focus("end")}
|
{editor && !editorIsEditable && (editable || canComment) && providersRef.current && (
|
||||||
style={{ paddingBottom: "20vh" }}
|
<ReadonlyBubbleMenu editor={editor} />
|
||||||
></div>
|
)}
|
||||||
</div>
|
{showCommentPopup && <CommentDialog editor={editor} pageId={pageId} />}
|
||||||
)}
|
{showReadOnlyCommentPopup && (
|
||||||
</TransclusionLookupProvider>
|
<CommentDialog editor={editor} pageId={pageId} readOnly />
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
onClick={() => editor.commands.focus("end")}
|
||||||
|
style={{ paddingBottom: "20vh" }}
|
||||||
|
></div>
|
||||||
|
</div>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -9,7 +9,6 @@ import { Placeholder } from "@tiptap/extension-placeholder";
|
|||||||
import { useAtom } from "jotai";
|
import { useAtom } from "jotai";
|
||||||
import { readOnlyEditorAtom } from "@/features/editor/atoms/editor-atoms.ts";
|
import { readOnlyEditorAtom } from "@/features/editor/atoms/editor-atoms.ts";
|
||||||
import { useEditorScroll } from "./hooks/use-editor-scroll";
|
import { useEditorScroll } from "./hooks/use-editor-scroll";
|
||||||
import { TransclusionLookupProvider } from "@/features/editor/components/transclusion/transclusion-lookup-context";
|
|
||||||
|
|
||||||
interface PageEditorProps {
|
interface PageEditorProps {
|
||||||
title: string;
|
title: string;
|
||||||
@@ -66,7 +65,7 @@ export default function ReadonlyPageEditor({
|
|||||||
];
|
];
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<TransclusionLookupProvider hostPageId={pageId ?? "anonymous"}>
|
<>
|
||||||
<div className="page-title">
|
<div className="page-title">
|
||||||
<EditorProvider
|
<EditorProvider
|
||||||
editable={false}
|
editable={false}
|
||||||
@@ -96,6 +95,6 @@ export default function ReadonlyPageEditor({
|
|||||||
}}
|
}}
|
||||||
></EditorProvider>
|
></EditorProvider>
|
||||||
<div style={{ paddingBottom: "20vh" }}></div>
|
<div style={{ paddingBottom: "20vh" }}></div>
|
||||||
</TransclusionLookupProvider>
|
</>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -27,7 +27,6 @@ import localEmitter from "@/lib/local-emitter.ts";
|
|||||||
import { currentUserAtom } from "@/features/user/atoms/current-user-atom.ts";
|
import { currentUserAtom } from "@/features/user/atoms/current-user-atom.ts";
|
||||||
import { PageEditMode } from "@/features/user/types/user.types.ts";
|
import { PageEditMode } from "@/features/user/types/user.types.ts";
|
||||||
import { searchSpotlight } from "@/features/search/constants.ts";
|
import { searchSpotlight } from "@/features/search/constants.ts";
|
||||||
import { platformModifierKey } from "@/lib";
|
|
||||||
|
|
||||||
export interface TitleEditorProps {
|
export interface TitleEditorProps {
|
||||||
pageId: string;
|
pageId: string;
|
||||||
@@ -91,11 +90,11 @@ export function TitleEditor({
|
|||||||
editorProps: {
|
editorProps: {
|
||||||
handleDOMEvents: {
|
handleDOMEvents: {
|
||||||
keydown: (_view, event) => {
|
keydown: (_view, event) => {
|
||||||
if (platformModifierKey(event) && event.code === "KeyS") {
|
if ((event.ctrlKey || event.metaKey) && event.code === "KeyS") {
|
||||||
event.preventDefault();
|
event.preventDefault();
|
||||||
return true;
|
return true;
|
||||||
}
|
}
|
||||||
if (platformModifierKey(event) && event.code === "KeyK") {
|
if ((event.ctrlKey || event.metaKey) && event.code === "KeyK") {
|
||||||
searchSpotlight.open();
|
searchSpotlight.open();
|
||||||
return true;
|
return true;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -12,7 +12,6 @@ import {
|
|||||||
IconCheck,
|
IconCheck,
|
||||||
IconFileCode,
|
IconFileCode,
|
||||||
IconFileTypeDocx,
|
IconFileTypeDocx,
|
||||||
IconFileTypePdf,
|
|
||||||
IconFileTypeZip,
|
IconFileTypeZip,
|
||||||
IconMarkdown,
|
IconMarkdown,
|
||||||
IconX,
|
IconX,
|
||||||
@@ -91,14 +90,12 @@ function ImportFormatSelection({ spaceId, onClose }: ImportFormatSelection) {
|
|||||||
const markdownFileRef = useRef<() => void>(null);
|
const markdownFileRef = useRef<() => void>(null);
|
||||||
const htmlFileRef = useRef<() => void>(null);
|
const htmlFileRef = useRef<() => void>(null);
|
||||||
const docxFileRef = useRef<() => void>(null);
|
const docxFileRef = useRef<() => void>(null);
|
||||||
const pdfFileRef = useRef<() => void>(null);
|
|
||||||
const notionFileRef = useRef<() => void>(null);
|
const notionFileRef = useRef<() => void>(null);
|
||||||
const confluenceFileRef = useRef<() => void>(null);
|
const confluenceFileRef = useRef<() => void>(null);
|
||||||
const zipFileRef = useRef<() => void>(null);
|
const zipFileRef = useRef<() => void>(null);
|
||||||
|
|
||||||
const canUseConfluence = useHasFeature(Feature.CONFLUENCE_IMPORT);
|
const canUseConfluence = useHasFeature(Feature.CONFLUENCE_IMPORT);
|
||||||
const canUseDocx = useHasFeature(Feature.DOCX_IMPORT);
|
const canUseDocx = useHasFeature(Feature.DOCX_IMPORT);
|
||||||
const canUsePdf = useHasFeature(Feature.PDF_IMPORT);
|
|
||||||
const upgradeLabel = useUpgradeLabel();
|
const upgradeLabel = useUpgradeLabel();
|
||||||
|
|
||||||
const handleZipUpload = async (selectedFile: File, source: string) => {
|
const handleZipUpload = async (selectedFile: File, source: string) => {
|
||||||
@@ -247,7 +244,7 @@ function ImportFormatSelection({ spaceId, onClose }: ImportFormatSelection) {
|
|||||||
}, 3000);
|
}, 3000);
|
||||||
}, [fileTaskId]);
|
}, [fileTaskId]);
|
||||||
|
|
||||||
const maxSingleFileSize = bytes("30mb");
|
const maxSingleFileSize = bytes("20mb");
|
||||||
|
|
||||||
const handleFileUpload = async (selectedFiles: File[]) => {
|
const handleFileUpload = async (selectedFiles: File[]) => {
|
||||||
if (!selectedFiles) {
|
if (!selectedFiles) {
|
||||||
@@ -301,7 +298,6 @@ function ImportFormatSelection({ spaceId, onClose }: ImportFormatSelection) {
|
|||||||
if (markdownFileRef.current) markdownFileRef.current();
|
if (markdownFileRef.current) markdownFileRef.current();
|
||||||
if (htmlFileRef.current) htmlFileRef.current();
|
if (htmlFileRef.current) htmlFileRef.current();
|
||||||
if (docxFileRef.current) docxFileRef.current();
|
if (docxFileRef.current) docxFileRef.current();
|
||||||
if (pdfFileRef.current) pdfFileRef.current();
|
|
||||||
|
|
||||||
const pageCountText =
|
const pageCountText =
|
||||||
pageCount === 1 ? `1 ${t("page")}` : `${pageCount} ${t("pages")}`;
|
pageCount === 1 ? `1 ${t("page")}` : `${pageCount} ${t("pages")}`;
|
||||||
@@ -382,30 +378,6 @@ function ImportFormatSelection({ spaceId, onClose }: ImportFormatSelection) {
|
|||||||
)}
|
)}
|
||||||
</FileButton>
|
</FileButton>
|
||||||
|
|
||||||
<FileButton
|
|
||||||
onChange={handleFileUpload}
|
|
||||||
accept=".pdf"
|
|
||||||
multiple
|
|
||||||
resetRef={pdfFileRef}
|
|
||||||
>
|
|
||||||
{(props) => (
|
|
||||||
<Tooltip
|
|
||||||
label={upgradeLabel}
|
|
||||||
disabled={canUsePdf}
|
|
||||||
>
|
|
||||||
<Button
|
|
||||||
disabled={!canUsePdf}
|
|
||||||
justify="start"
|
|
||||||
variant="default"
|
|
||||||
leftSection={<IconFileTypePdf size={18} />}
|
|
||||||
{...props}
|
|
||||||
>
|
|
||||||
PDF
|
|
||||||
</Button>
|
|
||||||
</Tooltip>
|
|
||||||
)}
|
|
||||||
</FileButton>
|
|
||||||
|
|
||||||
<FileButton
|
<FileButton
|
||||||
onChange={(file) => handleZipUpload(file, "notion")}
|
onChange={(file) => handleZipUpload(file, "notion")}
|
||||||
accept="application/zip"
|
accept="application/zip"
|
||||||
|
|||||||
@@ -13,7 +13,6 @@ import {
|
|||||||
import classes from "./search-control.module.css";
|
import classes from "./search-control.module.css";
|
||||||
import React from "react";
|
import React from "react";
|
||||||
import { useTranslation } from "react-i18next";
|
import { useTranslation } from "react-i18next";
|
||||||
import { platformModifierLabel } from "@/lib";
|
|
||||||
|
|
||||||
interface SearchControlProps extends BoxProps, ElementProps<"button"> {}
|
interface SearchControlProps extends BoxProps, ElementProps<"button"> {}
|
||||||
|
|
||||||
@@ -28,7 +27,7 @@ export function SearchControl({ className, ...others }: SearchControlProps) {
|
|||||||
{t("Search")}
|
{t("Search")}
|
||||||
</Text>
|
</Text>
|
||||||
<Text fw={700} className={classes.shortcut}>
|
<Text fw={700} className={classes.shortcut}>
|
||||||
{platformModifierLabel} + K
|
Ctrl + K
|
||||||
</Text>
|
</Text>
|
||||||
</Group>
|
</Group>
|
||||||
</UnstyledButton>
|
</UnstyledButton>
|
||||||
|
|||||||
-205
@@ -1,205 +0,0 @@
|
|||||||
.trigger {
|
|
||||||
display: inline-flex;
|
|
||||||
align-items: center;
|
|
||||||
gap: 6px;
|
|
||||||
padding: 3px 6px 3px 6px;
|
|
||||||
border-radius: 999px;
|
|
||||||
background: transparent;
|
|
||||||
border: 0;
|
|
||||||
cursor: pointer;
|
|
||||||
font: inherit;
|
|
||||||
font-size: var(--mantine-font-size-xs);
|
|
||||||
color: light-dark(
|
|
||||||
var(--mantine-color-gray-7),
|
|
||||||
var(--mantine-color-dark-1)
|
|
||||||
);
|
|
||||||
transition: background 120ms ease;
|
|
||||||
user-select: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.trigger:hover {
|
|
||||||
background: light-dark(
|
|
||||||
var(--mantine-color-gray-1),
|
|
||||||
var(--mantine-color-dark-5)
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
.triggerIcon {
|
|
||||||
color: light-dark(
|
|
||||||
var(--mantine-color-gray-5),
|
|
||||||
var(--mantine-color-dark-2)
|
|
||||||
);
|
|
||||||
display: inline-flex;
|
|
||||||
}
|
|
||||||
|
|
||||||
.triggerChev {
|
|
||||||
color: light-dark(
|
|
||||||
var(--mantine-color-gray-5),
|
|
||||||
var(--mantine-color-dark-2)
|
|
||||||
);
|
|
||||||
display: inline-flex;
|
|
||||||
margin-left: 2px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.dropdown {
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.banner {
|
|
||||||
display: flex;
|
|
||||||
gap: 10px;
|
|
||||||
padding: 10px 14px;
|
|
||||||
background: light-dark(
|
|
||||||
var(--mantine-color-gray-0),
|
|
||||||
var(--mantine-color-dark-6)
|
|
||||||
);
|
|
||||||
border-bottom: 1px solid
|
|
||||||
light-dark(var(--mantine-color-gray-2), var(--mantine-color-dark-4));
|
|
||||||
color: light-dark(
|
|
||||||
var(--mantine-color-gray-7),
|
|
||||||
var(--mantine-color-dark-1)
|
|
||||||
);
|
|
||||||
font-size: var(--mantine-font-size-xs);
|
|
||||||
line-height: 1.5;
|
|
||||||
}
|
|
||||||
|
|
||||||
.bannerIcon {
|
|
||||||
color: light-dark(
|
|
||||||
var(--mantine-color-gray-6),
|
|
||||||
var(--mantine-color-dark-2)
|
|
||||||
);
|
|
||||||
flex: none;
|
|
||||||
display: inline-flex;
|
|
||||||
margin-top: 1px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.bannerLink {
|
|
||||||
color: light-dark(
|
|
||||||
var(--mantine-color-gray-9),
|
|
||||||
var(--mantine-color-dark-0)
|
|
||||||
);
|
|
||||||
text-decoration: underline;
|
|
||||||
text-underline-offset: 2px;
|
|
||||||
text-decoration-thickness: 1px;
|
|
||||||
font-weight: 500;
|
|
||||||
}
|
|
||||||
|
|
||||||
.bannerLink:hover {
|
|
||||||
text-decoration-thickness: 2px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.section {
|
|
||||||
padding: 12px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.sectionLabel {
|
|
||||||
font-size: var(--mantine-font-size-xs);
|
|
||||||
font-weight: 500;
|
|
||||||
color: light-dark(
|
|
||||||
var(--mantine-color-gray-6),
|
|
||||||
var(--mantine-color-dark-2)
|
|
||||||
);
|
|
||||||
margin: 0 0 6px;
|
|
||||||
padding: 0 4px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.list {
|
|
||||||
list-style: none;
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.row {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
gap: 10px;
|
|
||||||
padding: 6px 8px;
|
|
||||||
border-radius: 6px;
|
|
||||||
cursor: pointer;
|
|
||||||
color: light-dark(
|
|
||||||
var(--mantine-color-gray-9),
|
|
||||||
var(--mantine-color-dark-0)
|
|
||||||
);
|
|
||||||
font-size: var(--mantine-font-size-sm);
|
|
||||||
text-decoration: none;
|
|
||||||
transition: background 100ms ease;
|
|
||||||
}
|
|
||||||
|
|
||||||
.row:hover {
|
|
||||||
background: light-dark(
|
|
||||||
var(--mantine-color-gray-1),
|
|
||||||
var(--mantine-color-dark-5)
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
.rowIcon {
|
|
||||||
color: light-dark(
|
|
||||||
var(--mantine-color-gray-5),
|
|
||||||
var(--mantine-color-dark-2)
|
|
||||||
);
|
|
||||||
flex: none;
|
|
||||||
display: inline-flex;
|
|
||||||
}
|
|
||||||
|
|
||||||
.rowEmoji {
|
|
||||||
font-size: 14px;
|
|
||||||
line-height: 1;
|
|
||||||
flex: none;
|
|
||||||
display: inline-flex;
|
|
||||||
width: 18px;
|
|
||||||
justify-content: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.rowTitle {
|
|
||||||
font-weight: 500;
|
|
||||||
flex: 1;
|
|
||||||
min-width: 0;
|
|
||||||
overflow: hidden;
|
|
||||||
text-overflow: ellipsis;
|
|
||||||
white-space: nowrap;
|
|
||||||
}
|
|
||||||
|
|
||||||
.badge {
|
|
||||||
font-size: 10px;
|
|
||||||
font-weight: 600;
|
|
||||||
letter-spacing: 0.05em;
|
|
||||||
padding: 2px 7px;
|
|
||||||
border-radius: 999px;
|
|
||||||
background: light-dark(
|
|
||||||
var(--mantine-color-gray-1),
|
|
||||||
var(--mantine-color-dark-5)
|
|
||||||
);
|
|
||||||
color: light-dark(
|
|
||||||
var(--mantine-color-gray-7),
|
|
||||||
var(--mantine-color-dark-1)
|
|
||||||
);
|
|
||||||
text-transform: uppercase;
|
|
||||||
flex: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.badgeAccent {
|
|
||||||
background: light-dark(
|
|
||||||
var(--mantine-color-blue-0),
|
|
||||||
var(--mantine-color-blue-9)
|
|
||||||
);
|
|
||||||
color: light-dark(
|
|
||||||
var(--mantine-color-blue-7),
|
|
||||||
var(--mantine-color-blue-2)
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
.empty {
|
|
||||||
padding: 18px 14px;
|
|
||||||
text-align: center;
|
|
||||||
color: light-dark(
|
|
||||||
var(--mantine-color-gray-6),
|
|
||||||
var(--mantine-color-dark-2)
|
|
||||||
);
|
|
||||||
font-size: var(--mantine-font-size-xs);
|
|
||||||
}
|
|
||||||
|
|
||||||
.loading {
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
padding: 18px;
|
|
||||||
}
|
|
||||||
@@ -1,184 +0,0 @@
|
|||||||
import { useState } from "react";
|
|
||||||
import { Loader, Popover } from "@mantine/core";
|
|
||||||
import {
|
|
||||||
IconChevronDown,
|
|
||||||
IconCornerDownLeft,
|
|
||||||
IconFile,
|
|
||||||
IconInfoCircle,
|
|
||||||
} from "@tabler/icons-react";
|
|
||||||
import { Link } from "react-router-dom";
|
|
||||||
import { Trans, useTranslation } from "react-i18next";
|
|
||||||
import { useReferencesQuery } from "@/features/transclusion/queries/transclusion-query";
|
|
||||||
import type { ReferencingPage } from "@/features/transclusion/types/transclusion.types";
|
|
||||||
import { buildPageUrl } from "@/features/page/page.utils";
|
|
||||||
import classes from "./sync-block-references-dropdown.module.css";
|
|
||||||
|
|
||||||
type Props = {
|
|
||||||
sourcePageId: string | null;
|
|
||||||
transclusionId: string | null;
|
|
||||||
/** The page currently being viewed - used to mark the "THIS PAGE" badge. */
|
|
||||||
currentPageId: string;
|
|
||||||
/**
|
|
||||||
* Source: trigger reads "Editing original".
|
|
||||||
* Reference: trigger reads "Synced to N other pages".
|
|
||||||
*/
|
|
||||||
mode: "source" | "reference";
|
|
||||||
/** Notified whenever the dropdown opens/closes (for keep-chrome-visible). */
|
|
||||||
onOpenChange?: (open: boolean) => void;
|
|
||||||
};
|
|
||||||
|
|
||||||
export default function SyncBlockReferencesDropdown({
|
|
||||||
sourcePageId,
|
|
||||||
transclusionId,
|
|
||||||
currentPageId,
|
|
||||||
mode,
|
|
||||||
onOpenChange,
|
|
||||||
}: Props) {
|
|
||||||
const { t } = useTranslation();
|
|
||||||
const [opened, setOpened] = useState(false);
|
|
||||||
|
|
||||||
const handleOpenChange = (next: boolean) => {
|
|
||||||
setOpened(next);
|
|
||||||
onOpenChange?.(next);
|
|
||||||
};
|
|
||||||
|
|
||||||
// Fetch eagerly so the "Synced to N other pages" count is correct even
|
|
||||||
// before the dropdown is opened. The cache is keyed on (sourcePageId,
|
|
||||||
// transclusionId), so two views (source + reference) share one fetch.
|
|
||||||
const enabled = !!sourcePageId && !!transclusionId;
|
|
||||||
const { data, isLoading } = useReferencesQuery(
|
|
||||||
sourcePageId,
|
|
||||||
transclusionId,
|
|
||||||
enabled,
|
|
||||||
);
|
|
||||||
|
|
||||||
const allPages: Array<{ page: ReferencingPage; isOriginal: boolean }> = [];
|
|
||||||
if (data?.source) {
|
|
||||||
allPages.push({ page: data.source, isOriginal: true });
|
|
||||||
}
|
|
||||||
for (const ref of data?.references ?? []) {
|
|
||||||
allPages.push({ page: ref, isOriginal: false });
|
|
||||||
}
|
|
||||||
|
|
||||||
const otherCount = allPages.filter((p) => p.page.id !== currentPageId).length;
|
|
||||||
const label =
|
|
||||||
mode === "source"
|
|
||||||
? t("Editing original")
|
|
||||||
: t("Synced to {{count}} other page", {
|
|
||||||
count: otherCount,
|
|
||||||
defaultValue_one: "Synced to {{count}} other page",
|
|
||||||
defaultValue_other: "Synced to {{count}} other pages",
|
|
||||||
});
|
|
||||||
|
|
||||||
return (
|
|
||||||
<Popover
|
|
||||||
position="bottom-start"
|
|
||||||
shadow="lg"
|
|
||||||
opened={opened}
|
|
||||||
onChange={handleOpenChange}
|
|
||||||
width={340}
|
|
||||||
withinPortal
|
|
||||||
>
|
|
||||||
<Popover.Target>
|
|
||||||
<button
|
|
||||||
type="button"
|
|
||||||
className={classes.trigger}
|
|
||||||
onClick={() => handleOpenChange(!opened)}
|
|
||||||
aria-expanded={opened}
|
|
||||||
aria-haspopup="dialog"
|
|
||||||
>
|
|
||||||
<span className={classes.triggerIcon}>
|
|
||||||
<IconCornerDownLeft size={14} stroke={1.8} />
|
|
||||||
</span>
|
|
||||||
<span>{label}</span>
|
|
||||||
<span className={classes.triggerChev}>
|
|
||||||
<IconChevronDown size={12} stroke={2} />
|
|
||||||
</span>
|
|
||||||
</button>
|
|
||||||
</Popover.Target>
|
|
||||||
|
|
||||||
<Popover.Dropdown className={classes.dropdown}>
|
|
||||||
{mode === "reference" && data?.source && (
|
|
||||||
<div className={classes.banner}>
|
|
||||||
<span className={classes.bannerIcon}>
|
|
||||||
<IconInfoCircle size={16} stroke={1.6} />
|
|
||||||
</span>
|
|
||||||
<div>
|
|
||||||
<Trans
|
|
||||||
i18nKey="sourceReadOnlyHint"
|
|
||||||
defaults="This section is read-only here. Edit it on the <link>original source page</link>."
|
|
||||||
components={{
|
|
||||||
link: (
|
|
||||||
<Link
|
|
||||||
to={
|
|
||||||
data.source.spaceSlug
|
|
||||||
? buildPageUrl(
|
|
||||||
data.source.spaceSlug,
|
|
||||||
data.source.slugId,
|
|
||||||
data.source.title,
|
|
||||||
)
|
|
||||||
: `/p/${data.source.id}`
|
|
||||||
}
|
|
||||||
className={classes.bannerLink}
|
|
||||||
onClick={() => handleOpenChange(false)}
|
|
||||||
/>
|
|
||||||
),
|
|
||||||
}}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
)}
|
|
||||||
|
|
||||||
{isLoading ? (
|
|
||||||
<div className={classes.loading}>
|
|
||||||
<Loader size="xs" />
|
|
||||||
</div>
|
|
||||||
) : allPages.length === 0 ? (
|
|
||||||
<div className={classes.empty}>{t("No pages")}</div>
|
|
||||||
) : (
|
|
||||||
<div className={classes.section}>
|
|
||||||
<div className={classes.sectionLabel}>{t("Synced to")}</div>
|
|
||||||
<ul className={classes.list}>
|
|
||||||
{allPages.map(({ page, isOriginal }) => {
|
|
||||||
const isCurrent = page.id === currentPageId;
|
|
||||||
const href = page.spaceSlug
|
|
||||||
? buildPageUrl(page.spaceSlug, page.slugId, page.title)
|
|
||||||
: `/p/${page.id}`;
|
|
||||||
const title = page.title?.length ? page.title : t("Untitled");
|
|
||||||
return (
|
|
||||||
<li key={page.id}>
|
|
||||||
<Link
|
|
||||||
to={href}
|
|
||||||
className={classes.row}
|
|
||||||
onClick={() => handleOpenChange(false)}
|
|
||||||
>
|
|
||||||
{page.icon ? (
|
|
||||||
<span className={classes.rowEmoji}>{page.icon}</span>
|
|
||||||
) : (
|
|
||||||
<span className={classes.rowIcon}>
|
|
||||||
<IconFile size={16} stroke={1.6} />
|
|
||||||
</span>
|
|
||||||
)}
|
|
||||||
<span className={classes.rowTitle} title={title}>
|
|
||||||
{title}
|
|
||||||
</span>
|
|
||||||
{isCurrent ? (
|
|
||||||
<span
|
|
||||||
className={`${classes.badge} ${classes.badgeAccent}`}
|
|
||||||
>
|
|
||||||
{t("THIS PAGE")}
|
|
||||||
</span>
|
|
||||||
) : isOriginal ? (
|
|
||||||
<span className={classes.badge}>{t("ORIGINAL")}</span>
|
|
||||||
) : null}
|
|
||||||
</Link>
|
|
||||||
</li>
|
|
||||||
);
|
|
||||||
})}
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
)}
|
|
||||||
</Popover.Dropdown>
|
|
||||||
</Popover>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
@@ -1,32 +0,0 @@
|
|||||||
import { useMutation, useQuery } from "@tanstack/react-query";
|
|
||||||
import {
|
|
||||||
listReferences,
|
|
||||||
unsyncReference,
|
|
||||||
} from "../services/transclusion-api";
|
|
||||||
|
|
||||||
export function useReferencesQuery(
|
|
||||||
sourcePageId: string | null,
|
|
||||||
transclusionId: string | null,
|
|
||||||
enabled: boolean,
|
|
||||||
) {
|
|
||||||
return useQuery({
|
|
||||||
queryKey: ["transclusion-references", sourcePageId, transclusionId],
|
|
||||||
queryFn: () =>
|
|
||||||
listReferences({
|
|
||||||
sourcePageId: sourcePageId!,
|
|
||||||
transclusionId: transclusionId!,
|
|
||||||
}),
|
|
||||||
enabled: enabled && !!sourcePageId && !!transclusionId,
|
|
||||||
staleTime: 10 * 1000,
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
export function useUnsyncReferenceMutation() {
|
|
||||||
return useMutation({
|
|
||||||
mutationFn: (params: {
|
|
||||||
referencePageId: string;
|
|
||||||
sourcePageId: string;
|
|
||||||
transclusionId: string;
|
|
||||||
}) => unsyncReference(params),
|
|
||||||
});
|
|
||||||
}
|
|
||||||
@@ -1,29 +0,0 @@
|
|||||||
import api from "@/lib/api-client";
|
|
||||||
import type {
|
|
||||||
ReferencingPagesResponse,
|
|
||||||
TransclusionLookup,
|
|
||||||
} from "../types/transclusion.types";
|
|
||||||
|
|
||||||
export async function lookupTransclusion(params: {
|
|
||||||
references: Array<{ sourcePageId: string; transclusionId: string }>;
|
|
||||||
}): Promise<{ items: TransclusionLookup[] }> {
|
|
||||||
const r = await api.post("/pages/transclusion/lookup", params);
|
|
||||||
return r.data;
|
|
||||||
}
|
|
||||||
|
|
||||||
export async function listReferences(params: {
|
|
||||||
sourcePageId: string;
|
|
||||||
transclusionId: string;
|
|
||||||
}): Promise<ReferencingPagesResponse> {
|
|
||||||
const r = await api.post("/pages/transclusion/references", params);
|
|
||||||
return r.data;
|
|
||||||
}
|
|
||||||
|
|
||||||
export async function unsyncReference(params: {
|
|
||||||
referencePageId: string;
|
|
||||||
sourcePageId: string;
|
|
||||||
transclusionId: string;
|
|
||||||
}): Promise<{ content: unknown }> {
|
|
||||||
const r = await api.post("/pages/transclusion/unsync-reference", params);
|
|
||||||
return r.data;
|
|
||||||
}
|
|
||||||
@@ -1,23 +0,0 @@
|
|||||||
export type TransclusionLookup =
|
|
||||||
| {
|
|
||||||
sourcePageId: string;
|
|
||||||
transclusionId: string;
|
|
||||||
content: unknown;
|
|
||||||
sourceUpdatedAt: string;
|
|
||||||
}
|
|
||||||
| { sourcePageId: string; transclusionId: string; status: "not_found" }
|
|
||||||
| { sourcePageId: string; transclusionId: string; status: "no_access" };
|
|
||||||
|
|
||||||
export type ReferencingPage = {
|
|
||||||
id: string;
|
|
||||||
slugId: string;
|
|
||||||
title: string | null;
|
|
||||||
icon: string | null;
|
|
||||||
spaceId: string;
|
|
||||||
spaceSlug: string | null;
|
|
||||||
};
|
|
||||||
|
|
||||||
export type ReferencingPagesResponse = {
|
|
||||||
source: ReferencingPage | null;
|
|
||||||
references: ReferencingPage[];
|
|
||||||
};
|
|
||||||
@@ -28,7 +28,6 @@ export interface IWorkspace {
|
|||||||
trashRetentionDays?: number;
|
trashRetentionDays?: number;
|
||||||
restrictApiToAdmins?: boolean;
|
restrictApiToAdmins?: boolean;
|
||||||
allowMemberTemplates?: boolean;
|
allowMemberTemplates?: boolean;
|
||||||
isScimEnabled?: boolean;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
export interface IWorkspaceSettings {
|
export interface IWorkspaceSettings {
|
||||||
|
|||||||
@@ -100,15 +100,6 @@ export const normalizeUrl = (url: string): string => {
|
|||||||
return `https://${url}`;
|
return `https://${url}`;
|
||||||
};
|
};
|
||||||
|
|
||||||
const _isApple = /mac|iphone|ipad|ipod/i.test(navigator.platform ?? "");
|
|
||||||
|
|
||||||
/// Cmd key on Apple devices, Ctrl key everywhere else
|
|
||||||
export function platformModifierKey(event: KeyboardEvent): boolean {
|
|
||||||
return _isApple ? event.metaKey : event.ctrlKey;
|
|
||||||
}
|
|
||||||
|
|
||||||
export const platformModifierLabel = _isApple ? "⌘" : "Ctrl";
|
|
||||||
|
|
||||||
export function castToBoolean(value: unknown): boolean {
|
export function castToBoolean(value: unknown): boolean {
|
||||||
if (value == null) {
|
if (value == null) {
|
||||||
return false;
|
return false;
|
||||||
|
|||||||
+18
-23
@@ -1,6 +1,6 @@
|
|||||||
{
|
{
|
||||||
"name": "server",
|
"name": "server",
|
||||||
"version": "0.80.1",
|
"version": "0.80.0",
|
||||||
"description": "",
|
"description": "",
|
||||||
"author": "",
|
"author": "",
|
||||||
"private": true,
|
"private": true,
|
||||||
@@ -33,14 +33,13 @@
|
|||||||
"@ai-sdk/google": "^3.0.52",
|
"@ai-sdk/google": "^3.0.52",
|
||||||
"@ai-sdk/openai": "^3.0.47",
|
"@ai-sdk/openai": "^3.0.47",
|
||||||
"@ai-sdk/openai-compatible": "^2.0.37",
|
"@ai-sdk/openai-compatible": "^2.0.37",
|
||||||
"@aws-sdk/client-s3": "3.1040.0",
|
"@aws-sdk/client-s3": "3.1014.0",
|
||||||
"@aws-sdk/lib-storage": "3.1040.0",
|
"@aws-sdk/lib-storage": "3.1014.0",
|
||||||
"@aws-sdk/s3-request-presigner": "3.1040.0",
|
"@aws-sdk/s3-request-presigner": "3.1014.0",
|
||||||
"@clickhouse/client": "^1.18.2",
|
"@clickhouse/client": "^1.18.2",
|
||||||
"@docmost/pdf-inspector": "1.9.4",
|
|
||||||
"@fastify/cookie": "^11.0.2",
|
"@fastify/cookie": "^11.0.2",
|
||||||
"@fastify/multipart": "^10.0.0",
|
"@fastify/multipart": "^9.4.0",
|
||||||
"@fastify/static": "^9.1.3",
|
"@fastify/static": "^9.0.0",
|
||||||
"@keyv/redis": "^5.1.6",
|
"@keyv/redis": "^5.1.6",
|
||||||
"@langchain/core": "1.1.39",
|
"@langchain/core": "1.1.39",
|
||||||
"@langchain/textsplitters": "1.0.1",
|
"@langchain/textsplitters": "1.0.1",
|
||||||
@@ -49,19 +48,19 @@
|
|||||||
"@nestjs-labs/nestjs-ioredis": "^11.0.4",
|
"@nestjs-labs/nestjs-ioredis": "^11.0.4",
|
||||||
"@nestjs/bullmq": "^11.0.4",
|
"@nestjs/bullmq": "^11.0.4",
|
||||||
"@nestjs/cache-manager": "^3.1.0",
|
"@nestjs/cache-manager": "^3.1.0",
|
||||||
"@nestjs/common": "^11.1.19",
|
"@nestjs/common": "^11.1.18",
|
||||||
"@nestjs/config": "^4.0.4",
|
"@nestjs/config": "^4.0.3",
|
||||||
"@nestjs/core": "^11.1.19",
|
"@nestjs/core": "^11.1.18",
|
||||||
"@nestjs/event-emitter": "^3.0.1",
|
"@nestjs/event-emitter": "^3.0.1",
|
||||||
"@nestjs/jwt": "11.0.2",
|
"@nestjs/jwt": "11.0.2",
|
||||||
"@nestjs/mapped-types": "^2.1.1",
|
"@nestjs/mapped-types": "^2.1.1",
|
||||||
"@nestjs/passport": "^11.0.5",
|
"@nestjs/passport": "^11.0.5",
|
||||||
"@nestjs/platform-fastify": "^11.1.19",
|
"@nestjs/platform-fastify": "^11.1.18",
|
||||||
"@nestjs/platform-socket.io": "^11.1.19",
|
"@nestjs/platform-socket.io": "^11.1.18",
|
||||||
"@nestjs/schedule": "^6.1.3",
|
"@nestjs/schedule": "^6.1.1",
|
||||||
"@nestjs/terminus": "^11.1.1",
|
"@nestjs/terminus": "^11.1.1",
|
||||||
"@nestjs/throttler": "^6.5.0",
|
"@nestjs/throttler": "^6.5.0",
|
||||||
"@nestjs/websockets": "^11.1.19",
|
"@nestjs/websockets": "^11.1.18",
|
||||||
"@node-saml/passport-saml": "^5.1.0",
|
"@node-saml/passport-saml": "^5.1.0",
|
||||||
"@react-email/components": "1.0.10",
|
"@react-email/components": "1.0.10",
|
||||||
"@react-email/render": "2.0.4",
|
"@react-email/render": "2.0.4",
|
||||||
@@ -70,7 +69,7 @@
|
|||||||
"ai-sdk-ollama": "^3.8.1",
|
"ai-sdk-ollama": "^3.8.1",
|
||||||
"bcrypt": "^6.0.0",
|
"bcrypt": "^6.0.0",
|
||||||
"bowser": "^2.14.1",
|
"bowser": "^2.14.1",
|
||||||
"bullmq": "^5.76.0",
|
"bullmq": "^5.71.0",
|
||||||
"cache-manager": "^7.2.8",
|
"cache-manager": "^7.2.8",
|
||||||
"cheerio": "^1.2.0",
|
"cheerio": "^1.2.0",
|
||||||
"class-transformer": "^0.5.1",
|
"class-transformer": "^0.5.1",
|
||||||
@@ -101,6 +100,7 @@
|
|||||||
"p-limit": "^7.3.0",
|
"p-limit": "^7.3.0",
|
||||||
"passport-google-oauth20": "^2.0.0",
|
"passport-google-oauth20": "^2.0.0",
|
||||||
"passport-jwt": "^4.0.1",
|
"passport-jwt": "^4.0.1",
|
||||||
|
"pdfjs-dist": "^5.5.207",
|
||||||
"pg-tsquery": "^8.4.2",
|
"pg-tsquery": "^8.4.2",
|
||||||
"pgvector": "^0.2.1",
|
"pgvector": "^0.2.1",
|
||||||
"pino-http": "^11.0.0",
|
"pino-http": "^11.0.0",
|
||||||
@@ -110,24 +110,22 @@
|
|||||||
"react": "^18.3.1",
|
"react": "^18.3.1",
|
||||||
"reflect-metadata": "^0.2.2",
|
"reflect-metadata": "^0.2.2",
|
||||||
"rxjs": "^7.8.2",
|
"rxjs": "^7.8.2",
|
||||||
"sanitize-filename": "1.6.3",
|
"sanitize-filename-ts": "1.0.2",
|
||||||
"scimmy": "1.3.5",
|
|
||||||
"socket.io": "^4.8.3",
|
"socket.io": "^4.8.3",
|
||||||
"stripe": "^17.7.0",
|
"stripe": "^17.7.0",
|
||||||
"tlds": "^1.261.0",
|
"tlds": "^1.261.0",
|
||||||
"tmp-promise": "^3.0.3",
|
"tmp-promise": "^3.0.3",
|
||||||
"tseep": "^1.3.1",
|
"tseep": "^1.3.1",
|
||||||
"typesense": "^3.0.5",
|
"typesense": "^3.0.5",
|
||||||
"undici": "7.24.0",
|
|
||||||
"ws": "^8.20.0",
|
"ws": "^8.20.0",
|
||||||
"yauzl": "^3.2.1",
|
"yauzl": "^3.2.1",
|
||||||
"zod": "^4.3.6"
|
"zod": "^4.3.6"
|
||||||
},
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"@eslint/js": "^9.28.0",
|
"@eslint/js": "^9.28.0",
|
||||||
"@nestjs/cli": "^11.0.21",
|
"@nestjs/cli": "^11.0.18",
|
||||||
"@nestjs/schematics": "^11.0.10",
|
"@nestjs/schematics": "^11.0.10",
|
||||||
"@nestjs/testing": "^11.1.19",
|
"@nestjs/testing": "^11.1.18",
|
||||||
"@types/bcrypt": "^6.0.0",
|
"@types/bcrypt": "^6.0.0",
|
||||||
"@types/debounce": "^1.2.4",
|
"@types/debounce": "^1.2.4",
|
||||||
"@types/fs-extra": "^11.0.4",
|
"@types/fs-extra": "^11.0.4",
|
||||||
@@ -167,9 +165,6 @@
|
|||||||
"transform": {
|
"transform": {
|
||||||
"^.+\\.(t|j)s$": "ts-jest"
|
"^.+\\.(t|j)s$": "ts-jest"
|
||||||
},
|
},
|
||||||
"transformIgnorePatterns": [
|
|
||||||
"/node_modules/(?!(\\.pnpm/)?(nanoid|uuid|image-dimensions|marked)(@|/))"
|
|
||||||
],
|
|
||||||
"collectCoverageFrom": [
|
"collectCoverageFrom": [
|
||||||
"**/*.(t|j)s"
|
"**/*.(t|j)s"
|
||||||
],
|
],
|
||||||
|
|||||||
@@ -18,7 +18,6 @@ import { LoggerExtension } from './extensions/logger.extension';
|
|||||||
import { CollaborationHandler } from './collaboration.handler';
|
import { CollaborationHandler } from './collaboration.handler';
|
||||||
import { CollabHistoryService } from './services/collab-history.service';
|
import { CollabHistoryService } from './services/collab-history.service';
|
||||||
import { WatcherModule } from '../core/watcher/watcher.module';
|
import { WatcherModule } from '../core/watcher/watcher.module';
|
||||||
import { TransclusionService } from '../core/page/transclusion/transclusion.service';
|
|
||||||
|
|
||||||
@Module({
|
@Module({
|
||||||
providers: [
|
providers: [
|
||||||
@@ -29,7 +28,6 @@ import { TransclusionService } from '../core/page/transclusion/transclusion.serv
|
|||||||
HistoryProcessor,
|
HistoryProcessor,
|
||||||
CollabHistoryService,
|
CollabHistoryService,
|
||||||
CollaborationHandler,
|
CollaborationHandler,
|
||||||
TransclusionService,
|
|
||||||
],
|
],
|
||||||
exports: [CollaborationGateway],
|
exports: [CollaborationGateway],
|
||||||
imports: [TokenModule, WatcherModule],
|
imports: [TokenModule, WatcherModule],
|
||||||
|
|||||||
@@ -40,8 +40,6 @@ import {
|
|||||||
Status,
|
Status,
|
||||||
addUniqueIdsToDoc,
|
addUniqueIdsToDoc,
|
||||||
htmlToMarkdown,
|
htmlToMarkdown,
|
||||||
Transclusion,
|
|
||||||
TransclusionReference,
|
|
||||||
} from '@docmost/editor-ext';
|
} from '@docmost/editor-ext';
|
||||||
import { generateText, getSchema, JSONContent } from '@tiptap/core';
|
import { generateText, getSchema, JSONContent } from '@tiptap/core';
|
||||||
import { generateHTML, generateJSON } from '../common/helpers/prosemirror/html';
|
import { generateHTML, generateJSON } from '../common/helpers/prosemirror/html';
|
||||||
@@ -103,8 +101,6 @@ export const tiptapExtensions = [
|
|||||||
Columns,
|
Columns,
|
||||||
Column,
|
Column,
|
||||||
Status,
|
Status,
|
||||||
Transclusion,
|
|
||||||
TransclusionReference,
|
|
||||||
] as any;
|
] as any;
|
||||||
|
|
||||||
export function jsonToHtml(tiptapJson: any) {
|
export function jsonToHtml(tiptapJson: any) {
|
||||||
|
|||||||
@@ -32,7 +32,6 @@ import {
|
|||||||
HISTORY_FAST_THRESHOLD,
|
HISTORY_FAST_THRESHOLD,
|
||||||
HISTORY_INTERVAL,
|
HISTORY_INTERVAL,
|
||||||
} from '../constants';
|
} from '../constants';
|
||||||
import { TransclusionService } from '../../core/page/transclusion/transclusion.service';
|
|
||||||
|
|
||||||
@Injectable()
|
@Injectable()
|
||||||
export class PersistenceExtension implements Extension {
|
export class PersistenceExtension implements Extension {
|
||||||
@@ -46,7 +45,6 @@ export class PersistenceExtension implements Extension {
|
|||||||
@InjectQueue(QueueName.HISTORY_QUEUE) private historyQueue: Queue,
|
@InjectQueue(QueueName.HISTORY_QUEUE) private historyQueue: Queue,
|
||||||
@InjectQueue(QueueName.NOTIFICATION_QUEUE) private notificationQueue: Queue,
|
@InjectQueue(QueueName.NOTIFICATION_QUEUE) private notificationQueue: Queue,
|
||||||
private readonly collabHistory: CollabHistoryService,
|
private readonly collabHistory: CollabHistoryService,
|
||||||
private readonly transclusionService: TransclusionService,
|
|
||||||
) {}
|
) {}
|
||||||
|
|
||||||
async onLoadDocument(data: onLoadDocumentPayload) {
|
async onLoadDocument(data: onLoadDocumentPayload) {
|
||||||
@@ -136,11 +134,7 @@ export class PersistenceExtension implements Extension {
|
|||||||
try {
|
try {
|
||||||
const existingContributors = page.contributorIds || [];
|
const existingContributors = page.contributorIds || [];
|
||||||
contributorIds = Array.from(
|
contributorIds = Array.from(
|
||||||
new Set([
|
new Set([...existingContributors, ...editingUserIds, page.creatorId]),
|
||||||
...existingContributors,
|
|
||||||
...editingUserIds,
|
|
||||||
page.creatorId,
|
|
||||||
]),
|
|
||||||
);
|
);
|
||||||
} catch (err) {
|
} catch (err) {
|
||||||
//this.logger.debug('Contributors error:' + err?.['message']);
|
//this.logger.debug('Contributors error:' + err?.['message']);
|
||||||
@@ -164,10 +158,6 @@ export class PersistenceExtension implements Extension {
|
|||||||
this.logger.error(`Failed to update page ${pageId}`, err);
|
this.logger.error(`Failed to update page ${pageId}`, err);
|
||||||
}
|
}
|
||||||
|
|
||||||
if (page) {
|
|
||||||
await this.syncTransclusion(pageId, tiptapJson);
|
|
||||||
}
|
|
||||||
|
|
||||||
if (page) {
|
if (page) {
|
||||||
await this.collabHistory.addContributors(pageId, editingUserIds);
|
await this.collabHistory.addContributors(pageId, editingUserIds);
|
||||||
|
|
||||||
@@ -175,9 +165,7 @@ export class PersistenceExtension implements Extension {
|
|||||||
|
|
||||||
const userMentions = extractUserMentions(mentions);
|
const userMentions = extractUserMentions(mentions);
|
||||||
const oldMentions = page.content ? extractMentions(page.content) : [];
|
const oldMentions = page.content ? extractMentions(page.content) : [];
|
||||||
const oldMentionedUserIds = extractUserMentions(oldMentions).map(
|
const oldMentionedUserIds = extractUserMentions(oldMentions).map((m) => m.entityId);
|
||||||
(m) => m.entityId,
|
|
||||||
);
|
|
||||||
|
|
||||||
if (userMentions.length > 0) {
|
if (userMentions.length > 0) {
|
||||||
await this.notificationQueue.add(QueueJob.PAGE_MENTION_NOTIFICATION, {
|
await this.notificationQueue.add(QueueJob.PAGE_MENTION_NOTIFICATION, {
|
||||||
@@ -241,29 +229,4 @@ export class PersistenceExtension implements Extension {
|
|||||||
{ jobId: page.id, delay },
|
{ jobId: page.id, delay },
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
|
||||||
* Refresh `page_transclusions` and `page_transclusion_references` to match
|
|
||||||
* the page's current content. Runs outside the page-write transaction and
|
|
||||||
* isolates each call so a failure here cannot affect the page save itself.
|
|
||||||
* The diff is idempotent — the next save converges if a round drops anything.
|
|
||||||
*/
|
|
||||||
private async syncTransclusion(
|
|
||||||
pageId: string,
|
|
||||||
tiptapJson: unknown,
|
|
||||||
): Promise<void> {
|
|
||||||
try {
|
|
||||||
await this.transclusionService.syncPageTransclusions(pageId, tiptapJson);
|
|
||||||
} catch (err) {
|
|
||||||
this.logger.error(`Failed to sync transclusions for page ${pageId}`, err);
|
|
||||||
}
|
|
||||||
try {
|
|
||||||
await this.transclusionService.syncPageReferences(pageId, tiptapJson);
|
|
||||||
} catch (err) {
|
|
||||||
this.logger.error(
|
|
||||||
`Failed to sync transclusion references for page ${pageId}`,
|
|
||||||
err,
|
|
||||||
);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -23,11 +23,6 @@ export const AuditEvent = {
|
|||||||
API_KEY_UPDATED: 'api_key.updated',
|
API_KEY_UPDATED: 'api_key.updated',
|
||||||
API_KEY_DELETED: 'api_key.deleted',
|
API_KEY_DELETED: 'api_key.deleted',
|
||||||
|
|
||||||
// SCIM Tokens
|
|
||||||
SCIM_TOKEN_CREATED: 'scim_token.created',
|
|
||||||
SCIM_TOKEN_UPDATED: 'scim_token.updated',
|
|
||||||
SCIM_TOKEN_DELETED: 'scim_token.deleted',
|
|
||||||
|
|
||||||
// Space
|
// Space
|
||||||
SPACE_CREATED: 'space.created',
|
SPACE_CREATED: 'space.created',
|
||||||
SPACE_UPDATED: 'space.updated',
|
SPACE_UPDATED: 'space.updated',
|
||||||
@@ -124,7 +119,6 @@ export const AuditResource = {
|
|||||||
COMMENT: 'comment',
|
COMMENT: 'comment',
|
||||||
SHARE: 'share',
|
SHARE: 'share',
|
||||||
API_KEY: 'api_key',
|
API_KEY: 'api_key',
|
||||||
SCIM_TOKEN: 'scim_token',
|
|
||||||
SSO_PROVIDER: 'sso_provider',
|
SSO_PROVIDER: 'sso_provider',
|
||||||
WORKSPACE_INVITATION: 'workspace_invitation',
|
WORKSPACE_INVITATION: 'workspace_invitation',
|
||||||
ATTACHMENT: 'attachment',
|
ATTACHMENT: 'attachment',
|
||||||
|
|||||||
@@ -8,7 +8,6 @@ export const Feature = {
|
|||||||
AI: 'ai',
|
AI: 'ai',
|
||||||
CONFLUENCE_IMPORT: 'import:confluence',
|
CONFLUENCE_IMPORT: 'import:confluence',
|
||||||
DOCX_IMPORT: 'import:docx',
|
DOCX_IMPORT: 'import:docx',
|
||||||
PDF_IMPORT: 'import:pdf',
|
|
||||||
ATTACHMENT_INDEXING: 'attachment:indexing',
|
ATTACHMENT_INDEXING: 'attachment:indexing',
|
||||||
SECURITY_SETTINGS: 'security:settings',
|
SECURITY_SETTINGS: 'security:settings',
|
||||||
MCP: 'mcp',
|
MCP: 'mcp',
|
||||||
|
|||||||
Binary file not shown.
@@ -1,6 +1,6 @@
|
|||||||
import * as path from 'path';
|
import * as path from 'path';
|
||||||
import * as bcrypt from 'bcrypt';
|
import * as bcrypt from 'bcrypt';
|
||||||
import sanitize = require('sanitize-filename');
|
import { sanitize } from 'sanitize-filename-ts';
|
||||||
import { FastifyRequest } from 'fastify';
|
import { FastifyRequest } from 'fastify';
|
||||||
import { Readable, Transform } from 'stream';
|
import { Readable, Transform } from 'stream';
|
||||||
|
|
||||||
@@ -72,33 +72,11 @@ export function extractDateFromUuid7(uuid7: string) {
|
|||||||
return new Date(timestamp);
|
return new Date(timestamp);
|
||||||
}
|
}
|
||||||
|
|
||||||
export type SanitizeFileNameOptions = {
|
export function sanitizeFileName(fileName: string): string {
|
||||||
/** Keep spaces and `#` instead of replacing them with `_`. Useful for
|
const sanitizedFilename = sanitize(fileName)
|
||||||
* download filenames where readability matters. Defaults to false. */
|
.replace(/ /g, '_')
|
||||||
preserveSpaces?: boolean;
|
.replace(/#/g, '_');
|
||||||
};
|
return sanitizedFilename.slice(0, 255);
|
||||||
|
|
||||||
export function sanitizeFileName(
|
|
||||||
fileName: string,
|
|
||||||
options: SanitizeFileNameOptions = {},
|
|
||||||
): string {
|
|
||||||
// Decode percent-encoded sequences so that bypasses like "..%2F" reach
|
|
||||||
// sanitize() as literal "../" and get stripped. sanitize-filename only
|
|
||||||
// strips literal characters and won't catch encoded path separators
|
|
||||||
// on its own.
|
|
||||||
const decoded = fileName.replace(/%[0-9a-fA-F]{2}/g, (m) => {
|
|
||||||
try {
|
|
||||||
return decodeURIComponent(m);
|
|
||||||
} catch {
|
|
||||||
return m;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
const sanitized = sanitize(decoded);
|
|
||||||
if (options.preserveSpaces) {
|
|
||||||
return sanitized;
|
|
||||||
}
|
|
||||||
return sanitized.replace(/ /g, '_').replace(/#/g, '_');
|
|
||||||
}
|
}
|
||||||
|
|
||||||
export function removeAccent(str: string): string {
|
export function removeAccent(str: string): string {
|
||||||
@@ -110,7 +88,7 @@ export function extractBearerTokenFromHeader(
|
|||||||
request: FastifyRequest,
|
request: FastifyRequest,
|
||||||
): string | undefined {
|
): string | undefined {
|
||||||
const [type, token] = request.headers.authorization?.split(' ') ?? [];
|
const [type, token] = request.headers.authorization?.split(' ') ?? [];
|
||||||
return type?.toLowerCase() === 'bearer' ? token : undefined;
|
return type === 'Bearer' ? token : undefined;
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
|
|||||||
@@ -356,19 +356,9 @@ export class AttachmentController {
|
|||||||
throw new BadRequestException('Invalid image attachment type');
|
throw new BadRequestException('Invalid image attachment type');
|
||||||
}
|
}
|
||||||
|
|
||||||
if (!fileName) {
|
const filenameWithoutExt = path.basename(fileName, path.extname(fileName));
|
||||||
throw new BadRequestException('Invalid file name');
|
if (!isValidUUID(filenameWithoutExt)) {
|
||||||
}
|
throw new BadRequestException('Invalid file id');
|
||||||
|
|
||||||
const ext = path.extname(fileName);
|
|
||||||
const filenameWithoutExt = path.basename(fileName, ext);
|
|
||||||
|
|
||||||
if (
|
|
||||||
!ext ||
|
|
||||||
!isValidUUID(filenameWithoutExt) ||
|
|
||||||
`${filenameWithoutExt}${ext}` !== fileName
|
|
||||||
) {
|
|
||||||
throw new BadRequestException('Invalid file name');
|
|
||||||
}
|
}
|
||||||
|
|
||||||
const filePath = `${getAttachmentFolderPath(attachmentType, workspace.id)}/${fileName}`;
|
const filePath = `${getAttachmentFolderPath(attachmentType, workspace.id)}/${fileName}`;
|
||||||
|
|||||||
@@ -7,7 +7,7 @@ import {
|
|||||||
} from '@nestjs/common';
|
} from '@nestjs/common';
|
||||||
import { PaginationOptions } from '@docmost/db/pagination/pagination-options';
|
import { PaginationOptions } from '@docmost/db/pagination/pagination-options';
|
||||||
import { GroupService } from './group.service';
|
import { GroupService } from './group.service';
|
||||||
import { KyselyDB, KyselyTransaction } from '@docmost/db/types/kysely.types';
|
import { KyselyDB } from '@docmost/db/types/kysely.types';
|
||||||
import { InjectKysely } from 'nestjs-kysely';
|
import { InjectKysely } from 'nestjs-kysely';
|
||||||
import { GroupUserRepo } from '@docmost/db/repos/group/group-user.repo';
|
import { GroupUserRepo } from '@docmost/db/repos/group/group-user.repo';
|
||||||
import { SpaceMemberRepo } from '@docmost/db/repos/space/space-member.repo';
|
import { SpaceMemberRepo } from '@docmost/db/repos/space/space-member.repo';
|
||||||
@@ -20,7 +20,6 @@ import {
|
|||||||
AUDIT_SERVICE,
|
AUDIT_SERVICE,
|
||||||
IAuditService,
|
IAuditService,
|
||||||
} from '../../../integrations/audit/audit.service';
|
} from '../../../integrations/audit/audit.service';
|
||||||
import { dbOrTx } from '@docmost/db/utils';
|
|
||||||
|
|
||||||
@Injectable()
|
@Injectable()
|
||||||
export class GroupUserService {
|
export class GroupUserService {
|
||||||
@@ -55,23 +54,17 @@ export class GroupUserService {
|
|||||||
userIds: string[],
|
userIds: string[],
|
||||||
groupId: string,
|
groupId: string,
|
||||||
workspaceId: string,
|
workspaceId: string,
|
||||||
trx?: KyselyTransaction,
|
|
||||||
): Promise<void> {
|
): Promise<void> {
|
||||||
const db = dbOrTx(this.db, trx);
|
await this.groupService.findAndValidateGroup(groupId, workspaceId);
|
||||||
await this.groupService.findAndValidateGroup(groupId, workspaceId, trx);
|
|
||||||
|
|
||||||
if (userIds.length === 0) return;
|
|
||||||
|
|
||||||
// make sure we have valid workspace users
|
// make sure we have valid workspace users
|
||||||
const validUsers = await db
|
const validUsers = await this.db
|
||||||
.selectFrom('users')
|
.selectFrom('users')
|
||||||
.select(['id', 'name'])
|
.select(['id', 'name'])
|
||||||
.where('users.id', 'in', userIds)
|
.where('users.id', 'in', userIds)
|
||||||
.where('users.workspaceId', '=', workspaceId)
|
.where('users.workspaceId', '=', workspaceId)
|
||||||
.execute();
|
.execute();
|
||||||
|
|
||||||
if (validUsers.length === 0) return;
|
|
||||||
|
|
||||||
// prepare users to add to group
|
// prepare users to add to group
|
||||||
const groupUsersToInsert = [];
|
const groupUsersToInsert = [];
|
||||||
for (const user of validUsers) {
|
for (const user of validUsers) {
|
||||||
@@ -82,7 +75,7 @@ export class GroupUserService {
|
|||||||
}
|
}
|
||||||
|
|
||||||
// batch insert new group users
|
// batch insert new group users
|
||||||
await db
|
await this.db
|
||||||
.insertInto('groupUsers')
|
.insertInto('groupUsers')
|
||||||
.values(groupUsersToInsert)
|
.values(groupUsersToInsert)
|
||||||
.onConflict((oc) => oc.columns(['userId', 'groupId']).doNothing())
|
.onConflict((oc) => oc.columns(['userId', 'groupId']).doNothing())
|
||||||
|
|||||||
@@ -216,11 +216,8 @@ export class GroupService {
|
|||||||
async findAndValidateGroup(
|
async findAndValidateGroup(
|
||||||
groupId: string,
|
groupId: string,
|
||||||
workspaceId: string,
|
workspaceId: string,
|
||||||
trx?: KyselyTransaction,
|
|
||||||
): Promise<Group> {
|
): Promise<Group> {
|
||||||
const group = await this.groupRepo.findById(groupId, workspaceId, {
|
const group = await this.groupRepo.findById(groupId, workspaceId);
|
||||||
trx,
|
|
||||||
});
|
|
||||||
if (!group) {
|
if (!group) {
|
||||||
throw new NotFoundException('Group not found');
|
throw new NotFoundException('Group not found');
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -6,12 +6,11 @@ import { TrashCleanupService } from './services/trash-cleanup.service';
|
|||||||
import { StorageModule } from '../../integrations/storage/storage.module';
|
import { StorageModule } from '../../integrations/storage/storage.module';
|
||||||
import { CollaborationModule } from '../../collaboration/collaboration.module';
|
import { CollaborationModule } from '../../collaboration/collaboration.module';
|
||||||
import { WatcherModule } from '../watcher/watcher.module';
|
import { WatcherModule } from '../watcher/watcher.module';
|
||||||
import { TransclusionModule } from './transclusion/transclusion.module';
|
|
||||||
|
|
||||||
@Module({
|
@Module({
|
||||||
controllers: [PageController],
|
controllers: [PageController],
|
||||||
providers: [PageService, PageHistoryService, TrashCleanupService],
|
providers: [PageService, PageHistoryService, TrashCleanupService],
|
||||||
exports: [PageService, PageHistoryService],
|
exports: [PageService, PageHistoryService],
|
||||||
imports: [StorageModule, CollaborationModule, WatcherModule, TransclusionModule],
|
imports: [StorageModule, CollaborationModule, WatcherModule],
|
||||||
})
|
})
|
||||||
export class PageModule {}
|
export class PageModule {}
|
||||||
|
|||||||
@@ -54,7 +54,6 @@ import {
|
|||||||
import { markdownToHtml } from '@docmost/editor-ext';
|
import { markdownToHtml } from '@docmost/editor-ext';
|
||||||
import { WatcherService } from '../../watcher/watcher.service';
|
import { WatcherService } from '../../watcher/watcher.service';
|
||||||
import { sql } from 'kysely';
|
import { sql } from 'kysely';
|
||||||
import { TransclusionService } from '../transclusion/transclusion.service';
|
|
||||||
|
|
||||||
@Injectable()
|
@Injectable()
|
||||||
export class PageService {
|
export class PageService {
|
||||||
@@ -72,7 +71,6 @@ export class PageService {
|
|||||||
private eventEmitter: EventEmitter2,
|
private eventEmitter: EventEmitter2,
|
||||||
private collaborationGateway: CollaborationGateway,
|
private collaborationGateway: CollaborationGateway,
|
||||||
private readonly watcherService: WatcherService,
|
private readonly watcherService: WatcherService,
|
||||||
private readonly transclusionService: TransclusionService,
|
|
||||||
) {}
|
) {}
|
||||||
|
|
||||||
async findById(
|
async findById(
|
||||||
@@ -602,17 +600,6 @@ export class PageService {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// Remap transclusion-reference source pages to their copies when
|
|
||||||
// the source page is also being duplicated in the same operation.
|
|
||||||
if (node.type.name === 'transclusionReference') {
|
|
||||||
const sourcePageId = node.attrs.sourcePageId;
|
|
||||||
if (sourcePageId && pageMap.has(sourcePageId)) {
|
|
||||||
const mappedPage = pageMap.get(sourcePageId);
|
|
||||||
//@ts-ignore
|
|
||||||
node.attrs.sourcePageId = mappedPage.newPageId;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Update internal page links in link marks
|
// Update internal page links in link marks
|
||||||
for (const mark of node.marks) {
|
for (const mark of node.marks) {
|
||||||
if (
|
if (
|
||||||
@@ -672,31 +659,6 @@ export class PageService {
|
|||||||
|
|
||||||
await this.db.insertInto('pages').values(insertablePages).execute();
|
await this.db.insertInto('pages').values(insertablePages).execute();
|
||||||
|
|
||||||
// Extract transclusions from every duplicated page and persist them in
|
|
||||||
// one statement. Duplication bypasses Yjs onStoreDocument; brand-new
|
|
||||||
// pages never have prior rows so we can skip the diff and just bulk-insert.
|
|
||||||
try {
|
|
||||||
await this.transclusionService.insertTransclusionsForPages(
|
|
||||||
insertablePages.map((p) => ({ id: p.id, content: p.content })),
|
|
||||||
);
|
|
||||||
} catch (err) {
|
|
||||||
this.logger.error(
|
|
||||||
'Failed to insert transclusions for duplicated pages',
|
|
||||||
err,
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
try {
|
|
||||||
await this.transclusionService.insertReferencesForPages(
|
|
||||||
insertablePages.map((p) => ({ id: p.id, content: p.content })),
|
|
||||||
);
|
|
||||||
} catch (err) {
|
|
||||||
this.logger.error(
|
|
||||||
'Failed to insert transclusion references for duplicated pages',
|
|
||||||
err,
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
const insertedPageIds = insertablePages.map((page) => page.id);
|
const insertedPageIds = insertablePages.map((page) => page.id);
|
||||||
this.eventEmitter.emit(EventName.PAGE_CREATED, {
|
this.eventEmitter.emit(EventName.PAGE_CREATED, {
|
||||||
pageIds: insertedPageIds,
|
pageIds: insertedPageIds,
|
||||||
|
|||||||
@@ -1,24 +0,0 @@
|
|||||||
import { Type } from 'class-transformer';
|
|
||||||
import {
|
|
||||||
ArrayMaxSize,
|
|
||||||
IsArray,
|
|
||||||
IsString,
|
|
||||||
IsUUID,
|
|
||||||
ValidateNested,
|
|
||||||
} from 'class-validator';
|
|
||||||
|
|
||||||
export class LookupReferenceDto {
|
|
||||||
@IsUUID()
|
|
||||||
sourcePageId!: string;
|
|
||||||
|
|
||||||
@IsString()
|
|
||||||
transclusionId!: string;
|
|
||||||
}
|
|
||||||
|
|
||||||
export class LookupDto {
|
|
||||||
@IsArray()
|
|
||||||
@ArrayMaxSize(50)
|
|
||||||
@ValidateNested({ each: true })
|
|
||||||
@Type(() => LookupReferenceDto)
|
|
||||||
references!: LookupReferenceDto[];
|
|
||||||
}
|
|
||||||
@@ -1,9 +0,0 @@
|
|||||||
import { IsString, IsUUID } from 'class-validator';
|
|
||||||
|
|
||||||
export class ReferencesDto {
|
|
||||||
@IsUUID()
|
|
||||||
sourcePageId!: string;
|
|
||||||
|
|
||||||
@IsString()
|
|
||||||
transclusionId!: string;
|
|
||||||
}
|
|
||||||
@@ -1,12 +0,0 @@
|
|||||||
import { IsString, IsUUID } from 'class-validator';
|
|
||||||
|
|
||||||
export class UnsyncReferenceDto {
|
|
||||||
@IsUUID()
|
|
||||||
referencePageId!: string;
|
|
||||||
|
|
||||||
@IsUUID()
|
|
||||||
sourcePageId!: string;
|
|
||||||
|
|
||||||
@IsString()
|
|
||||||
transclusionId!: string;
|
|
||||||
}
|
|
||||||
@@ -1,232 +0,0 @@
|
|||||||
import {
|
|
||||||
collectReferencesFromPmJson,
|
|
||||||
collectTransclusionsFromPmJson,
|
|
||||||
} from '../utils/transclusion-prosemirror.util';
|
|
||||||
|
|
||||||
describe('collectTransclusionsFromPmJson', () => {
|
|
||||||
it('returns [] for null/undefined doc', () => {
|
|
||||||
expect(collectTransclusionsFromPmJson(null)).toEqual([]);
|
|
||||||
expect(collectTransclusionsFromPmJson(undefined)).toEqual([]);
|
|
||||||
});
|
|
||||||
|
|
||||||
it('returns [] for a doc with no transclusion nodes', () => {
|
|
||||||
const doc = {
|
|
||||||
type: 'doc',
|
|
||||||
content: [{ type: 'paragraph', content: [{ type: 'text', text: 'hi' }] }],
|
|
||||||
};
|
|
||||||
expect(collectTransclusionsFromPmJson(doc)).toEqual([]);
|
|
||||||
});
|
|
||||||
|
|
||||||
it('extracts a top-level transclusion with id, name and content', () => {
|
|
||||||
const doc = {
|
|
||||||
type: 'doc',
|
|
||||||
content: [
|
|
||||||
{
|
|
||||||
type: 'transclusion',
|
|
||||||
attrs: { id: 'abc123', name: 'Pricing' },
|
|
||||||
content: [{ type: 'paragraph', content: [{ type: 'text', text: 'Body' }] }],
|
|
||||||
},
|
|
||||||
],
|
|
||||||
};
|
|
||||||
const got = collectTransclusionsFromPmJson(doc);
|
|
||||||
expect(got).toHaveLength(1);
|
|
||||||
expect(got[0].transclusionId).toBe('abc123');
|
|
||||||
expect(got[0].name).toBe('Pricing');
|
|
||||||
expect(got[0].content).toEqual({
|
|
||||||
type: 'doc',
|
|
||||||
content: [{ type: 'paragraph', content: [{ type: 'text', text: 'Body' }] }],
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
it('skips transclusion nodes with no id (transient before UniqueID assigns one)', () => {
|
|
||||||
const doc = {
|
|
||||||
type: 'doc',
|
|
||||||
content: [
|
|
||||||
{ type: 'transclusion', attrs: {}, content: [{ type: 'paragraph' }] },
|
|
||||||
],
|
|
||||||
};
|
|
||||||
expect(collectTransclusionsFromPmJson(doc)).toEqual([]);
|
|
||||||
});
|
|
||||||
|
|
||||||
it('returns multiple top-level transclusions', () => {
|
|
||||||
const doc = {
|
|
||||||
type: 'doc',
|
|
||||||
content: [
|
|
||||||
{ type: 'transclusion', attrs: { id: 'a' }, content: [{ type: 'paragraph' }] },
|
|
||||||
{ type: 'transclusion', attrs: { id: 'b', name: 'Two' }, content: [{ type: 'paragraph' }] },
|
|
||||||
],
|
|
||||||
};
|
|
||||||
const got = collectTransclusionsFromPmJson(doc);
|
|
||||||
expect(got.map((e) => e.transclusionId)).toEqual(['a', 'b']);
|
|
||||||
});
|
|
||||||
|
|
||||||
it('does not recurse into a nested transclusion (transclusion cannot contain transclusion per schema, but be defensive)', () => {
|
|
||||||
const doc = {
|
|
||||||
type: 'doc',
|
|
||||||
content: [
|
|
||||||
{
|
|
||||||
type: 'transclusion',
|
|
||||||
attrs: { id: 'outer' },
|
|
||||||
content: [
|
|
||||||
{
|
|
||||||
type: 'transclusion',
|
|
||||||
attrs: { id: 'inner' },
|
|
||||||
content: [{ type: 'paragraph' }],
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
],
|
|
||||||
};
|
|
||||||
const got = collectTransclusionsFromPmJson(doc);
|
|
||||||
expect(got.map((e) => e.transclusionId)).toEqual(['outer']);
|
|
||||||
});
|
|
||||||
|
|
||||||
it('finds transclusions nested inside other block containers (e.g. column)', () => {
|
|
||||||
const doc = {
|
|
||||||
type: 'doc',
|
|
||||||
content: [
|
|
||||||
{
|
|
||||||
type: 'column',
|
|
||||||
content: [
|
|
||||||
{ type: 'transclusion', attrs: { id: 'inCol' }, content: [{ type: 'paragraph' }] },
|
|
||||||
],
|
|
||||||
},
|
|
||||||
],
|
|
||||||
};
|
|
||||||
expect(collectTransclusionsFromPmJson(doc).map((e) => e.transclusionId)).toEqual([
|
|
||||||
'inCol',
|
|
||||||
]);
|
|
||||||
});
|
|
||||||
|
|
||||||
it('uses the last id when duplicate ids appear (later wins, deterministic)', () => {
|
|
||||||
const doc = {
|
|
||||||
type: 'doc',
|
|
||||||
content: [
|
|
||||||
{ type: 'transclusion', attrs: { id: 'dup', name: 'first' }, content: [{ type: 'paragraph' }] },
|
|
||||||
{ type: 'transclusion', attrs: { id: 'dup', name: 'second' }, content: [{ type: 'paragraph' }] },
|
|
||||||
],
|
|
||||||
};
|
|
||||||
const got = collectTransclusionsFromPmJson(doc);
|
|
||||||
expect(got).toHaveLength(1);
|
|
||||||
expect(got[0].name).toBe('second');
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
describe('collectReferencesFromPmJson', () => {
|
|
||||||
it('returns [] for null/undefined doc', () => {
|
|
||||||
expect(collectReferencesFromPmJson(null)).toEqual([]);
|
|
||||||
expect(collectReferencesFromPmJson(undefined)).toEqual([]);
|
|
||||||
});
|
|
||||||
|
|
||||||
it('returns [] for a doc with no transclusionReference nodes', () => {
|
|
||||||
const doc = {
|
|
||||||
type: 'doc',
|
|
||||||
content: [
|
|
||||||
{ type: 'paragraph', content: [{ type: 'text', text: 'hi' }] },
|
|
||||||
],
|
|
||||||
};
|
|
||||||
expect(collectReferencesFromPmJson(doc)).toEqual([]);
|
|
||||||
});
|
|
||||||
|
|
||||||
it('extracts a top-level reference', () => {
|
|
||||||
const doc = {
|
|
||||||
type: 'doc',
|
|
||||||
content: [
|
|
||||||
{
|
|
||||||
type: 'transclusionReference',
|
|
||||||
attrs: { sourcePageId: 'p1', transclusionId: 'e1' },
|
|
||||||
},
|
|
||||||
],
|
|
||||||
};
|
|
||||||
expect(collectReferencesFromPmJson(doc)).toEqual([
|
|
||||||
{ containingTransclusionId: null, sourcePageId: 'p1', transclusionId: 'e1' },
|
|
||||||
]);
|
|
||||||
});
|
|
||||||
|
|
||||||
it('skips references missing sourcePageId or transclusionId', () => {
|
|
||||||
const doc = {
|
|
||||||
type: 'doc',
|
|
||||||
content: [
|
|
||||||
{ type: 'transclusionReference', attrs: { transclusionId: 'e1' } },
|
|
||||||
{ type: 'transclusionReference', attrs: { sourcePageId: 'p1' } },
|
|
||||||
{ type: 'transclusionReference', attrs: {} },
|
|
||||||
],
|
|
||||||
};
|
|
||||||
expect(collectReferencesFromPmJson(doc)).toEqual([]);
|
|
||||||
});
|
|
||||||
|
|
||||||
it('finds references nested in other block containers (column, callout, etc.)', () => {
|
|
||||||
const doc = {
|
|
||||||
type: 'doc',
|
|
||||||
content: [
|
|
||||||
{
|
|
||||||
type: 'column',
|
|
||||||
content: [
|
|
||||||
{
|
|
||||||
type: 'transclusionReference',
|
|
||||||
attrs: { sourcePageId: 'p1', transclusionId: 'e1' },
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: 'callout',
|
|
||||||
content: [
|
|
||||||
{
|
|
||||||
type: 'transclusionReference',
|
|
||||||
attrs: { sourcePageId: 'p2', transclusionId: 'e2' },
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
],
|
|
||||||
};
|
|
||||||
expect(collectReferencesFromPmJson(doc)).toEqual([
|
|
||||||
{ containingTransclusionId: null, sourcePageId: 'p1', transclusionId: 'e1' },
|
|
||||||
{ containingTransclusionId: null, sourcePageId: 'p2', transclusionId: 'e2' },
|
|
||||||
]);
|
|
||||||
});
|
|
||||||
|
|
||||||
it('also finds references nested inside a transclusion (source) node', () => {
|
|
||||||
const doc = {
|
|
||||||
type: 'doc',
|
|
||||||
content: [
|
|
||||||
{
|
|
||||||
type: 'transclusion',
|
|
||||||
attrs: { id: 'src1' },
|
|
||||||
content: [
|
|
||||||
{
|
|
||||||
type: 'transclusionReference',
|
|
||||||
attrs: { sourcePageId: 'p1', transclusionId: 'e1' },
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
],
|
|
||||||
};
|
|
||||||
expect(collectReferencesFromPmJson(doc)).toEqual([
|
|
||||||
{ containingTransclusionId: 'src1', sourcePageId: 'p1', transclusionId: 'e1' },
|
|
||||||
]);
|
|
||||||
});
|
|
||||||
|
|
||||||
it('dedupes identical (containingTransclusionId, sourcePageId, transclusionId) triples', () => {
|
|
||||||
const doc = {
|
|
||||||
type: 'doc',
|
|
||||||
content: [
|
|
||||||
{
|
|
||||||
type: 'transclusionReference',
|
|
||||||
attrs: { sourcePageId: 'p1', transclusionId: 'e1' },
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: 'transclusionReference',
|
|
||||||
attrs: { sourcePageId: 'p1', transclusionId: 'e1' },
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: 'transclusionReference',
|
|
||||||
attrs: { sourcePageId: 'p2', transclusionId: 'e2' },
|
|
||||||
},
|
|
||||||
],
|
|
||||||
};
|
|
||||||
expect(collectReferencesFromPmJson(doc)).toEqual([
|
|
||||||
{ containingTransclusionId: null, sourcePageId: 'p1', transclusionId: 'e1' },
|
|
||||||
{ containingTransclusionId: null, sourcePageId: 'p2', transclusionId: 'e2' },
|
|
||||||
]);
|
|
||||||
});
|
|
||||||
});
|
|
||||||
@@ -1,161 +0,0 @@
|
|||||||
import {
|
|
||||||
rewriteAttachmentsForUnsync,
|
|
||||||
type AttachmentRewritePlan,
|
|
||||||
} from '../utils/transclusion-unsync.util';
|
|
||||||
|
|
||||||
describe('rewriteAttachmentsForUnsync', () => {
|
|
||||||
const fixedIds = (() => {
|
|
||||||
let i = 0;
|
|
||||||
return () => `new-${++i}`;
|
|
||||||
});
|
|
||||||
|
|
||||||
it('returns content unchanged when no attachment nodes are present', () => {
|
|
||||||
const content = {
|
|
||||||
type: 'doc',
|
|
||||||
content: [
|
|
||||||
{ type: 'paragraph', content: [{ type: 'text', text: 'hello' }] },
|
|
||||||
],
|
|
||||||
};
|
|
||||||
const r = rewriteAttachmentsForUnsync(content, fixedIds());
|
|
||||||
expect(r.content).toEqual(content);
|
|
||||||
expect(r.copies).toEqual([]);
|
|
||||||
});
|
|
||||||
|
|
||||||
it('rewrites attachmentId and src on a single image node', () => {
|
|
||||||
const oldId = '11111111-1111-1111-1111-111111111111';
|
|
||||||
const content = {
|
|
||||||
type: 'doc',
|
|
||||||
content: [
|
|
||||||
{
|
|
||||||
type: 'image',
|
|
||||||
attrs: {
|
|
||||||
attachmentId: oldId,
|
|
||||||
src: `/api/files/${oldId}/cat.png`,
|
|
||||||
},
|
|
||||||
},
|
|
||||||
],
|
|
||||||
};
|
|
||||||
const gen = fixedIds();
|
|
||||||
const r = rewriteAttachmentsForUnsync(content, gen);
|
|
||||||
|
|
||||||
expect(r.copies).toHaveLength(1);
|
|
||||||
const plan: AttachmentRewritePlan = r.copies[0];
|
|
||||||
expect(plan.oldAttachmentId).toBe(oldId);
|
|
||||||
expect(plan.newAttachmentId).toBe('new-1');
|
|
||||||
|
|
||||||
const img = (r.content as any).content[0];
|
|
||||||
expect(img.attrs.attachmentId).toBe('new-1');
|
|
||||||
expect(img.attrs.src).toBe('/api/files/new-1/cat.png');
|
|
||||||
});
|
|
||||||
|
|
||||||
it('rewrites every attachment node type (image, video, audio, attachment, drawio, excalidraw, pdf)', () => {
|
|
||||||
const types = [
|
|
||||||
'image',
|
|
||||||
'video',
|
|
||||||
'audio',
|
|
||||||
'attachment',
|
|
||||||
'drawio',
|
|
||||||
'excalidraw',
|
|
||||||
'pdf',
|
|
||||||
] as const;
|
|
||||||
const content = {
|
|
||||||
type: 'doc',
|
|
||||||
content: types.map((t, i) => ({
|
|
||||||
type: t,
|
|
||||||
attrs: {
|
|
||||||
attachmentId: `old-${i}`,
|
|
||||||
src: `/api/files/old-${i}/file`,
|
|
||||||
},
|
|
||||||
})),
|
|
||||||
};
|
|
||||||
const r = rewriteAttachmentsForUnsync(content, fixedIds());
|
|
||||||
expect(r.copies).toHaveLength(types.length);
|
|
||||||
expect((r.content as any).content.map((n: any) => n.attrs.attachmentId)).toEqual(
|
|
||||||
Array.from({ length: types.length }, (_, i) => `new-${i + 1}`),
|
|
||||||
);
|
|
||||||
});
|
|
||||||
|
|
||||||
it('reuses one new id per old attachmentId across nodes (dedupe)', () => {
|
|
||||||
const shared = 'shared-old';
|
|
||||||
const content = {
|
|
||||||
type: 'doc',
|
|
||||||
content: [
|
|
||||||
{
|
|
||||||
type: 'image',
|
|
||||||
attrs: {
|
|
||||||
attachmentId: shared,
|
|
||||||
src: `/api/files/${shared}/a.png`,
|
|
||||||
},
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: 'image',
|
|
||||||
attrs: {
|
|
||||||
attachmentId: shared,
|
|
||||||
src: `/api/files/${shared}/a.png`,
|
|
||||||
},
|
|
||||||
},
|
|
||||||
],
|
|
||||||
};
|
|
||||||
const r = rewriteAttachmentsForUnsync(content, fixedIds());
|
|
||||||
expect(r.copies).toHaveLength(1);
|
|
||||||
expect(r.copies[0].oldAttachmentId).toBe(shared);
|
|
||||||
const newId = r.copies[0].newAttachmentId;
|
|
||||||
expect((r.content as any).content[0].attrs.attachmentId).toBe(newId);
|
|
||||||
expect((r.content as any).content[1].attrs.attachmentId).toBe(newId);
|
|
||||||
});
|
|
||||||
|
|
||||||
it('does not mutate the input content object', () => {
|
|
||||||
const content = {
|
|
||||||
type: 'doc',
|
|
||||||
content: [
|
|
||||||
{
|
|
||||||
type: 'image',
|
|
||||||
attrs: { attachmentId: 'old-x', src: '/api/files/old-x/x.png' },
|
|
||||||
},
|
|
||||||
],
|
|
||||||
};
|
|
||||||
const snapshot = JSON.parse(JSON.stringify(content));
|
|
||||||
rewriteAttachmentsForUnsync(content, fixedIds());
|
|
||||||
expect(content).toEqual(snapshot);
|
|
||||||
});
|
|
||||||
|
|
||||||
it('skips nodes whose attachmentId is missing or not a uuid-shaped string', () => {
|
|
||||||
const content = {
|
|
||||||
type: 'doc',
|
|
||||||
content: [
|
|
||||||
{ type: 'image', attrs: {} },
|
|
||||||
{ type: 'image', attrs: { attachmentId: '' } },
|
|
||||||
],
|
|
||||||
};
|
|
||||||
const r = rewriteAttachmentsForUnsync(content, fixedIds());
|
|
||||||
expect(r.copies).toEqual([]);
|
|
||||||
expect(r.content).toEqual(content);
|
|
||||||
});
|
|
||||||
|
|
||||||
it('recurses into nested containers (column, callout)', () => {
|
|
||||||
const oldId = 'old-nested';
|
|
||||||
const content = {
|
|
||||||
type: 'doc',
|
|
||||||
content: [
|
|
||||||
{
|
|
||||||
type: 'callout',
|
|
||||||
content: [
|
|
||||||
{
|
|
||||||
type: 'image',
|
|
||||||
attrs: {
|
|
||||||
attachmentId: oldId,
|
|
||||||
src: `/api/files/${oldId}/x.png`,
|
|
||||||
},
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
],
|
|
||||||
};
|
|
||||||
const r = rewriteAttachmentsForUnsync(content, fixedIds());
|
|
||||||
expect(r.copies).toHaveLength(1);
|
|
||||||
const newId = r.copies[0].newAttachmentId;
|
|
||||||
const inner = (r.content as any).content[0].content[0];
|
|
||||||
expect(inner.attrs.attachmentId).toBe(newId);
|
|
||||||
expect(inner.attrs.src).toBe(`/api/files/${newId}/x.png`);
|
|
||||||
});
|
|
||||||
});
|
|
||||||
@@ -1,78 +0,0 @@
|
|||||||
import { Test } from '@nestjs/testing';
|
|
||||||
import { TransclusionController } from '../transclusion.controller';
|
|
||||||
import { TransclusionService } from '../transclusion.service';
|
|
||||||
import { JwtAuthGuard } from '../../../../common/guards/jwt-auth.guard';
|
|
||||||
|
|
||||||
describe('TransclusionController.lookup', () => {
|
|
||||||
let controller: TransclusionController;
|
|
||||||
let service: jest.Mocked<TransclusionService>;
|
|
||||||
|
|
||||||
beforeEach(async () => {
|
|
||||||
service = {
|
|
||||||
lookup: jest.fn(),
|
|
||||||
listReferences: jest.fn(),
|
|
||||||
unsyncReference: jest.fn(),
|
|
||||||
} as any;
|
|
||||||
|
|
||||||
const module = await Test.createTestingModule({
|
|
||||||
controllers: [TransclusionController],
|
|
||||||
providers: [{ provide: TransclusionService, useValue: service }],
|
|
||||||
})
|
|
||||||
.overrideGuard(JwtAuthGuard)
|
|
||||||
.useValue({ canActivate: () => true })
|
|
||||||
.compile();
|
|
||||||
|
|
||||||
controller = module.get(TransclusionController);
|
|
||||||
});
|
|
||||||
|
|
||||||
const user = { id: 'u1' } as any;
|
|
||||||
const ref = { sourcePageId: 'p1', transclusionId: 'e1' };
|
|
||||||
|
|
||||||
it('returns content when lookup succeeds', async () => {
|
|
||||||
service.lookup.mockResolvedValue({
|
|
||||||
items: [
|
|
||||||
{
|
|
||||||
sourcePageId: 'p1',
|
|
||||||
transclusionId: 'e1',
|
|
||||||
content: { type: 'doc' },
|
|
||||||
sourceUpdatedAt: new Date(),
|
|
||||||
},
|
|
||||||
],
|
|
||||||
} as any);
|
|
||||||
|
|
||||||
const out = await controller.lookup({ references: [ref] } as any, user);
|
|
||||||
expect(out.items[0]).not.toHaveProperty('status');
|
|
||||||
expect((out.items[0] as any).content).toEqual({ type: 'doc' });
|
|
||||||
expect(service.lookup).toHaveBeenCalledWith([ref], 'u1');
|
|
||||||
});
|
|
||||||
|
|
||||||
it('returns no_access when service says no_access', async () => {
|
|
||||||
service.lookup.mockResolvedValue({
|
|
||||||
items: [
|
|
||||||
{
|
|
||||||
sourcePageId: 'p1',
|
|
||||||
transclusionId: 'e1',
|
|
||||||
status: 'no_access',
|
|
||||||
},
|
|
||||||
],
|
|
||||||
} as any);
|
|
||||||
|
|
||||||
const out = await controller.lookup({ references: [ref] } as any, user);
|
|
||||||
expect((out.items[0] as { status?: string }).status).toBe('no_access');
|
|
||||||
});
|
|
||||||
|
|
||||||
it('returns not_found when service says not_found', async () => {
|
|
||||||
service.lookup.mockResolvedValue({
|
|
||||||
items: [
|
|
||||||
{
|
|
||||||
sourcePageId: 'p1',
|
|
||||||
transclusionId: 'e1',
|
|
||||||
status: 'not_found',
|
|
||||||
},
|
|
||||||
],
|
|
||||||
} as any);
|
|
||||||
|
|
||||||
const out = await controller.lookup({ references: [ref] } as any, user);
|
|
||||||
expect((out.items[0] as { status?: string }).status).toBe('not_found');
|
|
||||||
});
|
|
||||||
});
|
|
||||||
@@ -1,412 +0,0 @@
|
|||||||
import { Test } from '@nestjs/testing';
|
|
||||||
import { TransclusionService } from '../transclusion.service';
|
|
||||||
import { PageTransclusionsRepo } from '@docmost/db/repos/page-transclusions/page-transclusions.repo';
|
|
||||||
import { PageTransclusionReferencesRepo } from '@docmost/db/repos/page-transclusion-references/page-transclusion-references.repo';
|
|
||||||
import { PageRepo } from '@docmost/db/repos/page/page.repo';
|
|
||||||
import { PagePermissionRepo } from '@docmost/db/repos/page/page-permission.repo';
|
|
||||||
import { AttachmentRepo } from '@docmost/db/repos/attachment/attachment.repo';
|
|
||||||
import { StorageService } from '../../../../integrations/storage/storage.service';
|
|
||||||
|
|
||||||
describe('TransclusionService.syncPageTransclusions', () => {
|
|
||||||
let service: TransclusionService;
|
|
||||||
let repo: jest.Mocked<PageTransclusionsRepo>;
|
|
||||||
|
|
||||||
beforeEach(async () => {
|
|
||||||
const mockRepo: jest.Mocked<Partial<PageTransclusionsRepo>> = {
|
|
||||||
findByPageId: jest.fn(),
|
|
||||||
insert: jest.fn(),
|
|
||||||
update: jest.fn(),
|
|
||||||
deleteByPageAndTransclusionIds: jest.fn(),
|
|
||||||
};
|
|
||||||
const module = await Test.createTestingModule({
|
|
||||||
providers: [
|
|
||||||
TransclusionService,
|
|
||||||
{ provide: PageTransclusionsRepo, useValue: mockRepo },
|
|
||||||
{ provide: PageTransclusionReferencesRepo, useValue: {} },
|
|
||||||
{ provide: PageRepo, useValue: {} },
|
|
||||||
{ provide: PagePermissionRepo, useValue: {} },
|
|
||||||
{ provide: AttachmentRepo, useValue: {} },
|
|
||||||
{ provide: StorageService, useValue: {} },
|
|
||||||
],
|
|
||||||
}).compile();
|
|
||||||
service = module.get(TransclusionService);
|
|
||||||
repo = module.get(PageTransclusionsRepo);
|
|
||||||
});
|
|
||||||
|
|
||||||
const pageId = '00000000-0000-0000-0000-000000000001';
|
|
||||||
|
|
||||||
it('inserts new transclusions that did not exist before', async () => {
|
|
||||||
repo.findByPageId.mockResolvedValue([]);
|
|
||||||
const pm = {
|
|
||||||
type: 'doc',
|
|
||||||
content: [
|
|
||||||
{
|
|
||||||
type: 'transclusion',
|
|
||||||
attrs: { id: 'a', name: 'Hello' },
|
|
||||||
content: [{ type: 'paragraph' }],
|
|
||||||
},
|
|
||||||
],
|
|
||||||
};
|
|
||||||
|
|
||||||
const result = await service.syncPageTransclusions(pageId, pm);
|
|
||||||
|
|
||||||
expect(result).toEqual({ inserted: 1, updated: 0, deleted: 0 });
|
|
||||||
expect(repo.insert).toHaveBeenCalledTimes(1);
|
|
||||||
expect(repo.insert).toHaveBeenCalledWith(
|
|
||||||
expect.objectContaining({
|
|
||||||
pageId,
|
|
||||||
transclusionId: 'a',
|
|
||||||
name: 'Hello',
|
|
||||||
}),
|
|
||||||
undefined,
|
|
||||||
);
|
|
||||||
expect(repo.update).not.toHaveBeenCalled();
|
|
||||||
expect(repo.deleteByPageAndTransclusionIds).not.toHaveBeenCalled();
|
|
||||||
});
|
|
||||||
|
|
||||||
it('updates transclusions whose name or content changed', async () => {
|
|
||||||
repo.findByPageId.mockResolvedValue([
|
|
||||||
{
|
|
||||||
id: 'row1',
|
|
||||||
pageId,
|
|
||||||
transclusionId: 'a',
|
|
||||||
name: 'Old',
|
|
||||||
content: { type: 'doc', content: [{ type: 'paragraph' }] },
|
|
||||||
createdAt: new Date(),
|
|
||||||
updatedAt: new Date(),
|
|
||||||
} as any,
|
|
||||||
]);
|
|
||||||
const pm = {
|
|
||||||
type: 'doc',
|
|
||||||
content: [
|
|
||||||
{
|
|
||||||
type: 'transclusion',
|
|
||||||
attrs: { id: 'a', name: 'New' },
|
|
||||||
content: [
|
|
||||||
{ type: 'paragraph', content: [{ type: 'text', text: 'X' }] },
|
|
||||||
],
|
|
||||||
},
|
|
||||||
],
|
|
||||||
};
|
|
||||||
|
|
||||||
const result = await service.syncPageTransclusions(pageId, pm);
|
|
||||||
|
|
||||||
expect(result).toEqual({ inserted: 0, updated: 1, deleted: 0 });
|
|
||||||
expect(repo.update).toHaveBeenCalledWith(
|
|
||||||
pageId,
|
|
||||||
'a',
|
|
||||||
expect.objectContaining({ name: 'New' }),
|
|
||||||
undefined,
|
|
||||||
);
|
|
||||||
});
|
|
||||||
|
|
||||||
it('skips update when name and content are unchanged', async () => {
|
|
||||||
const sameContent = {
|
|
||||||
type: 'doc',
|
|
||||||
content: [{ type: 'paragraph' }],
|
|
||||||
};
|
|
||||||
repo.findByPageId.mockResolvedValue([
|
|
||||||
{
|
|
||||||
id: 'row1',
|
|
||||||
pageId,
|
|
||||||
transclusionId: 'a',
|
|
||||||
name: 'Same',
|
|
||||||
content: sameContent,
|
|
||||||
createdAt: new Date(),
|
|
||||||
updatedAt: new Date(),
|
|
||||||
} as any,
|
|
||||||
]);
|
|
||||||
const pm = {
|
|
||||||
type: 'doc',
|
|
||||||
content: [
|
|
||||||
{
|
|
||||||
type: 'transclusion',
|
|
||||||
attrs: { id: 'a', name: 'Same' },
|
|
||||||
content: sameContent.content,
|
|
||||||
},
|
|
||||||
],
|
|
||||||
};
|
|
||||||
|
|
||||||
const result = await service.syncPageTransclusions(pageId, pm);
|
|
||||||
|
|
||||||
expect(result).toEqual({ inserted: 0, updated: 0, deleted: 0 });
|
|
||||||
expect(repo.update).not.toHaveBeenCalled();
|
|
||||||
});
|
|
||||||
|
|
||||||
it('deletes transclusions that no longer appear in the doc', async () => {
|
|
||||||
repo.findByPageId.mockResolvedValue([
|
|
||||||
{
|
|
||||||
id: 'r',
|
|
||||||
pageId,
|
|
||||||
transclusionId: 'gone',
|
|
||||||
name: null,
|
|
||||||
content: { type: 'doc', content: [] },
|
|
||||||
createdAt: new Date(),
|
|
||||||
updatedAt: new Date(),
|
|
||||||
} as any,
|
|
||||||
]);
|
|
||||||
const pm = { type: 'doc', content: [{ type: 'paragraph' }] };
|
|
||||||
|
|
||||||
const result = await service.syncPageTransclusions(pageId, pm);
|
|
||||||
|
|
||||||
expect(result).toEqual({ inserted: 0, updated: 0, deleted: 1 });
|
|
||||||
expect(repo.deleteByPageAndTransclusionIds).toHaveBeenCalledWith(
|
|
||||||
pageId,
|
|
||||||
['gone'],
|
|
||||||
undefined,
|
|
||||||
);
|
|
||||||
});
|
|
||||||
|
|
||||||
it('handles empty doc → noop', async () => {
|
|
||||||
repo.findByPageId.mockResolvedValue([]);
|
|
||||||
const result = await service.syncPageTransclusions(pageId, null);
|
|
||||||
expect(result).toEqual({ inserted: 0, updated: 0, deleted: 0 });
|
|
||||||
expect(repo.insert).not.toHaveBeenCalled();
|
|
||||||
expect(repo.update).not.toHaveBeenCalled();
|
|
||||||
expect(repo.deleteByPageAndTransclusionIds).not.toHaveBeenCalled();
|
|
||||||
});
|
|
||||||
|
|
||||||
it('passes through the trx parameter to repo calls', async () => {
|
|
||||||
repo.findByPageId.mockResolvedValue([]);
|
|
||||||
const trx = { mock: 'trx' } as any;
|
|
||||||
const pm = {
|
|
||||||
type: 'doc',
|
|
||||||
content: [
|
|
||||||
{ type: 'transclusion', attrs: { id: 'a' }, content: [{ type: 'paragraph' }] },
|
|
||||||
],
|
|
||||||
};
|
|
||||||
|
|
||||||
await service.syncPageTransclusions(pageId, pm, trx);
|
|
||||||
|
|
||||||
expect(repo.findByPageId).toHaveBeenCalledWith(pageId, trx);
|
|
||||||
expect(repo.insert).toHaveBeenCalledWith(expect.anything(), trx);
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
describe('TransclusionService.syncPageReferences', () => {
|
|
||||||
let service: TransclusionService;
|
|
||||||
let refRepo: jest.Mocked<PageTransclusionReferencesRepo>;
|
|
||||||
|
|
||||||
beforeEach(async () => {
|
|
||||||
const mockTransclusionsRepo: Partial<PageTransclusionsRepo> = {};
|
|
||||||
const mockRefRepo: jest.Mocked<Partial<PageTransclusionReferencesRepo>> = {
|
|
||||||
findByReferencePageId: jest.fn(),
|
|
||||||
insertMany: jest.fn(),
|
|
||||||
deleteByReferenceAndKeys: jest.fn(),
|
|
||||||
findCyclicEdgesForSource: jest.fn().mockResolvedValue([]),
|
|
||||||
deleteByIds: jest.fn(),
|
|
||||||
};
|
|
||||||
const module = await Test.createTestingModule({
|
|
||||||
providers: [
|
|
||||||
TransclusionService,
|
|
||||||
{ provide: PageTransclusionsRepo, useValue: mockTransclusionsRepo },
|
|
||||||
{ provide: PageTransclusionReferencesRepo, useValue: mockRefRepo },
|
|
||||||
{ provide: PageRepo, useValue: {} },
|
|
||||||
{ provide: PagePermissionRepo, useValue: {} },
|
|
||||||
{ provide: AttachmentRepo, useValue: {} },
|
|
||||||
{ provide: StorageService, useValue: {} },
|
|
||||||
],
|
|
||||||
}).compile();
|
|
||||||
service = module.get(TransclusionService);
|
|
||||||
refRepo = module.get(PageTransclusionReferencesRepo);
|
|
||||||
});
|
|
||||||
|
|
||||||
const referencePageId = '00000000-0000-0000-0000-000000000001';
|
|
||||||
|
|
||||||
it('inserts new loose references, no deletes when none existed', async () => {
|
|
||||||
refRepo.findByReferencePageId.mockResolvedValue([]);
|
|
||||||
const pm = {
|
|
||||||
type: 'doc',
|
|
||||||
content: [
|
|
||||||
{
|
|
||||||
type: 'transclusionReference',
|
|
||||||
attrs: { sourcePageId: 'p1', transclusionId: 'e1' },
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: 'transclusionReference',
|
|
||||||
attrs: { sourcePageId: 'p2', transclusionId: 'e2' },
|
|
||||||
},
|
|
||||||
],
|
|
||||||
};
|
|
||||||
|
|
||||||
const result = await service.syncPageReferences(referencePageId, pm);
|
|
||||||
|
|
||||||
expect(result).toEqual({ inserted: 2, deleted: 0 });
|
|
||||||
expect(refRepo.insertMany).toHaveBeenCalledWith(
|
|
||||||
[
|
|
||||||
{
|
|
||||||
referencePageId,
|
|
||||||
containingTransclusionId: null,
|
|
||||||
sourcePageId: 'p1',
|
|
||||||
transclusionId: 'e1',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
referencePageId,
|
|
||||||
containingTransclusionId: null,
|
|
||||||
sourcePageId: 'p2',
|
|
||||||
transclusionId: 'e2',
|
|
||||||
},
|
|
||||||
],
|
|
||||||
undefined,
|
|
||||||
);
|
|
||||||
expect(refRepo.deleteByReferenceAndKeys).not.toHaveBeenCalled();
|
|
||||||
// Loose references never seed cycle detection.
|
|
||||||
expect(refRepo.findCyclicEdgesForSource).not.toHaveBeenCalled();
|
|
||||||
});
|
|
||||||
|
|
||||||
it('records the containing transclusion when references nest in a source', async () => {
|
|
||||||
refRepo.findByReferencePageId.mockResolvedValue([]);
|
|
||||||
const pm = {
|
|
||||||
type: 'doc',
|
|
||||||
content: [
|
|
||||||
{
|
|
||||||
type: 'transclusion',
|
|
||||||
attrs: { id: 's1' },
|
|
||||||
content: [
|
|
||||||
{
|
|
||||||
type: 'transclusionReference',
|
|
||||||
attrs: { sourcePageId: 'p2', transclusionId: 'e2' },
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
],
|
|
||||||
};
|
|
||||||
|
|
||||||
const result = await service.syncPageReferences(referencePageId, pm);
|
|
||||||
|
|
||||||
expect(result).toEqual({ inserted: 1, deleted: 0 });
|
|
||||||
expect(refRepo.insertMany).toHaveBeenCalledWith(
|
|
||||||
[
|
|
||||||
{
|
|
||||||
referencePageId,
|
|
||||||
containingTransclusionId: 's1',
|
|
||||||
sourcePageId: 'p2',
|
|
||||||
transclusionId: 'e2',
|
|
||||||
},
|
|
||||||
],
|
|
||||||
undefined,
|
|
||||||
);
|
|
||||||
expect(refRepo.findCyclicEdgesForSource).toHaveBeenCalledWith(
|
|
||||||
'p2',
|
|
||||||
'e2',
|
|
||||||
undefined,
|
|
||||||
);
|
|
||||||
});
|
|
||||||
|
|
||||||
it('deletes edges that close a cycle and excludes them from the inserted count', async () => {
|
|
||||||
refRepo.findByReferencePageId.mockResolvedValue([]);
|
|
||||||
refRepo.findCyclicEdgesForSource.mockResolvedValue([
|
|
||||||
{
|
|
||||||
id: 'closing-edge-id',
|
|
||||||
referencePageId,
|
|
||||||
containingTransclusionId: 's1',
|
|
||||||
sourcePageId: 'p2',
|
|
||||||
transclusionId: 'e2',
|
|
||||||
createdAt: new Date(),
|
|
||||||
} as any,
|
|
||||||
]);
|
|
||||||
const pm = {
|
|
||||||
type: 'doc',
|
|
||||||
content: [
|
|
||||||
{
|
|
||||||
type: 'transclusion',
|
|
||||||
attrs: { id: 's1' },
|
|
||||||
content: [
|
|
||||||
{
|
|
||||||
type: 'transclusionReference',
|
|
||||||
attrs: { sourcePageId: 'p2', transclusionId: 'e2' },
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
],
|
|
||||||
};
|
|
||||||
|
|
||||||
const result = await service.syncPageReferences(referencePageId, pm);
|
|
||||||
|
|
||||||
expect(result).toEqual({ inserted: 0, deleted: 0 });
|
|
||||||
expect(refRepo.deleteByIds).toHaveBeenCalledWith(
|
|
||||||
['closing-edge-id'],
|
|
||||||
undefined,
|
|
||||||
);
|
|
||||||
});
|
|
||||||
|
|
||||||
it('deletes references that no longer appear', async () => {
|
|
||||||
refRepo.findByReferencePageId.mockResolvedValue([
|
|
||||||
{
|
|
||||||
id: 'r1',
|
|
||||||
referencePageId,
|
|
||||||
containingTransclusionId: null,
|
|
||||||
sourcePageId: 'p1',
|
|
||||||
transclusionId: 'e1',
|
|
||||||
createdAt: new Date(),
|
|
||||||
} as any,
|
|
||||||
]);
|
|
||||||
const pm = { type: 'doc', content: [{ type: 'paragraph' }] };
|
|
||||||
|
|
||||||
const result = await service.syncPageReferences(referencePageId, pm);
|
|
||||||
|
|
||||||
expect(result).toEqual({ inserted: 0, deleted: 1 });
|
|
||||||
expect(refRepo.deleteByReferenceAndKeys).toHaveBeenCalledWith(
|
|
||||||
referencePageId,
|
|
||||||
[
|
|
||||||
{
|
|
||||||
containingTransclusionId: null,
|
|
||||||
sourcePageId: 'p1',
|
|
||||||
transclusionId: 'e1',
|
|
||||||
},
|
|
||||||
],
|
|
||||||
undefined,
|
|
||||||
);
|
|
||||||
expect(refRepo.insertMany).not.toHaveBeenCalled();
|
|
||||||
});
|
|
||||||
|
|
||||||
it('is a no-op when desired matches existing exactly', async () => {
|
|
||||||
refRepo.findByReferencePageId.mockResolvedValue([
|
|
||||||
{
|
|
||||||
id: 'r',
|
|
||||||
referencePageId,
|
|
||||||
containingTransclusionId: null,
|
|
||||||
sourcePageId: 'p1',
|
|
||||||
transclusionId: 'e1',
|
|
||||||
createdAt: new Date(),
|
|
||||||
} as any,
|
|
||||||
]);
|
|
||||||
const pm = {
|
|
||||||
type: 'doc',
|
|
||||||
content: [
|
|
||||||
{
|
|
||||||
type: 'transclusionReference',
|
|
||||||
attrs: { sourcePageId: 'p1', transclusionId: 'e1' },
|
|
||||||
},
|
|
||||||
],
|
|
||||||
};
|
|
||||||
|
|
||||||
const result = await service.syncPageReferences(referencePageId, pm);
|
|
||||||
|
|
||||||
expect(result).toEqual({ inserted: 0, deleted: 0 });
|
|
||||||
expect(refRepo.insertMany).not.toHaveBeenCalled();
|
|
||||||
expect(refRepo.deleteByReferenceAndKeys).not.toHaveBeenCalled();
|
|
||||||
});
|
|
||||||
|
|
||||||
it('passes through trx parameter to repo calls', async () => {
|
|
||||||
refRepo.findByReferencePageId.mockResolvedValue([]);
|
|
||||||
const trx = { mock: 'trx' } as any;
|
|
||||||
const pm = {
|
|
||||||
type: 'doc',
|
|
||||||
content: [
|
|
||||||
{
|
|
||||||
type: 'transclusionReference',
|
|
||||||
attrs: { sourcePageId: 'p1', transclusionId: 'e1' },
|
|
||||||
},
|
|
||||||
],
|
|
||||||
};
|
|
||||||
|
|
||||||
await service.syncPageReferences(referencePageId, pm, trx);
|
|
||||||
|
|
||||||
expect(refRepo.findByReferencePageId).toHaveBeenCalledWith(
|
|
||||||
referencePageId,
|
|
||||||
trx,
|
|
||||||
);
|
|
||||||
expect(refRepo.insertMany).toHaveBeenCalledWith(expect.anything(), trx);
|
|
||||||
});
|
|
||||||
});
|
|
||||||
@@ -1,57 +0,0 @@
|
|||||||
import {
|
|
||||||
Body,
|
|
||||||
Controller,
|
|
||||||
HttpCode,
|
|
||||||
HttpStatus,
|
|
||||||
Post,
|
|
||||||
UseGuards,
|
|
||||||
} from '@nestjs/common';
|
|
||||||
import { JwtAuthGuard } from '../../../common/guards/jwt-auth.guard';
|
|
||||||
import { AuthUser } from '../../../common/decorators/auth-user.decorator';
|
|
||||||
import { User } from '@docmost/db/types/entity.types';
|
|
||||||
import { TransclusionService } from './transclusion.service';
|
|
||||||
import { LookupDto } from './dto/lookup.dto';
|
|
||||||
import { ReferencesDto } from './dto/references.dto';
|
|
||||||
import { UnsyncReferenceDto } from './dto/unsync-reference.dto';
|
|
||||||
|
|
||||||
@UseGuards(JwtAuthGuard)
|
|
||||||
@Controller('pages/transclusion')
|
|
||||||
export class TransclusionController {
|
|
||||||
constructor(private readonly transclusionService: TransclusionService) {}
|
|
||||||
|
|
||||||
@HttpCode(HttpStatus.OK)
|
|
||||||
@Post('lookup')
|
|
||||||
async lookup(@Body() dto: LookupDto, @AuthUser() user: User) {
|
|
||||||
return this.transclusionService.lookup(
|
|
||||||
dto.references,
|
|
||||||
user?.id ?? null,
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
@HttpCode(HttpStatus.OK)
|
|
||||||
@Post('references')
|
|
||||||
async references(
|
|
||||||
@Body() dto: ReferencesDto,
|
|
||||||
@AuthUser() user: User,
|
|
||||||
) {
|
|
||||||
return this.transclusionService.listReferences({
|
|
||||||
sourcePageId: dto.sourcePageId,
|
|
||||||
transclusionId: dto.transclusionId,
|
|
||||||
viewerUserId: user.id,
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
@HttpCode(HttpStatus.OK)
|
|
||||||
@Post('unsync-reference')
|
|
||||||
async unsyncReference(
|
|
||||||
@Body() dto: UnsyncReferenceDto,
|
|
||||||
@AuthUser() user: User,
|
|
||||||
) {
|
|
||||||
return this.transclusionService.unsyncReference(
|
|
||||||
dto.referencePageId,
|
|
||||||
dto.sourcePageId,
|
|
||||||
dto.transclusionId,
|
|
||||||
user.id,
|
|
||||||
);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,12 +0,0 @@
|
|||||||
import { Module } from '@nestjs/common';
|
|
||||||
import { TransclusionController } from './transclusion.controller';
|
|
||||||
import { TransclusionService } from './transclusion.service';
|
|
||||||
import { StorageModule } from '../../../integrations/storage/storage.module';
|
|
||||||
|
|
||||||
@Module({
|
|
||||||
imports: [StorageModule],
|
|
||||||
controllers: [TransclusionController],
|
|
||||||
providers: [TransclusionService],
|
|
||||||
exports: [TransclusionService],
|
|
||||||
})
|
|
||||||
export class TransclusionModule {}
|
|
||||||
@@ -1,526 +0,0 @@
|
|||||||
import {
|
|
||||||
Injectable,
|
|
||||||
Logger,
|
|
||||||
ForbiddenException,
|
|
||||||
NotFoundException,
|
|
||||||
} from '@nestjs/common';
|
|
||||||
import { isDeepStrictEqual } from 'node:util';
|
|
||||||
import { v7 as uuid7 } from 'uuid';
|
|
||||||
import { KyselyTransaction } from '@docmost/db/types/kysely.types';
|
|
||||||
import { PageTransclusionsRepo } from '@docmost/db/repos/page-transclusions/page-transclusions.repo';
|
|
||||||
import { PageTransclusionReferencesRepo } from '@docmost/db/repos/page-transclusion-references/page-transclusion-references.repo';
|
|
||||||
import { PageRepo } from '@docmost/db/repos/page/page.repo';
|
|
||||||
import { PagePermissionRepo } from '@docmost/db/repos/page/page-permission.repo';
|
|
||||||
import { AttachmentRepo } from '@docmost/db/repos/attachment/attachment.repo';
|
|
||||||
import { StorageService } from '../../../integrations/storage/storage.service';
|
|
||||||
import {
|
|
||||||
collectReferencesFromPmJson,
|
|
||||||
collectTransclusionsFromPmJson,
|
|
||||||
} from './utils/transclusion-prosemirror.util';
|
|
||||||
import { rewriteAttachmentsForUnsync } from './utils/transclusion-unsync.util';
|
|
||||||
import { TransclusionLookup } from './transclusion.types';
|
|
||||||
import { Page } from '@docmost/db/types/entity.types';
|
|
||||||
|
|
||||||
type ReferencingPageInfo = {
|
|
||||||
id: string;
|
|
||||||
slugId: string;
|
|
||||||
title: string | null;
|
|
||||||
icon: string | null;
|
|
||||||
spaceId: string;
|
|
||||||
spaceSlug: string | null;
|
|
||||||
};
|
|
||||||
|
|
||||||
@Injectable()
|
|
||||||
export class TransclusionService {
|
|
||||||
private readonly logger = new Logger(TransclusionService.name);
|
|
||||||
|
|
||||||
constructor(
|
|
||||||
private readonly pageTransclusionsRepo: PageTransclusionsRepo,
|
|
||||||
private readonly pageTransclusionReferencesRepo: PageTransclusionReferencesRepo,
|
|
||||||
private readonly pageRepo: PageRepo,
|
|
||||||
private readonly pagePermissionRepo: PagePermissionRepo,
|
|
||||||
private readonly attachmentRepo: AttachmentRepo,
|
|
||||||
private readonly storageService: StorageService,
|
|
||||||
) {}
|
|
||||||
|
|
||||||
async syncPageTransclusions(
|
|
||||||
pageId: string,
|
|
||||||
pmJson: unknown,
|
|
||||||
trx?: KyselyTransaction,
|
|
||||||
): Promise<{ inserted: number; updated: number; deleted: number }> {
|
|
||||||
const desired = collectTransclusionsFromPmJson(pmJson);
|
|
||||||
const desiredById = new Map(desired.map((d) => [d.transclusionId, d]));
|
|
||||||
|
|
||||||
const existing = await this.pageTransclusionsRepo.findByPageId(pageId, trx);
|
|
||||||
const existingById = new Map(existing.map((e) => [e.transclusionId, e]));
|
|
||||||
|
|
||||||
let inserted = 0;
|
|
||||||
let updated = 0;
|
|
||||||
let deleted = 0;
|
|
||||||
|
|
||||||
for (const d of desired) {
|
|
||||||
const prev = existingById.get(d.transclusionId);
|
|
||||||
if (!prev) {
|
|
||||||
await this.pageTransclusionsRepo.insert(
|
|
||||||
{
|
|
||||||
pageId,
|
|
||||||
transclusionId: d.transclusionId,
|
|
||||||
name: d.name,
|
|
||||||
content: d.content as any,
|
|
||||||
},
|
|
||||||
trx,
|
|
||||||
);
|
|
||||||
inserted += 1;
|
|
||||||
continue;
|
|
||||||
}
|
|
||||||
|
|
||||||
const nameChanged = prev.name !== d.name;
|
|
||||||
const contentChanged = !isDeepStrictEqual(prev.content, d.content);
|
|
||||||
if (nameChanged || contentChanged) {
|
|
||||||
await this.pageTransclusionsRepo.update(
|
|
||||||
pageId,
|
|
||||||
d.transclusionId,
|
|
||||||
{ name: d.name, content: d.content as any },
|
|
||||||
trx,
|
|
||||||
);
|
|
||||||
updated += 1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
const removedIds = existing
|
|
||||||
.filter((e) => !desiredById.has(e.transclusionId))
|
|
||||||
.map((e) => e.transclusionId);
|
|
||||||
if (removedIds.length > 0) {
|
|
||||||
await this.pageTransclusionsRepo.deleteByPageAndTransclusionIds(
|
|
||||||
pageId,
|
|
||||||
removedIds,
|
|
||||||
trx,
|
|
||||||
);
|
|
||||||
deleted = removedIds.length;
|
|
||||||
}
|
|
||||||
|
|
||||||
return { inserted, updated, deleted };
|
|
||||||
}
|
|
||||||
|
|
||||||
async syncPageReferences(
|
|
||||||
referencePageId: string,
|
|
||||||
pmJson: unknown,
|
|
||||||
trx?: KyselyTransaction,
|
|
||||||
): Promise<{ inserted: number; deleted: number }> {
|
|
||||||
const desired = collectReferencesFromPmJson(pmJson);
|
|
||||||
const keyOf = (s: {
|
|
||||||
containingTransclusionId: string | null;
|
|
||||||
sourcePageId: string;
|
|
||||||
transclusionId: string;
|
|
||||||
}) =>
|
|
||||||
`${s.containingTransclusionId ?? ''}::${s.sourcePageId}::${s.transclusionId}`;
|
|
||||||
const desiredKeys = new Set(desired.map(keyOf));
|
|
||||||
|
|
||||||
const existing = await this.pageTransclusionReferencesRepo.findByReferencePageId(
|
|
||||||
referencePageId,
|
|
||||||
trx,
|
|
||||||
);
|
|
||||||
const existingKeys = new Set(existing.map(keyOf));
|
|
||||||
|
|
||||||
const toInsert = desired
|
|
||||||
.filter((d) => !existingKeys.has(keyOf(d)))
|
|
||||||
.map((d) => ({
|
|
||||||
referencePageId,
|
|
||||||
containingTransclusionId: d.containingTransclusionId,
|
|
||||||
sourcePageId: d.sourcePageId,
|
|
||||||
transclusionId: d.transclusionId,
|
|
||||||
}));
|
|
||||||
|
|
||||||
const toDelete = existing
|
|
||||||
.filter((e) => !desiredKeys.has(keyOf(e)))
|
|
||||||
.map((e) => ({
|
|
||||||
containingTransclusionId: e.containingTransclusionId,
|
|
||||||
sourcePageId: e.sourcePageId,
|
|
||||||
transclusionId: e.transclusionId,
|
|
||||||
}));
|
|
||||||
|
|
||||||
if (toInsert.length > 0) {
|
|
||||||
await this.pageTransclusionReferencesRepo.insertMany(toInsert, trx);
|
|
||||||
}
|
|
||||||
if (toDelete.length > 0) {
|
|
||||||
await this.pageTransclusionReferencesRepo.deleteByReferenceAndKeys(
|
|
||||||
referencePageId,
|
|
||||||
toDelete,
|
|
||||||
trx,
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
const removedCount = await this.removeCyclicEdgesIntroducedBy(
|
|
||||||
toInsert,
|
|
||||||
trx,
|
|
||||||
);
|
|
||||||
|
|
||||||
return {
|
|
||||||
inserted: toInsert.length - removedCount,
|
|
||||||
deleted: toDelete.length,
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Run cycle detection rooted at each newly-introduced edge's target and
|
|
||||||
* delete any closing edge that belongs to a cycle. Lookups for those rows
|
|
||||||
* then return `not_found`, which the editor renders as the cycle-aware
|
|
||||||
* placeholder. Returns the count of rows removed.
|
|
||||||
*/
|
|
||||||
private async removeCyclicEdgesIntroducedBy(
|
|
||||||
candidates: ReadonlyArray<{
|
|
||||||
referencePageId: string;
|
|
||||||
containingTransclusionId: string | null;
|
|
||||||
sourcePageId: string;
|
|
||||||
transclusionId: string;
|
|
||||||
}>,
|
|
||||||
trx?: KyselyTransaction,
|
|
||||||
): Promise<number> {
|
|
||||||
const seedKeys = new Set<string>();
|
|
||||||
const seeds: Array<{ sourcePageId: string; transclusionId: string }> = [];
|
|
||||||
for (const c of candidates) {
|
|
||||||
if (c.containingTransclusionId === null) continue;
|
|
||||||
const key = `${c.sourcePageId}::${c.transclusionId}`;
|
|
||||||
if (seedKeys.has(key)) continue;
|
|
||||||
seedKeys.add(key);
|
|
||||||
seeds.push({
|
|
||||||
sourcePageId: c.sourcePageId,
|
|
||||||
transclusionId: c.transclusionId,
|
|
||||||
});
|
|
||||||
}
|
|
||||||
if (seeds.length === 0) return 0;
|
|
||||||
|
|
||||||
const offendingIds = new Set<string>();
|
|
||||||
for (const seed of seeds) {
|
|
||||||
const cyclicEdges =
|
|
||||||
await this.pageTransclusionReferencesRepo.findCyclicEdgesForSource(
|
|
||||||
seed.sourcePageId,
|
|
||||||
seed.transclusionId,
|
|
||||||
trx,
|
|
||||||
);
|
|
||||||
for (const edge of cyclicEdges) offendingIds.add(edge.id);
|
|
||||||
}
|
|
||||||
|
|
||||||
if (offendingIds.size === 0) return 0;
|
|
||||||
|
|
||||||
await this.pageTransclusionReferencesRepo.deleteByIds(
|
|
||||||
Array.from(offendingIds),
|
|
||||||
trx,
|
|
||||||
);
|
|
||||||
return offendingIds.size;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Extract transclusions from each page's PM JSON and bulk-insert into
|
|
||||||
* `page_transclusions` in a single statement. Intended for brand-new pages
|
|
||||||
* (e.g. duplication, import) where there is nothing to diff against.
|
|
||||||
*/
|
|
||||||
async insertTransclusionsForPages(
|
|
||||||
pages: Array<{ id: string; content: unknown }>,
|
|
||||||
trx?: KyselyTransaction,
|
|
||||||
): Promise<{ inserted: number }> {
|
|
||||||
const rows: Parameters<PageTransclusionsRepo['insertMany']>[0] = [];
|
|
||||||
for (const page of pages) {
|
|
||||||
const snapshots = collectTransclusionsFromPmJson(page.content);
|
|
||||||
for (const s of snapshots) {
|
|
||||||
rows.push({
|
|
||||||
pageId: page.id,
|
|
||||||
transclusionId: s.transclusionId,
|
|
||||||
name: s.name,
|
|
||||||
content: s.content as any,
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
if (rows.length === 0) return { inserted: 0 };
|
|
||||||
await this.pageTransclusionsRepo.insertMany(rows, trx);
|
|
||||||
return { inserted: rows.length };
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Walk each page's PM JSON for `transclusionReference` nodes and bulk-insert
|
|
||||||
* one row per `(containing, source, target)` triple. For brand-new pages
|
|
||||||
* (duplication, import) where there is nothing to diff against.
|
|
||||||
*
|
|
||||||
* Cycle detection runs once per distinct seed source after the bulk insert;
|
|
||||||
* any closing edges are removed so lookups return `not_found` and the
|
|
||||||
* editor renders the cycle-aware placeholder.
|
|
||||||
*/
|
|
||||||
async insertReferencesForPages(
|
|
||||||
pages: Array<{ id: string; content: unknown }>,
|
|
||||||
trx?: KyselyTransaction,
|
|
||||||
): Promise<{ inserted: number }> {
|
|
||||||
const rows: Array<{
|
|
||||||
referencePageId: string;
|
|
||||||
containingTransclusionId: string | null;
|
|
||||||
sourcePageId: string;
|
|
||||||
transclusionId: string;
|
|
||||||
}> = [];
|
|
||||||
for (const page of pages) {
|
|
||||||
const refs = collectReferencesFromPmJson(page.content);
|
|
||||||
for (const r of refs) {
|
|
||||||
rows.push({
|
|
||||||
referencePageId: page.id,
|
|
||||||
containingTransclusionId: r.containingTransclusionId,
|
|
||||||
sourcePageId: r.sourcePageId,
|
|
||||||
transclusionId: r.transclusionId,
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
if (rows.length === 0) return { inserted: 0 };
|
|
||||||
await this.pageTransclusionReferencesRepo.insertMany(rows, trx);
|
|
||||||
|
|
||||||
const removedCount = await this.removeCyclicEdgesIntroducedBy(rows, trx);
|
|
||||||
return { inserted: rows.length - removedCount };
|
|
||||||
}
|
|
||||||
|
|
||||||
async lookup(
|
|
||||||
references: Array<{ sourcePageId: string; transclusionId: string }>,
|
|
||||||
viewerUserId: string | null,
|
|
||||||
): Promise<{ items: TransclusionLookup[] }> {
|
|
||||||
if (references.length === 0) return { items: [] };
|
|
||||||
|
|
||||||
const items: TransclusionLookup[] = new Array(references.length).fill(null);
|
|
||||||
const pendingIdx = references.map((_, i) => i);
|
|
||||||
|
|
||||||
// 1) permission filter on the candidate pageIds (auth users only;
|
|
||||||
// unauthenticated share viewers get no_access for any private page).
|
|
||||||
const candidatePageIds = Array.from(
|
|
||||||
new Set(pendingIdx.map((i) => references[i].sourcePageId)),
|
|
||||||
);
|
|
||||||
const accessibleSet = viewerUserId
|
|
||||||
? new Set(
|
|
||||||
await this.pagePermissionRepo.filterAccessiblePageIds({
|
|
||||||
pageIds: candidatePageIds,
|
|
||||||
userId: viewerUserId,
|
|
||||||
}),
|
|
||||||
)
|
|
||||||
: new Set<string>();
|
|
||||||
|
|
||||||
// 2) one DB hit for all (page_id, transclusion_id) keys still pending and accessible
|
|
||||||
const accessiblePending = pendingIdx.filter((i) =>
|
|
||||||
accessibleSet.has(references[i].sourcePageId),
|
|
||||||
);
|
|
||||||
const rows = await this.pageTransclusionsRepo.findManyByPageAndTransclusion(
|
|
||||||
accessiblePending.map((i) => ({
|
|
||||||
pageId: references[i].sourcePageId,
|
|
||||||
transclusionId: references[i].transclusionId,
|
|
||||||
})),
|
|
||||||
);
|
|
||||||
const rowKey = (r: { pageId: string; transclusionId: string }) =>
|
|
||||||
`${r.pageId}::${r.transclusionId}`;
|
|
||||||
const rowMap = new Map(rows.map((r) => [rowKey(r), r]));
|
|
||||||
|
|
||||||
// 3) pull updatedAt from each accessible page so we can return
|
|
||||||
// sourceUpdatedAt on each successful result.
|
|
||||||
const accessiblePageIds = Array.from(
|
|
||||||
new Set(accessiblePending.map((i) => references[i].sourcePageId)),
|
|
||||||
);
|
|
||||||
const pageMeta = new Map<string, Date>();
|
|
||||||
for (const pid of accessiblePageIds) {
|
|
||||||
const p = await this.pageRepo.findById(pid);
|
|
||||||
if (p && !p.deletedAt) pageMeta.set(p.id, p.updatedAt);
|
|
||||||
}
|
|
||||||
|
|
||||||
// 4) stitch the results
|
|
||||||
for (const i of pendingIdx) {
|
|
||||||
const ref = references[i];
|
|
||||||
if (!accessibleSet.has(ref.sourcePageId)) {
|
|
||||||
items[i] = {
|
|
||||||
sourcePageId: ref.sourcePageId,
|
|
||||||
transclusionId: ref.transclusionId,
|
|
||||||
status: 'no_access',
|
|
||||||
};
|
|
||||||
continue;
|
|
||||||
}
|
|
||||||
const updatedAt = pageMeta.get(ref.sourcePageId);
|
|
||||||
if (!updatedAt) {
|
|
||||||
items[i] = {
|
|
||||||
sourcePageId: ref.sourcePageId,
|
|
||||||
transclusionId: ref.transclusionId,
|
|
||||||
status: 'not_found',
|
|
||||||
};
|
|
||||||
continue;
|
|
||||||
}
|
|
||||||
|
|
||||||
const row = rowMap.get(`${ref.sourcePageId}::${ref.transclusionId}`);
|
|
||||||
if (!row) {
|
|
||||||
items[i] = {
|
|
||||||
sourcePageId: ref.sourcePageId,
|
|
||||||
transclusionId: ref.transclusionId,
|
|
||||||
status: 'not_found',
|
|
||||||
};
|
|
||||||
continue;
|
|
||||||
}
|
|
||||||
items[i] = {
|
|
||||||
sourcePageId: ref.sourcePageId,
|
|
||||||
transclusionId: ref.transclusionId,
|
|
||||||
content: row.content,
|
|
||||||
sourceUpdatedAt: updatedAt,
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
return { items };
|
|
||||||
}
|
|
||||||
|
|
||||||
async listReferences(opts: {
|
|
||||||
sourcePageId: string;
|
|
||||||
transclusionId: string;
|
|
||||||
viewerUserId: string;
|
|
||||||
}): Promise<{
|
|
||||||
source: ReferencingPageInfo | null;
|
|
||||||
references: ReferencingPageInfo[];
|
|
||||||
}> {
|
|
||||||
const { sourcePageId, transclusionId, viewerUserId } = opts;
|
|
||||||
|
|
||||||
const referencePageIds =
|
|
||||||
await this.pageTransclusionReferencesRepo.findReferencePageIdsByTransclusion(
|
|
||||||
sourcePageId,
|
|
||||||
transclusionId,
|
|
||||||
);
|
|
||||||
|
|
||||||
const candidatePageIds = Array.from(
|
|
||||||
new Set([sourcePageId, ...referencePageIds]),
|
|
||||||
);
|
|
||||||
const accessibleSet = new Set(
|
|
||||||
await this.pagePermissionRepo.filterAccessiblePageIds({
|
|
||||||
pageIds: candidatePageIds,
|
|
||||||
userId: viewerUserId,
|
|
||||||
}),
|
|
||||||
);
|
|
||||||
|
|
||||||
const accessibleIds = candidatePageIds.filter((id) =>
|
|
||||||
accessibleSet.has(id),
|
|
||||||
);
|
|
||||||
if (accessibleIds.length === 0) {
|
|
||||||
return { source: null, references: [] };
|
|
||||||
}
|
|
||||||
|
|
||||||
const rows = await Promise.all(
|
|
||||||
accessibleIds.map((id) =>
|
|
||||||
this.pageRepo.findById(id, { includeSpace: true }),
|
|
||||||
),
|
|
||||||
);
|
|
||||||
const byId = new Map<string, ReferencingPageInfo>();
|
|
||||||
for (const p of rows) {
|
|
||||||
if (!p || p.deletedAt) continue;
|
|
||||||
const space = (p as Page & { space?: { slug?: string } }).space;
|
|
||||||
byId.set(p.id, {
|
|
||||||
id: p.id,
|
|
||||||
slugId: p.slugId,
|
|
||||||
title: p.title ?? null,
|
|
||||||
icon: p.icon ?? null,
|
|
||||||
spaceId: p.spaceId,
|
|
||||||
spaceSlug: space?.slug ?? null,
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
const source = byId.get(sourcePageId) ?? null;
|
|
||||||
const references = referencePageIds
|
|
||||||
.map((id) => byId.get(id))
|
|
||||||
.filter((p): p is ReferencingPageInfo => Boolean(p));
|
|
||||||
|
|
||||||
return { source, references };
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Convert a `transclusionReference` into a self-contained copy on the
|
|
||||||
* reference page: load source content, generate fresh attachment ids, copy storage
|
|
||||||
* files, insert new attachment rows, return rewritten content. The caller
|
|
||||||
* (controller) returns the content blob to the client which then performs
|
|
||||||
* `editor.commands.insertContentAt(range, content)` to replace the
|
|
||||||
* reference node. The next Yjs save naturally cleans up the
|
|
||||||
* page_transclusion_references row, but we also delete it eagerly here so a
|
|
||||||
* crash between server response and client save doesn't leave a stale row.
|
|
||||||
*/
|
|
||||||
async unsyncReference(
|
|
||||||
referencePageId: string,
|
|
||||||
sourcePageId: string,
|
|
||||||
transclusionId: string,
|
|
||||||
viewerUserId: string,
|
|
||||||
): Promise<{ content: unknown }> {
|
|
||||||
const referencePage = await this.pageRepo.findById(referencePageId);
|
|
||||||
if (!referencePage || referencePage.deletedAt) {
|
|
||||||
throw new NotFoundException('Reference page not found');
|
|
||||||
}
|
|
||||||
|
|
||||||
const sourcePage = await this.pageRepo.findById(sourcePageId);
|
|
||||||
if (!sourcePage || sourcePage.deletedAt) {
|
|
||||||
throw new NotFoundException('Source page not found');
|
|
||||||
}
|
|
||||||
|
|
||||||
const accessible = new Set(
|
|
||||||
await this.pagePermissionRepo.filterAccessiblePageIds({
|
|
||||||
pageIds: [referencePageId, sourcePageId],
|
|
||||||
userId: viewerUserId,
|
|
||||||
}),
|
|
||||||
);
|
|
||||||
if (!accessible.has(referencePageId) || !accessible.has(sourcePageId)) {
|
|
||||||
throw new ForbiddenException();
|
|
||||||
}
|
|
||||||
|
|
||||||
const transclusion =
|
|
||||||
await this.pageTransclusionsRepo.findByPageAndTransclusion(
|
|
||||||
sourcePageId,
|
|
||||||
transclusionId,
|
|
||||||
);
|
|
||||||
if (!transclusion) {
|
|
||||||
throw new NotFoundException('Sync block not found');
|
|
||||||
}
|
|
||||||
|
|
||||||
const { content, copies } = rewriteAttachmentsForUnsync(
|
|
||||||
transclusion.content,
|
|
||||||
() => uuid7(),
|
|
||||||
);
|
|
||||||
|
|
||||||
if (copies.length > 0) {
|
|
||||||
const oldIds = copies.map((c) => c.oldAttachmentId);
|
|
||||||
const oldRows = await this.attachmentRepo.findBySpaceId(sourcePage.spaceId);
|
|
||||||
const byOldId = new Map(
|
|
||||||
oldRows
|
|
||||||
.filter(
|
|
||||||
(a) => oldIds.includes(a.id) && a.pageId === sourcePageId,
|
|
||||||
)
|
|
||||||
.map((a) => [a.id, a]),
|
|
||||||
);
|
|
||||||
|
|
||||||
for (const plan of copies) {
|
|
||||||
const old = byOldId.get(plan.oldAttachmentId);
|
|
||||||
if (!old) continue;
|
|
||||||
|
|
||||||
const newFilePath = old.filePath
|
|
||||||
.split(plan.oldAttachmentId)
|
|
||||||
.join(plan.newAttachmentId);
|
|
||||||
try {
|
|
||||||
await this.storageService.copy(old.filePath, newFilePath);
|
|
||||||
} catch (err) {
|
|
||||||
this.logger.error(
|
|
||||||
`unsync: failed to copy attachment ${old.id}`,
|
|
||||||
err as Error,
|
|
||||||
);
|
|
||||||
continue;
|
|
||||||
}
|
|
||||||
await this.attachmentRepo.insertAttachment({
|
|
||||||
id: plan.newAttachmentId,
|
|
||||||
type: old.type,
|
|
||||||
filePath: newFilePath,
|
|
||||||
fileName: old.fileName,
|
|
||||||
fileSize: old.fileSize,
|
|
||||||
mimeType: old.mimeType,
|
|
||||||
fileExt: old.fileExt,
|
|
||||||
creatorId: viewerUserId,
|
|
||||||
workspaceId: referencePage.workspaceId,
|
|
||||||
pageId: referencePageId,
|
|
||||||
spaceId: referencePage.spaceId,
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
await this.pageTransclusionReferencesRepo.deleteOne(
|
|
||||||
referencePageId,
|
|
||||||
sourcePageId,
|
|
||||||
transclusionId,
|
|
||||||
);
|
|
||||||
|
|
||||||
return { content };
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,15 +0,0 @@
|
|||||||
export type TransclusionLookup =
|
|
||||||
| {
|
|
||||||
sourcePageId: string;
|
|
||||||
transclusionId: string;
|
|
||||||
content: unknown;
|
|
||||||
sourceUpdatedAt: Date;
|
|
||||||
}
|
|
||||||
| { sourcePageId: string; transclusionId: string; status: 'not_found' }
|
|
||||||
| { sourcePageId: string; transclusionId: string; status: 'no_access' };
|
|
||||||
|
|
||||||
export type TransclusionNodeSnapshot = {
|
|
||||||
transclusionId: string;
|
|
||||||
name: string | null;
|
|
||||||
content: unknown;
|
|
||||||
};
|
|
||||||
@@ -1,111 +0,0 @@
|
|||||||
import { TransclusionNodeSnapshot } from '../transclusion.types';
|
|
||||||
|
|
||||||
const TRANSCLUSION_TYPE = 'transclusion';
|
|
||||||
const REFERENCE_TYPE = 'transclusionReference';
|
|
||||||
|
|
||||||
export type TransclusionReferenceSnapshot = {
|
|
||||||
/**
|
|
||||||
* Id of the `transclusion` (source) node whose content holds this reference,
|
|
||||||
* or `null` if the reference is loose on the page (not nested inside a source).
|
|
||||||
* Used by the cycle-detection CTE to walk source-to-source edges.
|
|
||||||
*/
|
|
||||||
containingTransclusionId: string | null;
|
|
||||||
sourcePageId: string;
|
|
||||||
transclusionId: string;
|
|
||||||
};
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Walks a ProseMirror JSON document and returns one snapshot per top-level
|
|
||||||
* `transclusion` node. Does not recurse into transclusions (schema disallows
|
|
||||||
* nesting). Skips transclusion nodes without an id (transient state). When
|
|
||||||
* duplicate ids are encountered, the later occurrence wins so the result is
|
|
||||||
* deterministic.
|
|
||||||
*/
|
|
||||||
export function collectTransclusionsFromPmJson(
|
|
||||||
doc: unknown,
|
|
||||||
): TransclusionNodeSnapshot[] {
|
|
||||||
if (!doc || typeof doc !== 'object') return [];
|
|
||||||
|
|
||||||
const byId = new Map<string, TransclusionNodeSnapshot>();
|
|
||||||
|
|
||||||
const visit = (node: any): void => {
|
|
||||||
if (!node || typeof node !== 'object') return;
|
|
||||||
|
|
||||||
if (node.type === TRANSCLUSION_TYPE) {
|
|
||||||
const id = node.attrs?.id;
|
|
||||||
if (typeof id === 'string' && id.length > 0) {
|
|
||||||
const name =
|
|
||||||
typeof node.attrs?.name === 'string' && node.attrs.name.length > 0
|
|
||||||
? node.attrs.name
|
|
||||||
: null;
|
|
||||||
byId.set(id, {
|
|
||||||
transclusionId: id,
|
|
||||||
name,
|
|
||||||
content: { type: 'doc', content: node.content ?? [] },
|
|
||||||
});
|
|
||||||
}
|
|
||||||
return; // do not recurse into transclusion children
|
|
||||||
}
|
|
||||||
|
|
||||||
if (Array.isArray(node.content)) {
|
|
||||||
for (const child of node.content) visit(child);
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
visit(doc);
|
|
||||||
return Array.from(byId.values());
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Walks a ProseMirror JSON document and returns one snapshot per unique
|
|
||||||
* `(containingTransclusionId, sourcePageId, transclusionId)` triple found on
|
|
||||||
* `transclusionReference` nodes. Recurses into every container, including
|
|
||||||
* `transclusion` (a source node may contain a reference to another source).
|
|
||||||
* Order preserved by first-seen.
|
|
||||||
*/
|
|
||||||
export function collectReferencesFromPmJson(
|
|
||||||
doc: unknown,
|
|
||||||
): TransclusionReferenceSnapshot[] {
|
|
||||||
if (!doc || typeof doc !== 'object') return [];
|
|
||||||
|
|
||||||
const seen = new Set<string>();
|
|
||||||
const out: TransclusionReferenceSnapshot[] = [];
|
|
||||||
|
|
||||||
const visit = (node: any, containingTransclusionId: string | null): void => {
|
|
||||||
if (!node || typeof node !== 'object') return;
|
|
||||||
|
|
||||||
if (node.type === REFERENCE_TYPE) {
|
|
||||||
const sourcePageId = node.attrs?.sourcePageId;
|
|
||||||
const transclusionId = node.attrs?.transclusionId;
|
|
||||||
if (
|
|
||||||
typeof sourcePageId === 'string' &&
|
|
||||||
sourcePageId.length > 0 &&
|
|
||||||
typeof transclusionId === 'string' &&
|
|
||||||
transclusionId.length > 0
|
|
||||||
) {
|
|
||||||
const key = `${containingTransclusionId ?? ''}::${sourcePageId}::${transclusionId}`;
|
|
||||||
if (!seen.has(key)) {
|
|
||||||
seen.add(key);
|
|
||||||
out.push({
|
|
||||||
containingTransclusionId,
|
|
||||||
sourcePageId,
|
|
||||||
transclusionId,
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return; // atom node - no children
|
|
||||||
}
|
|
||||||
|
|
||||||
const nextContainer =
|
|
||||||
node.type === TRANSCLUSION_TYPE && typeof node.attrs?.id === 'string'
|
|
||||||
? node.attrs.id
|
|
||||||
: containingTransclusionId;
|
|
||||||
|
|
||||||
if (Array.isArray(node.content)) {
|
|
||||||
for (const child of node.content) visit(child, nextContainer);
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
visit(doc, null);
|
|
||||||
return out;
|
|
||||||
}
|
|
||||||
@@ -1,65 +0,0 @@
|
|||||||
import { isAttachmentNode } from '../../../../common/helpers/prosemirror/utils';
|
|
||||||
|
|
||||||
export type AttachmentRewritePlan = {
|
|
||||||
oldAttachmentId: string;
|
|
||||||
newAttachmentId: string;
|
|
||||||
};
|
|
||||||
|
|
||||||
export type RewriteResult = {
|
|
||||||
content: unknown;
|
|
||||||
copies: AttachmentRewritePlan[];
|
|
||||||
};
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Walk a ProseMirror JSON tree, rewrite every attachment-like node so its
|
|
||||||
* `attachmentId` (and any `src` substring matching that id) point at a fresh
|
|
||||||
* id. Each unique old id maps to exactly one new id; the caller is responsible
|
|
||||||
* for actually copying the underlying storage file.
|
|
||||||
*
|
|
||||||
* Pure: does not mutate the input. Returns a deep clone.
|
|
||||||
*/
|
|
||||||
export function rewriteAttachmentsForUnsync(
|
|
||||||
content: unknown,
|
|
||||||
generateId: () => string,
|
|
||||||
): RewriteResult {
|
|
||||||
const cloned = content ? JSON.parse(JSON.stringify(content)) : content;
|
|
||||||
const idMap = new Map<string, string>();
|
|
||||||
|
|
||||||
const visit = (node: any): void => {
|
|
||||||
if (!node || typeof node !== 'object') return;
|
|
||||||
|
|
||||||
if (
|
|
||||||
typeof node.type === 'string' &&
|
|
||||||
isAttachmentNode(node.type) &&
|
|
||||||
node.attrs
|
|
||||||
) {
|
|
||||||
const oldId = node.attrs.attachmentId;
|
|
||||||
if (typeof oldId === 'string' && oldId.length > 0) {
|
|
||||||
let newId = idMap.get(oldId);
|
|
||||||
if (!newId) {
|
|
||||||
newId = generateId();
|
|
||||||
idMap.set(oldId, newId);
|
|
||||||
}
|
|
||||||
node.attrs.attachmentId = newId;
|
|
||||||
if (typeof node.attrs.src === 'string' && node.attrs.src.includes(oldId)) {
|
|
||||||
node.attrs.src = node.attrs.src.split(oldId).join(newId);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
if (Array.isArray(node.content)) {
|
|
||||||
for (const child of node.content) visit(child);
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
visit(cloned);
|
|
||||||
|
|
||||||
const copies: AttachmentRewritePlan[] = Array.from(idMap.entries()).map(
|
|
||||||
([oldAttachmentId, newAttachmentId]) => ({
|
|
||||||
oldAttachmentId,
|
|
||||||
newAttachmentId,
|
|
||||||
}),
|
|
||||||
);
|
|
||||||
|
|
||||||
return { content: cloned, copies };
|
|
||||||
}
|
|
||||||
@@ -13,6 +13,10 @@ import { CreateUserDto } from '../../auth/dto/create-user.dto';
|
|||||||
export class UpdateUserDto extends PartialType(
|
export class UpdateUserDto extends PartialType(
|
||||||
OmitType(CreateUserDto, ['password'] as const),
|
OmitType(CreateUserDto, ['password'] as const),
|
||||||
) {
|
) {
|
||||||
|
@IsOptional()
|
||||||
|
@IsString()
|
||||||
|
avatarUrl: string;
|
||||||
|
|
||||||
@IsOptional()
|
@IsOptional()
|
||||||
@IsBoolean()
|
@IsBoolean()
|
||||||
fullPageWidth: boolean;
|
fullPageWidth: boolean;
|
||||||
|
|||||||
@@ -110,6 +110,10 @@ export class UserService {
|
|||||||
user.email = updateUserDto.email;
|
user.email = updateUserDto.email;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
if (updateUserDto.avatarUrl) {
|
||||||
|
user.avatarUrl = updateUserDto.avatarUrl;
|
||||||
|
}
|
||||||
|
|
||||||
if (updateUserDto.locale) {
|
if (updateUserDto.locale) {
|
||||||
user.locale = updateUserDto.locale;
|
user.locale = updateUserDto.locale;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -5,10 +5,15 @@ import {
|
|||||||
IsBoolean,
|
IsBoolean,
|
||||||
IsInt,
|
IsInt,
|
||||||
IsOptional,
|
IsOptional,
|
||||||
|
IsString,
|
||||||
Min,
|
Min,
|
||||||
} from 'class-validator';
|
} from 'class-validator';
|
||||||
|
|
||||||
export class UpdateWorkspaceDto extends PartialType(CreateWorkspaceDto) {
|
export class UpdateWorkspaceDto extends PartialType(CreateWorkspaceDto) {
|
||||||
|
@IsOptional()
|
||||||
|
@IsString()
|
||||||
|
logo: string;
|
||||||
|
|
||||||
@IsOptional()
|
@IsOptional()
|
||||||
@IsArray()
|
@IsArray()
|
||||||
emailDomains: string[];
|
emailDomains: string[];
|
||||||
@@ -41,10 +46,6 @@ export class UpdateWorkspaceDto extends PartialType(CreateWorkspaceDto) {
|
|||||||
@IsBoolean()
|
@IsBoolean()
|
||||||
mcpEnabled: boolean;
|
mcpEnabled: boolean;
|
||||||
|
|
||||||
@IsOptional()
|
|
||||||
@IsBoolean()
|
|
||||||
isScimEnabled: boolean;
|
|
||||||
|
|
||||||
@IsOptional()
|
@IsOptional()
|
||||||
@IsBoolean()
|
@IsBoolean()
|
||||||
aiChat: boolean;
|
aiChat: boolean;
|
||||||
|
|||||||
@@ -331,8 +331,7 @@ export class WorkspaceService {
|
|||||||
typeof updateWorkspaceDto.trashRetentionDays !== 'undefined' ||
|
typeof updateWorkspaceDto.trashRetentionDays !== 'undefined' ||
|
||||||
typeof updateWorkspaceDto.mcpEnabled !== 'undefined' ||
|
typeof updateWorkspaceDto.mcpEnabled !== 'undefined' ||
|
||||||
typeof updateWorkspaceDto.restrictApiToAdmins !== 'undefined' ||
|
typeof updateWorkspaceDto.restrictApiToAdmins !== 'undefined' ||
|
||||||
typeof updateWorkspaceDto.allowMemberTemplates !== 'undefined' ||
|
typeof updateWorkspaceDto.allowMemberTemplates !== 'undefined'
|
||||||
typeof updateWorkspaceDto.isScimEnabled !== 'undefined'
|
|
||||||
) {
|
) {
|
||||||
const ws = await this.db
|
const ws = await this.db
|
||||||
.selectFrom('workspaces')
|
.selectFrom('workspaces')
|
||||||
@@ -352,14 +351,6 @@ export class WorkspaceService {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
if (typeof updateWorkspaceDto.isScimEnabled !== 'undefined') {
|
|
||||||
if (!this.licenseCheckService.hasFeature(ws.licenseKey, Feature.SCIM, ws.plan)) {
|
|
||||||
throw new ForbiddenException(
|
|
||||||
'This feature requires a valid license',
|
|
||||||
);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
if (
|
if (
|
||||||
typeof updateWorkspaceDto.disablePublicSharing !== 'undefined' ||
|
typeof updateWorkspaceDto.disablePublicSharing !== 'undefined' ||
|
||||||
typeof updateWorkspaceDto.trashRetentionDays !== 'undefined' ||
|
typeof updateWorkspaceDto.trashRetentionDays !== 'undefined' ||
|
||||||
@@ -544,7 +535,6 @@ export class WorkspaceService {
|
|||||||
'enforceSso',
|
'enforceSso',
|
||||||
'enforceMfa',
|
'enforceMfa',
|
||||||
'emailDomains',
|
'emailDomains',
|
||||||
'isScimEnabled',
|
|
||||||
],
|
],
|
||||||
updateWorkspaceDto,
|
updateWorkspaceDto,
|
||||||
workspaceBefore,
|
workspaceBefore,
|
||||||
|
|||||||
@@ -11,8 +11,6 @@ import { SpaceMemberRepo } from '@docmost/db/repos/space/space-member.repo';
|
|||||||
import { PageRepo } from './repos/page/page.repo';
|
import { PageRepo } from './repos/page/page.repo';
|
||||||
import { PagePermissionRepo } from './repos/page/page-permission.repo';
|
import { PagePermissionRepo } from './repos/page/page-permission.repo';
|
||||||
import { CommentRepo } from './repos/comment/comment.repo';
|
import { CommentRepo } from './repos/comment/comment.repo';
|
||||||
import { PageTransclusionsRepo } from './repos/page-transclusions/page-transclusions.repo';
|
|
||||||
import { PageTransclusionReferencesRepo } from './repos/page-transclusion-references/page-transclusion-references.repo';
|
|
||||||
import { PageHistoryRepo } from './repos/page/page-history.repo';
|
import { PageHistoryRepo } from './repos/page/page-history.repo';
|
||||||
import { AttachmentRepo } from './repos/attachment/attachment.repo';
|
import { AttachmentRepo } from './repos/attachment/attachment.repo';
|
||||||
import { KyselyDB } from '@docmost/db/types/kysely.types';
|
import { KyselyDB } from '@docmost/db/types/kysely.types';
|
||||||
@@ -77,8 +75,6 @@ import { normalizePostgresUrl } from '../common/helpers';
|
|||||||
SpaceMemberRepo,
|
SpaceMemberRepo,
|
||||||
PageRepo,
|
PageRepo,
|
||||||
PagePermissionRepo,
|
PagePermissionRepo,
|
||||||
PageTransclusionsRepo,
|
|
||||||
PageTransclusionReferencesRepo,
|
|
||||||
PageHistoryRepo,
|
PageHistoryRepo,
|
||||||
CommentRepo,
|
CommentRepo,
|
||||||
FavoriteRepo,
|
FavoriteRepo,
|
||||||
@@ -101,8 +97,6 @@ import { normalizePostgresUrl } from '../common/helpers';
|
|||||||
SpaceMemberRepo,
|
SpaceMemberRepo,
|
||||||
PageRepo,
|
PageRepo,
|
||||||
PagePermissionRepo,
|
PagePermissionRepo,
|
||||||
PageTransclusionsRepo,
|
|
||||||
PageTransclusionReferencesRepo,
|
|
||||||
PageHistoryRepo,
|
PageHistoryRepo,
|
||||||
CommentRepo,
|
CommentRepo,
|
||||||
FavoriteRepo,
|
FavoriteRepo,
|
||||||
|
|||||||
@@ -1,110 +0,0 @@
|
|||||||
import { Kysely, sql } from 'kysely';
|
|
||||||
|
|
||||||
export async function up(db: Kysely<any>): Promise<void> {
|
|
||||||
await db.schema
|
|
||||||
.createTable('scim_tokens')
|
|
||||||
.addColumn('id', 'uuid', (col) =>
|
|
||||||
col.primaryKey().defaultTo(sql`gen_uuid_v7()`),
|
|
||||||
)
|
|
||||||
.addColumn('name', 'varchar', (col) => col.notNull())
|
|
||||||
.addColumn('token_hash', 'varchar', (col) => col.notNull())
|
|
||||||
.addColumn('token_last_four', 'varchar(4)', (col) => col.notNull())
|
|
||||||
.addColumn('last_used_at', 'timestamptz')
|
|
||||||
.addColumn('is_enabled', 'boolean', (col) => col.notNull().defaultTo(true))
|
|
||||||
.addColumn('creator_id', 'uuid', (col) =>
|
|
||||||
col.references('users.id').onDelete('set null'),
|
|
||||||
)
|
|
||||||
.addColumn('workspace_id', 'uuid', (col) =>
|
|
||||||
col.references('workspaces.id').onDelete('cascade').notNull(),
|
|
||||||
)
|
|
||||||
.addColumn('created_at', 'timestamptz', (col) =>
|
|
||||||
col.notNull().defaultTo(sql`now()`),
|
|
||||||
)
|
|
||||||
.addColumn('updated_at', 'timestamptz', (col) =>
|
|
||||||
col.notNull().defaultTo(sql`now()`),
|
|
||||||
)
|
|
||||||
.addColumn('deleted_at', 'timestamptz')
|
|
||||||
.execute();
|
|
||||||
|
|
||||||
await db.schema
|
|
||||||
.createIndex('idx_scim_tokens_token_hash')
|
|
||||||
.ifNotExists()
|
|
||||||
.on('scim_tokens')
|
|
||||||
.column('token_hash')
|
|
||||||
.execute();
|
|
||||||
|
|
||||||
await db.schema
|
|
||||||
.createIndex('idx_scim_tokens_workspace_id')
|
|
||||||
.ifNotExists()
|
|
||||||
.on('scim_tokens')
|
|
||||||
.column('workspace_id')
|
|
||||||
.execute();
|
|
||||||
|
|
||||||
await db.schema
|
|
||||||
.alterTable('users')
|
|
||||||
.addColumn('scim_external_id', 'text')
|
|
||||||
.execute();
|
|
||||||
|
|
||||||
await db.schema
|
|
||||||
.createIndex('idx_users_workspace_scim_external_id')
|
|
||||||
.ifNotExists()
|
|
||||||
.on('users')
|
|
||||||
.columns(['workspace_id', 'scim_external_id'])
|
|
||||||
.where('scim_external_id', 'is not', null)
|
|
||||||
.unique()
|
|
||||||
.execute();
|
|
||||||
|
|
||||||
await db.schema
|
|
||||||
.alterTable('groups')
|
|
||||||
.addColumn('scim_external_id', 'text')
|
|
||||||
.execute();
|
|
||||||
|
|
||||||
await db.schema
|
|
||||||
.createIndex('idx_groups_workspace_scim_external_id')
|
|
||||||
.ifNotExists()
|
|
||||||
.on('groups')
|
|
||||||
.columns(['workspace_id', 'scim_external_id'])
|
|
||||||
.where('scim_external_id', 'is not', null)
|
|
||||||
.unique()
|
|
||||||
.execute();
|
|
||||||
|
|
||||||
await db.schema
|
|
||||||
.alterTable('groups')
|
|
||||||
.addColumn('is_external', 'boolean', (col) =>
|
|
||||||
col.notNull().defaultTo(false),
|
|
||||||
)
|
|
||||||
.execute();
|
|
||||||
|
|
||||||
// Backfill: mark all non-default groups as external in workspaces with SSO group sync enabled
|
|
||||||
await sql`
|
|
||||||
UPDATE groups SET is_external = true
|
|
||||||
WHERE is_default = false
|
|
||||||
AND workspace_id IN (
|
|
||||||
SELECT workspace_id FROM auth_providers WHERE group_sync = true
|
|
||||||
)
|
|
||||||
`.execute(db);
|
|
||||||
|
|
||||||
await db.schema
|
|
||||||
.alterTable('workspaces')
|
|
||||||
.addColumn('is_scim_enabled', 'boolean', (col) =>
|
|
||||||
col.notNull().defaultTo(false),
|
|
||||||
)
|
|
||||||
.execute();
|
|
||||||
}
|
|
||||||
|
|
||||||
export async function down(db: Kysely<any>): Promise<void> {
|
|
||||||
await db.schema.dropTable('scim_tokens').execute();
|
|
||||||
|
|
||||||
await db.schema.dropIndex('idx_users_workspace_scim_external_id').execute();
|
|
||||||
await db.schema.alterTable('users').dropColumn('scim_external_id').execute();
|
|
||||||
|
|
||||||
await db.schema.dropIndex('idx_groups_workspace_scim_external_id').execute();
|
|
||||||
await db.schema.alterTable('groups').dropColumn('scim_external_id').execute();
|
|
||||||
|
|
||||||
await db.schema.alterTable('groups').dropColumn('is_external').execute();
|
|
||||||
|
|
||||||
await db.schema
|
|
||||||
.alterTable('workspaces')
|
|
||||||
.dropColumn('is_scim_enabled')
|
|
||||||
.execute();
|
|
||||||
}
|
|
||||||
@@ -1,79 +0,0 @@
|
|||||||
import { type Kysely, sql } from 'kysely';
|
|
||||||
|
|
||||||
export async function up(db: Kysely<any>): Promise<void> {
|
|
||||||
await db.schema
|
|
||||||
.createTable('page_transclusions')
|
|
||||||
.addColumn('id', 'uuid', (col) =>
|
|
||||||
col.primaryKey().defaultTo(sql`gen_uuid_v7()`),
|
|
||||||
)
|
|
||||||
.addColumn('page_id', 'uuid', (col) =>
|
|
||||||
col.notNull().references('pages.id').onDelete('cascade'),
|
|
||||||
)
|
|
||||||
.addColumn('transclusion_id', 'varchar', (col) => col.notNull())
|
|
||||||
.addColumn('name', 'text')
|
|
||||||
.addColumn('content', 'jsonb', (col) => col.notNull())
|
|
||||||
.addColumn('created_at', 'timestamptz', (col) =>
|
|
||||||
col.notNull().defaultTo(sql`now()`),
|
|
||||||
)
|
|
||||||
.addColumn('updated_at', 'timestamptz', (col) =>
|
|
||||||
col.notNull().defaultTo(sql`now()`),
|
|
||||||
)
|
|
||||||
.addUniqueConstraint('page_transclusions_page_transclusion_unique', [
|
|
||||||
'page_id',
|
|
||||||
'transclusion_id',
|
|
||||||
])
|
|
||||||
.execute();
|
|
||||||
|
|
||||||
await db.schema
|
|
||||||
.createIndex('idx_page_transclusions_page_id')
|
|
||||||
.on('page_transclusions')
|
|
||||||
.column('page_id')
|
|
||||||
.execute();
|
|
||||||
|
|
||||||
await db.schema
|
|
||||||
.createTable('page_transclusion_references')
|
|
||||||
.addColumn('id', 'uuid', (col) =>
|
|
||||||
col.primaryKey().defaultTo(sql`gen_uuid_v7()`),
|
|
||||||
)
|
|
||||||
.addColumn('reference_page_id', 'uuid', (col) =>
|
|
||||||
col.notNull().references('pages.id').onDelete('cascade'),
|
|
||||||
)
|
|
||||||
.addColumn('containing_transclusion_id', 'varchar')
|
|
||||||
.addColumn('source_page_id', 'uuid', (col) =>
|
|
||||||
col.notNull().references('pages.id').onDelete('cascade'),
|
|
||||||
)
|
|
||||||
.addColumn('transclusion_id', 'varchar', (col) => col.notNull())
|
|
||||||
.addColumn('created_at', 'timestamptz', (col) =>
|
|
||||||
col.notNull().defaultTo(sql`now()`),
|
|
||||||
)
|
|
||||||
.addUniqueConstraint('page_transclusion_references_unique', [
|
|
||||||
'reference_page_id',
|
|
||||||
'containing_transclusion_id',
|
|
||||||
'source_page_id',
|
|
||||||
'transclusion_id',
|
|
||||||
])
|
|
||||||
.execute();
|
|
||||||
|
|
||||||
await db.schema
|
|
||||||
.createIndex('idx_page_transclusion_references_reference_page_id')
|
|
||||||
.on('page_transclusion_references')
|
|
||||||
.column('reference_page_id')
|
|
||||||
.execute();
|
|
||||||
|
|
||||||
await db.schema
|
|
||||||
.createIndex('idx_page_transclusion_references_source')
|
|
||||||
.on('page_transclusion_references')
|
|
||||||
.columns(['source_page_id', 'transclusion_id'])
|
|
||||||
.execute();
|
|
||||||
|
|
||||||
await db.schema
|
|
||||||
.createIndex('idx_page_transclusion_references_container')
|
|
||||||
.on('page_transclusion_references')
|
|
||||||
.columns(['reference_page_id', 'containing_transclusion_id'])
|
|
||||||
.execute();
|
|
||||||
}
|
|
||||||
|
|
||||||
export async function down(db: Kysely<any>): Promise<void> {
|
|
||||||
await db.schema.dropTable('page_transclusion_references').execute();
|
|
||||||
await db.schema.dropTable('page_transclusions').execute();
|
|
||||||
}
|
|
||||||
@@ -9,7 +9,7 @@ import {
|
|||||||
} from '@docmost/db/types/entity.types';
|
} from '@docmost/db/types/entity.types';
|
||||||
import { ExpressionBuilder, sql } from 'kysely';
|
import { ExpressionBuilder, sql } from 'kysely';
|
||||||
import { PaginationOptions } from '../../pagination/pagination-options';
|
import { PaginationOptions } from '../../pagination/pagination-options';
|
||||||
import { DB, Groups } from '@docmost/db/types/db';
|
import { DB } from '@docmost/db/types/db';
|
||||||
import { DefaultGroup } from '../../../core/group/dto/create-group.dto';
|
import { DefaultGroup } from '../../../core/group/dto/create-group.dto';
|
||||||
import { executeWithCursorPagination } from '@docmost/db/pagination/cursor-pagination';
|
import { executeWithCursorPagination } from '@docmost/db/pagination/cursor-pagination';
|
||||||
|
|
||||||
@@ -17,34 +17,16 @@ import { executeWithCursorPagination } from '@docmost/db/pagination/cursor-pagin
|
|||||||
export class GroupRepo {
|
export class GroupRepo {
|
||||||
constructor(@InjectKysely() private readonly db: KyselyDB) {}
|
constructor(@InjectKysely() private readonly db: KyselyDB) {}
|
||||||
|
|
||||||
private baseFields: Array<keyof Groups> = [
|
|
||||||
'id',
|
|
||||||
'name',
|
|
||||||
'description',
|
|
||||||
'isDefault',
|
|
||||||
'isExternal',
|
|
||||||
'creatorId',
|
|
||||||
'workspaceId',
|
|
||||||
'createdAt',
|
|
||||||
'updatedAt',
|
|
||||||
'deletedAt',
|
|
||||||
];
|
|
||||||
|
|
||||||
async findById(
|
async findById(
|
||||||
groupId: string,
|
groupId: string,
|
||||||
workspaceId: string,
|
workspaceId: string,
|
||||||
opts?: {
|
opts?: { includeMemberCount?: boolean; trx?: KyselyTransaction },
|
||||||
includeMemberCount?: boolean;
|
|
||||||
includeScimExternalId?: boolean;
|
|
||||||
trx?: KyselyTransaction;
|
|
||||||
},
|
|
||||||
): Promise<Group> {
|
): Promise<Group> {
|
||||||
const db = dbOrTx(this.db, opts?.trx);
|
const db = dbOrTx(this.db, opts?.trx);
|
||||||
return db
|
return db
|
||||||
.selectFrom('groups')
|
.selectFrom('groups')
|
||||||
.select(this.baseFields)
|
.selectAll('groups')
|
||||||
.$if(opts?.includeMemberCount, (qb) => qb.select(this.withMemberCount))
|
.$if(opts?.includeMemberCount, (qb) => qb.select(this.withMemberCount))
|
||||||
.$if(opts?.includeScimExternalId, (qb) => qb.select('scimExternalId'))
|
|
||||||
.where('id', '=', groupId)
|
.where('id', '=', groupId)
|
||||||
.where('workspaceId', '=', workspaceId)
|
.where('workspaceId', '=', workspaceId)
|
||||||
.executeTakeFirst();
|
.executeTakeFirst();
|
||||||
@@ -53,18 +35,13 @@ export class GroupRepo {
|
|||||||
async findByName(
|
async findByName(
|
||||||
groupName: string,
|
groupName: string,
|
||||||
workspaceId: string,
|
workspaceId: string,
|
||||||
opts?: {
|
opts?: { includeMemberCount?: boolean; trx?: KyselyTransaction },
|
||||||
includeMemberCount?: boolean;
|
|
||||||
includeScimExternalId?: boolean;
|
|
||||||
trx?: KyselyTransaction;
|
|
||||||
},
|
|
||||||
): Promise<Group> {
|
): Promise<Group> {
|
||||||
const db = dbOrTx(this.db, opts?.trx);
|
const db = dbOrTx(this.db, opts?.trx);
|
||||||
return db
|
return db
|
||||||
.selectFrom('groups')
|
.selectFrom('groups')
|
||||||
.select(this.baseFields)
|
.selectAll('groups')
|
||||||
.$if(opts?.includeMemberCount, (qb) => qb.select(this.withMemberCount))
|
.$if(opts?.includeMemberCount, (qb) => qb.select(this.withMemberCount))
|
||||||
.$if(opts?.includeScimExternalId, (qb) => qb.select('scimExternalId'))
|
|
||||||
.where(sql`LOWER(name)`, '=', sql`LOWER(${groupName})`)
|
.where(sql`LOWER(name)`, '=', sql`LOWER(${groupName})`)
|
||||||
.where('workspaceId', '=', workspaceId)
|
.where('workspaceId', '=', workspaceId)
|
||||||
.executeTakeFirst();
|
.executeTakeFirst();
|
||||||
@@ -74,11 +51,8 @@ export class GroupRepo {
|
|||||||
updatableGroup: UpdatableGroup,
|
updatableGroup: UpdatableGroup,
|
||||||
groupId: string,
|
groupId: string,
|
||||||
workspaceId: string,
|
workspaceId: string,
|
||||||
trx?: KyselyTransaction,
|
|
||||||
): Promise<void> {
|
): Promise<void> {
|
||||||
const db = dbOrTx(this.db, trx);
|
await this.db
|
||||||
|
|
||||||
await db
|
|
||||||
.updateTable('groups')
|
.updateTable('groups')
|
||||||
.set({ ...updatableGroup, updatedAt: new Date() })
|
.set({ ...updatableGroup, updatedAt: new Date() })
|
||||||
.where('id', '=', groupId)
|
.where('id', '=', groupId)
|
||||||
@@ -94,7 +68,7 @@ export class GroupRepo {
|
|||||||
return db
|
return db
|
||||||
.insertInto('groups')
|
.insertInto('groups')
|
||||||
.values(insertableGroup)
|
.values(insertableGroup)
|
||||||
.returning(this.baseFields)
|
.returningAll()
|
||||||
.executeTakeFirst();
|
.executeTakeFirst();
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -106,7 +80,7 @@ export class GroupRepo {
|
|||||||
return (
|
return (
|
||||||
db
|
db
|
||||||
.selectFrom('groups')
|
.selectFrom('groups')
|
||||||
.select(this.baseFields)
|
.selectAll()
|
||||||
// .select((eb) => this.withMemberCount(eb))
|
// .select((eb) => this.withMemberCount(eb))
|
||||||
.where('isDefault', '=', true)
|
.where('isDefault', '=', true)
|
||||||
.where('workspaceId', '=', workspaceId)
|
.where('workspaceId', '=', workspaceId)
|
||||||
@@ -132,7 +106,7 @@ export class GroupRepo {
|
|||||||
async getGroupsPaginated(workspaceId: string, pagination: PaginationOptions) {
|
async getGroupsPaginated(workspaceId: string, pagination: PaginationOptions) {
|
||||||
let baseQuery = this.db
|
let baseQuery = this.db
|
||||||
.selectFrom('groups')
|
.selectFrom('groups')
|
||||||
.select(this.baseFields)
|
.selectAll('groups')
|
||||||
.select((eb) => this.withMemberCount(eb))
|
.select((eb) => this.withMemberCount(eb))
|
||||||
.where('workspaceId', '=', workspaceId);
|
.where('workspaceId', '=', workspaceId);
|
||||||
|
|
||||||
|
|||||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user