From 38917daaf03d81a7a4f0beeb62378b06ef20d49c Mon Sep 17 00:00:00 2001
From: nichenqin <nichenqin@hotmail.com>
Date: Tue, 22 Oct 2024 11:44:38 +0800
Subject: [PATCH] feat: share dashboard

---
 apps/frontend/schema.graphql                  |  2 ++
 .../dashboard-widget-share-table.gql          | 32 +++++++++++++++++
 .../blocks/dashboard/dashboard-widget.svelte  | 15 +++++---
 .../blocks/dashboard/dashboard-widgets.svelte | 10 +++++-
 .../components/blocks/widget/widget.svelte    |  8 +++--
 .../dashboards/[dashboardId]/+page.svelte     |  7 ++--
 .../(share)/s/[d]/[shareId]/+layout.gql       | 24 +++++++++++++
 .../(share)/s/[d]/[shareId]/+layout.svelte    | 35 +++++++++++++++++++
 .../routes/(share)/s/[d]/[shareId]/+layout.ts | 23 ++++++++++++
 .../(share)/s/[d]/[shareId]/+page.svelte      | 22 ++++++++++++
 packages/graphql/src/index.ts                 | 15 ++++++++
 .../src/get-dashboard-by-share.query.ts       | 18 ++++++++++
 .../src/get-table-by-share-dashboard.query.ts | 22 ++++++++++++
 packages/queries/src/index.ts                 |  2 ++
 .../get-dashboard-by-share.query-handler.ts   | 33 +++++++++++++++++
 ... get-table-by-share-base.query-handler.ts} |  0
 ...-table-by-share-dashboard.query-handler.ts | 33 +++++++++++++++++
 packages/query-handlers/src/handlers/index.ts |  6 +++-
 packages/share/src/services/share.service.ts  | 33 ++++++++++++++---
 19 files changed, 323 insertions(+), 17 deletions(-)
 create mode 100644 apps/frontend/src/lib/components/blocks/dashboard/dashboard-widget-share-table.gql
 create mode 100644 apps/frontend/src/routes/(share)/s/[d]/[shareId]/+layout.gql
 create mode 100644 apps/frontend/src/routes/(share)/s/[d]/[shareId]/+layout.svelte
 create mode 100644 apps/frontend/src/routes/(share)/s/[d]/[shareId]/+layout.ts
 create mode 100644 apps/frontend/src/routes/(share)/s/[d]/[shareId]/+page.svelte
 create mode 100644 packages/queries/src/get-dashboard-by-share.query.ts
 create mode 100644 packages/queries/src/get-table-by-share-dashboard.query.ts
 create mode 100644 packages/query-handlers/src/handlers/get-dashboard-by-share.query-handler.ts
 rename packages/query-handlers/src/handlers/{get-table-by-share-table.query-handler.ts => get-table-by-share-base.query-handler.ts} (100%)
 create mode 100644 packages/query-handlers/src/handlers/get-table-by-share-dashboard.query-handler.ts

diff --git a/apps/frontend/schema.graphql b/apps/frontend/schema.graphql
index 4c7786715..ab3d90d04 100644
--- a/apps/frontend/schema.graphql
+++ b/apps/frontend/schema.graphql
@@ -135,6 +135,7 @@ type Query {
   baseByShare(shareId: ID!): Base
   bases: [Base]
   dashboard(id: ID!): Dashboard
+  dashboardByShare(shareId: ID!): Dashboard
   dashboards(baseId: ID): [Dashboard]!
   invitations(status: InvitationStatus): [Invitation!]!
   member: SpaceMember
@@ -150,6 +151,7 @@ type Query {
   table(id: ID!): Table
   tableByShare(shareId: ID!): Table
   tableByShareBase(shareId: ID!, tableId: ID!): Table
+  tableByShareDashboard(shareId: ID!, tableId: ID!): Table
   tableForeignTables(tableId: ID!): [Table!]!
   tables(baseId: ID): [Table]!
   template(shareId: ID!): Template
diff --git a/apps/frontend/src/lib/components/blocks/dashboard/dashboard-widget-share-table.gql b/apps/frontend/src/lib/components/blocks/dashboard/dashboard-widget-share-table.gql
new file mode 100644
index 000000000..ea6ec5d33
--- /dev/null
+++ b/apps/frontend/src/lib/components/blocks/dashboard/dashboard-widget-share-table.gql
@@ -0,0 +1,32 @@
+query GetDashboardWidgetShareTable($shareId: ID!, $tableId: ID!) {
+  tableByShareDashboard(shareId: $shareId, tableId: $tableId) {
+    id
+    name
+
+    base {
+      id
+      name
+    }
+
+    schema {
+      id
+      name
+      type
+      defaultValue
+      display
+      constraint
+      option
+    }
+
+    views {
+      id
+      name
+      type
+      filter
+      color
+      sort
+      aggregate
+      fields
+    }
+  }
+}
diff --git a/apps/frontend/src/lib/components/blocks/dashboard/dashboard-widget.svelte b/apps/frontend/src/lib/components/blocks/dashboard/dashboard-widget.svelte
index f99778de7..c12a69a54 100644
--- a/apps/frontend/src/lib/components/blocks/dashboard/dashboard-widget.svelte
+++ b/apps/frontend/src/lib/components/blocks/dashboard/dashboard-widget.svelte
@@ -1,23 +1,28 @@
 <script lang="ts">
   import { TableFactory, type IWidgetDTO } from "@undb/table"
-  import { GetDashboardWidgetTableStore } from "$houdini"
-  import { onMount } from "svelte"
+  import { GetDashboardWidgetShareTableStore, GetDashboardWidgetTableStore } from "$houdini"
   import Widget from "../widget/widget.svelte"
   import { setTable } from "$lib/store/table.store"
   import { writable } from "svelte/store"
 
   export let tableId: string | undefined
+  export let shareId: string | undefined = undefined
   export let widget: IWidgetDTO
   export let movePointerDown: ((e: Event) => void) | undefined = undefined
   export let resizePointerDown: ((e: Event) => void) | undefined = undefined
 
   const store = new GetDashboardWidgetTableStore()
+  const shareStore = new GetDashboardWidgetShareTableStore()
 
   $: if (tableId) {
-    store.fetch({ variables: { tableId } })
+    if (shareId) {
+      shareStore.fetch({ variables: { shareId, tableId } })
+    } else {
+      store.fetch({ variables: { tableId } })
+    }
   }
 
-  $: table = $store.data?.table
+  $: table = shareId ? $shareStore.data?.tableByShareDashboard : $store.data?.table
   $: tableDo = table ? new TableFactory().fromJSON(table) : undefined
 
   $: if (tableDo) {
@@ -25,4 +30,4 @@
   }
 </script>
 
-<Widget table={tableDo} {widget} {tableId} {movePointerDown} {resizePointerDown} />
+<Widget table={tableDo} {widget} {tableId} {shareId} {movePointerDown} {resizePointerDown} />
diff --git a/apps/frontend/src/lib/components/blocks/dashboard/dashboard-widgets.svelte b/apps/frontend/src/lib/components/blocks/dashboard/dashboard-widgets.svelte
index 48e0897b2..258e5a0da 100644
--- a/apps/frontend/src/lib/components/blocks/dashboard/dashboard-widgets.svelte
+++ b/apps/frontend/src/lib/components/blocks/dashboard/dashboard-widgets.svelte
@@ -9,6 +9,8 @@
   import { trpc } from "$lib/trpc/client"
   import type { IDashboardLayouts } from "@undb/dashboard"
 
+  export let shareId: string | undefined = undefined
+
   const dashboard = getDashboard()
 
   const widgetItems = getDashboardWidgetItemsStore()
@@ -49,7 +51,13 @@
     on:pointerup={onPointeup}
   >
     {#if dataItem.widget}
-      <DashboardWidget widget={dataItem.widget} tableId={dataItem.tableId} {movePointerDown} {resizePointerDown} />
+      <DashboardWidget
+        widget={dataItem.widget}
+        {shareId}
+        tableId={dataItem.tableId}
+        {movePointerDown}
+        {resizePointerDown}
+      />
     {/if}
   </Grid>
 </div>
diff --git a/apps/frontend/src/lib/components/blocks/widget/widget.svelte b/apps/frontend/src/lib/components/blocks/widget/widget.svelte
index f498b18b6..b72b93650 100644
--- a/apps/frontend/src/lib/components/blocks/widget/widget.svelte
+++ b/apps/frontend/src/lib/components/blocks/widget/widget.svelte
@@ -40,6 +40,7 @@
 
   const deleteViewWidgetMutation = createMutation({
     mutationFn: trpc.table.view.widget.delete.mutate,
+    enabled: !shareId,
     onSuccess: async () => {
       confirmDelete = false
       if (table) {
@@ -53,6 +54,7 @@
 
   const deleteDashboardWidgetMutation = createMutation({
     mutationFn: trpc.dashboard.widget.delete.mutate,
+    enabled: !shareId,
     onSuccess: async () => {
       confirmDelete = false
       if ($isDashboard) {
@@ -69,6 +71,7 @@
   let confirmDuplicate = false
   const duplicateDashboardWidgetMutation = createMutation({
     mutationFn: trpc.dashboard.widget.duplicate.mutate,
+    enabled: !shareId,
     onSuccess: async () => {
       if ($isDashboard) {
         await invalidate(`dashboard:${$dashboard.id.value}`)
@@ -81,6 +84,7 @@
 
   const duplicateViewWidgetMutation = createMutation({
     mutationFn: trpc.table.view.widget.duplicate.mutate,
+    enabled: !shareId,
     onSuccess: async () => {
       confirmDuplicate = false
       if (table) {
@@ -96,7 +100,7 @@
 <div class={cn("group flex h-full w-full flex-col rounded-sm border", $$restProps.class)}>
   <div class="flex items-center justify-between p-2">
     <div class="flex items-center gap-0.5">
-      {#if movePointerDown}
+      {#if movePointerDown && !shareId}
         <button on:pointerdown={movePointerDown}>
           <GripVerticalIcon
             class="text-muted-foreground size-4 cursor-grab opacity-0 group-hover:block group-hover:opacity-100 dark:text-gray-200"
@@ -197,7 +201,7 @@
     <Aggregate {table} {tableId} {ignoreView} {widget} {viewId} {shareId} aggregate={widget.item.aggregate} />
   {/if}
 
-  {#if resizePointerDown}
+  {#if resizePointerDown && !shareId}
     <button on:pointerdown={resizePointerDown}>
       <ChevronRightIcon
         class="text-muted-foreground absolute bottom-0 right-0
diff --git a/apps/frontend/src/routes/(authed)/(space)/dashboards/[dashboardId]/+page.svelte b/apps/frontend/src/routes/(authed)/(space)/dashboards/[dashboardId]/+page.svelte
index e1946a476..c4a0a4e9d 100644
--- a/apps/frontend/src/routes/(authed)/(space)/dashboards/[dashboardId]/+page.svelte
+++ b/apps/frontend/src/routes/(authed)/(space)/dashboards/[dashboardId]/+page.svelte
@@ -10,7 +10,7 @@
   import Button from "$lib/components/ui/button/button.svelte"
   import { trpc } from "$lib/trpc/client"
   import { createMutation } from "@tanstack/svelte-query"
-  import { goto, invalidateAll } from "$app/navigation"
+  import { goto, invalidate, invalidateAll } from "$app/navigation"
   import * as Dialog from "$lib/components/ui/dialog"
   import * as Form from "$lib/components/ui/form"
   import { Input } from "$lib/components/ui/input"
@@ -21,6 +21,7 @@
   import { Textarea } from "$lib/components/ui/textarea"
   import { Loader2Icon } from "lucide-svelte"
   import { toast } from "svelte-sonner"
+  import ShareButton from "$lib/components/blocks/share/share-button.svelte"
 
   const dashboard = getDashboard()
 
@@ -128,13 +129,13 @@
       </DropdownMenu.Root>
     </h1>
     <div class="flex items-center gap-2">
-      <!-- <ShareButton
+      <ShareButton
         type="dashboard"
         id={$dashboard.id.value}
         onSuccess={() => {
           invalidate(`undb:dashboard:${$dashboard.id.value}`)
         }}
-      /> -->
+      />
 
       <AddDashboardWidgetButton variant="outline" size="sm" />
     </div>
diff --git a/apps/frontend/src/routes/(share)/s/[d]/[shareId]/+layout.gql b/apps/frontend/src/routes/(share)/s/[d]/[shareId]/+layout.gql
new file mode 100644
index 000000000..6ac8a1309
--- /dev/null
+++ b/apps/frontend/src/routes/(share)/s/[d]/[shareId]/+layout.gql
@@ -0,0 +1,24 @@
+query GetDashboardByShare($shareId: ID!) {
+  dashboardByShare(shareId: $shareId) {
+    id
+    name
+    description
+    baseId
+    spaceId
+    layout
+    share {
+      enabled
+      id
+    }
+    widgets {
+      table {
+        id
+      }
+      widget {
+        id
+        name
+        item
+      }
+    }
+  }
+}
diff --git a/apps/frontend/src/routes/(share)/s/[d]/[shareId]/+layout.svelte b/apps/frontend/src/routes/(share)/s/[d]/[shareId]/+layout.svelte
new file mode 100644
index 000000000..e61460755
--- /dev/null
+++ b/apps/frontend/src/routes/(share)/s/[d]/[shareId]/+layout.svelte
@@ -0,0 +1,35 @@
+<script lang="ts">
+  import { DashboardFactory } from "@undb/dashboard"
+  import type { LayoutData } from "./$types"
+  import { setDashboard } from "$lib/store/dashboard.store"
+  import { writable } from "svelte/store"
+  import { shareStore } from "$lib/store/share.store"
+
+  export let data: LayoutData
+
+  $: dashboardStore = data.dashboardStore
+  $: dashboard = $dashboardStore.data?.dashboardByShare
+  $: share = dashboard?.share
+
+  $: if (dashboard) {
+    const dashboardDo = DashboardFactory.fromJSON(dashboard)
+    setDashboard(writable(dashboardDo))
+  }
+  $: if (share && dashboard) {
+    shareStore.set(dashboard.id, {
+      enabled: share.enabled,
+      id: share.id,
+      target: { type: "dashboard", id: dashboard.id },
+    })
+  }
+</script>
+
+<svelte:head>
+  <title>{dashboard?.name || "undb"} - undb</title>
+</svelte:head>
+
+<main>
+  {#if dashboard}
+    <slot />
+  {/if}
+</main>
diff --git a/apps/frontend/src/routes/(share)/s/[d]/[shareId]/+layout.ts b/apps/frontend/src/routes/(share)/s/[d]/[shareId]/+layout.ts
new file mode 100644
index 000000000..5d3341d4f
--- /dev/null
+++ b/apps/frontend/src/routes/(share)/s/[d]/[shareId]/+layout.ts
@@ -0,0 +1,23 @@
+import { GetDashboardByShareStore } from "$houdini"
+import { redirect } from "@sveltejs/kit"
+import type { LayoutLoad } from "./$types"
+
+export const prerender = "auto"
+
+export const load: LayoutLoad = async (event) => {
+  const { shareId } = event.params
+
+  event.depends(`undb:dashboard:${shareId}`)
+
+  const store = new GetDashboardByShareStore()
+
+  const data = await store.fetch({ event, variables: { shareId }, policy: "NetworkOnly" })
+
+  if (data.errors?.length) {
+    throw redirect(302, "/")
+  }
+
+  return {
+    dashboardStore: store,
+  }
+}
diff --git a/apps/frontend/src/routes/(share)/s/[d]/[shareId]/+page.svelte b/apps/frontend/src/routes/(share)/s/[d]/[shareId]/+page.svelte
new file mode 100644
index 000000000..a82497383
--- /dev/null
+++ b/apps/frontend/src/routes/(share)/s/[d]/[shareId]/+page.svelte
@@ -0,0 +1,22 @@
+<script lang="ts">
+  import { page } from "$app/stores"
+  import DashboardWidgets from "$lib/components/blocks/dashboard/dashboard-widgets.svelte"
+  import { getDashboard } from "$lib/store/dashboard.store"
+  import { GaugeIcon } from "lucide-svelte"
+
+  const dashboard = getDashboard()
+
+  const shareId = $page.params.shareId
+</script>
+
+<div class="flex h-full flex-col">
+  <header class="flex items-center justify-between border-b px-4 py-2">
+    <h1 class="flex items-center text-lg font-medium">
+      <GaugeIcon class="mr-2 size-5" />
+      {$dashboard.name.value}
+    </h1>
+  </header>
+  <main class="px-4 py-4">
+    <DashboardWidgets {shareId} />
+  </main>
+</div>
diff --git a/packages/graphql/src/index.ts b/packages/graphql/src/index.ts
index 2fafe9f38..f053e4563 100644
--- a/packages/graphql/src/index.ts
+++ b/packages/graphql/src/index.ts
@@ -15,6 +15,7 @@ import {
   GetBaseShareQuery,
   GetBasesQuery,
   GetDashboardByIdQuery,
+  GetDashboardByShareQuery,
   GetDashboardsQuery,
   GetInivitationsQuery,
   GetMemberByIdQuery,
@@ -27,6 +28,7 @@ import {
   GetSpaceByIdQuery,
   GetSpaceMemberQuery,
   GetTableByShareBaseQuery,
+  GetTableByShareDashboardQuery,
   GetTableByShareQuery,
   GetTableForeignTablesQuery,
   GetTableQuery,
@@ -376,6 +378,9 @@ export class Graphql {
         dashboards(baseId: ID): [Dashboard]!
         dashboard(id: ID!): Dashboard
 
+        dashboardByShare(shareId: ID!): Dashboard
+        tableByShareDashboard(shareId: ID!, tableId: ID!): Table
+
         bases: [Base]
         base(id: ID!): Base!
 
@@ -476,12 +481,22 @@ export class Graphql {
             const base = await this.queryBus.execute(new GetBaseByShareQuery({ shareId: args.shareId }))
             return base
           },
+          dashboardByShare: async (_, args) => {
+            const dashboard = await this.queryBus.execute(new GetDashboardByShareQuery({ shareId: args.shareId }))
+            return dashboard
+          },
           tableByShareBase: async (_, args) => {
             const table = await this.queryBus.execute(
               new GetTableByShareBaseQuery({ shareId: args.shareId, tableId: args.tableId }),
             )
             return table
           },
+          tableByShareDashboard: async (_, args) => {
+            const table = await this.queryBus.execute(
+              new GetTableByShareDashboardQuery({ shareId: args.shareId, tableId: args.tableId }),
+            )
+            return table
+          },
           tables: async (_, args) => {
             return this.queryBus.execute(new GetTablesQuery({ baseId: args?.baseId }))
           },
diff --git a/packages/queries/src/get-dashboard-by-share.query.ts b/packages/queries/src/get-dashboard-by-share.query.ts
new file mode 100644
index 000000000..04a1a739d
--- /dev/null
+++ b/packages/queries/src/get-dashboard-by-share.query.ts
@@ -0,0 +1,18 @@
+import { Query, type QueryProps } from "@undb/domain"
+import { shareIdSchema } from "@undb/share"
+import { z } from "@undb/zod"
+
+export const getDashboardByShareQuery = z.object({
+  shareId: shareIdSchema,
+})
+
+export type IGetDashboardByShareQuery = z.infer<typeof getDashboardByShareQuery>
+
+export class GetDashboardByShareQuery extends Query implements IGetDashboardByShareQuery {
+  public readonly shareId: string
+
+  constructor(query: QueryProps<IGetDashboardByShareQuery>) {
+    super()
+    this.shareId = query.shareId
+  }
+}
diff --git a/packages/queries/src/get-table-by-share-dashboard.query.ts b/packages/queries/src/get-table-by-share-dashboard.query.ts
new file mode 100644
index 000000000..cc013b7d7
--- /dev/null
+++ b/packages/queries/src/get-table-by-share-dashboard.query.ts
@@ -0,0 +1,22 @@
+import { Query, type QueryProps } from "@undb/domain"
+import { shareIdSchema } from "@undb/share"
+import { tableId } from "@undb/table"
+import { z } from "@undb/zod"
+
+export const getTableByShareDashboardQuery = z.object({
+  shareId: shareIdSchema,
+  tableId: tableId,
+})
+
+export type IGetTableByShareDashboardQuery = z.infer<typeof getTableByShareDashboardQuery>
+
+export class GetTableByShareDashboardQuery extends Query implements IGetTableByShareDashboardQuery {
+  public readonly shareId: string
+  public readonly tableId: string
+
+  constructor(props: QueryProps<IGetTableByShareDashboardQuery>) {
+    super()
+    this.shareId = props.shareId
+    this.tableId = props.tableId
+  }
+}
diff --git a/packages/queries/src/index.ts b/packages/queries/src/index.ts
index b70697b4d..d6ae52a77 100644
--- a/packages/queries/src/index.ts
+++ b/packages/queries/src/index.ts
@@ -6,6 +6,7 @@ export * from "./get-base-share.query"
 export * from "./get-base.query"
 export * from "./get-bases.query"
 export * from "./get-dashboard-by-id.query"
+export * from "./get-dashboard-by-share.query"
 export * from "./get-dashboards.query"
 export * from "./get-invitations.query"
 export * from "./get-member-by-id.query"
@@ -25,6 +26,7 @@ export * from "./get-share.query"
 export * from "./get-space-by-id.query"
 export * from "./get-space-member.query"
 export * from "./get-table-by-share-base.query"
+export * from "./get-table-by-share-dashboard.query"
 export * from "./get-table-by-share.query"
 export * from "./get-table-foreign-tables.query"
 export * from "./get-table.query"
diff --git a/packages/query-handlers/src/handlers/get-dashboard-by-share.query-handler.ts b/packages/query-handlers/src/handlers/get-dashboard-by-share.query-handler.ts
new file mode 100644
index 000000000..fd0f90f76
--- /dev/null
+++ b/packages/query-handlers/src/handlers/get-dashboard-by-share.query-handler.ts
@@ -0,0 +1,33 @@
+import { injectSpaceMemberService, type ISpaceMemberService } from "@undb/authz"
+import { injectContext, type IContext } from "@undb/context"
+import { setContextValue } from "@undb/context/server"
+import { queryHandler } from "@undb/cqrs"
+import type { IDashboardDTO } from "@undb/dashboard"
+import { singleton } from "@undb/di"
+import type { IQueryHandler } from "@undb/domain"
+import { GetDashboardByShareQuery, type IGetDashboardByShareQuery } from "@undb/queries"
+import { injectShareService, type IShareService } from "@undb/share"
+import { injectSpaceService, type ISpaceService } from "@undb/space"
+
+@queryHandler(GetDashboardByShareQuery)
+@singleton()
+export class GetDashboardByShareQueryHandler implements IQueryHandler<any, IDashboardDTO> {
+  constructor(
+    @injectShareService()
+    private readonly svc: IShareService,
+    @injectSpaceService()
+    private readonly spaceSvc: ISpaceService,
+    @injectSpaceMemberService()
+    private readonly spaceMemberSvc: ISpaceMemberService,
+    @injectContext()
+    private readonly context: IContext,
+  ) {}
+
+  async execute(query: IGetDashboardByShareQuery): Promise<IDashboardDTO> {
+    const userId = this.context.mustGetCurrentUserId()
+    const space = await this.spaceSvc.setSpaceContext(setContextValue, { shareId: query.shareId })
+    await this.spaceMemberSvc.setSpaceMemberContext(setContextValue, space.id.value, userId)
+
+    return this.svc.getDashboardByShare(query.shareId)
+  }
+}
diff --git a/packages/query-handlers/src/handlers/get-table-by-share-table.query-handler.ts b/packages/query-handlers/src/handlers/get-table-by-share-base.query-handler.ts
similarity index 100%
rename from packages/query-handlers/src/handlers/get-table-by-share-table.query-handler.ts
rename to packages/query-handlers/src/handlers/get-table-by-share-base.query-handler.ts
diff --git a/packages/query-handlers/src/handlers/get-table-by-share-dashboard.query-handler.ts b/packages/query-handlers/src/handlers/get-table-by-share-dashboard.query-handler.ts
new file mode 100644
index 000000000..57f8a38dc
--- /dev/null
+++ b/packages/query-handlers/src/handlers/get-table-by-share-dashboard.query-handler.ts
@@ -0,0 +1,33 @@
+import { injectSpaceMemberService, type ISpaceMemberService } from "@undb/authz"
+import { injectContext, type IContext } from "@undb/context"
+import { setContextValue } from "@undb/context/server"
+import { queryHandler } from "@undb/cqrs"
+import { singleton } from "@undb/di"
+import type { IQueryHandler } from "@undb/domain"
+import { GetTableByShareDashboardQuery, type IGetTableByShareDashboardQuery } from "@undb/queries"
+import { injectShareService, type IShareService } from "@undb/share"
+import { injectSpaceService, type ISpaceService } from "@undb/space"
+import { type ITableDTO } from "@undb/table"
+
+@queryHandler(GetTableByShareDashboardQuery)
+@singleton()
+export class GetTableByShareDashboardQueryHandler implements IQueryHandler<any, ITableDTO> {
+  constructor(
+    @injectShareService()
+    private readonly svc: IShareService,
+    @injectSpaceService()
+    private readonly spaceSvc: ISpaceService,
+    @injectSpaceMemberService()
+    private readonly spaceMemberSvc: ISpaceMemberService,
+    @injectContext()
+    private readonly context: IContext,
+  ) {}
+
+  async execute(query: IGetTableByShareDashboardQuery): Promise<ITableDTO> {
+    const userId = this.context.mustGetCurrentUserId()
+    const space = await this.spaceSvc.setSpaceContext(setContextValue, { shareId: query.shareId })
+    await this.spaceMemberSvc.setSpaceMemberContext(setContextValue, space.id.value, userId)
+
+    return this.svc.getTableByShareDashboard(query.shareId, query.tableId)
+  }
+}
diff --git a/packages/query-handlers/src/handlers/index.ts b/packages/query-handlers/src/handlers/index.ts
index 557f845fb..33dac1a41 100644
--- a/packages/query-handlers/src/handlers/index.ts
+++ b/packages/query-handlers/src/handlers/index.ts
@@ -6,6 +6,7 @@ import { GetBaseShareQueryHandler } from "./get-base-share.query-handler"
 import { GetBaseQueryHandler } from "./get-base.query-handler"
 import { GetBasesQueryHandler } from "./get-bases.query-handler"
 import { GetDashboardByIdQueryHandler } from "./get-dashboard-by-id.query-handler"
+import { GetDashboardByShareQueryHandler } from "./get-dashboard-by-share.query-handler"
 import { GetDashboardsQueryHandler } from "./get-dashboards.query-handler"
 import { GetInivitationsQueryHandler } from "./get-invitations.query-handler"
 import { GetMemberByIdQueryHandler } from "./get-member-by-id.query-handler"
@@ -24,7 +25,8 @@ import { GetShareRecordsQueryHandler } from "./get-share-records.query-handler"
 import { GetShareQueryHandler } from "./get-share.query-handler"
 import { GetSpaceByIdQueryHandler } from "./get-space-by-id.query-handler"
 import { GetSpaceMemberQueryHandler } from "./get-space-member.query-handler"
-import { GetTableByShareBaseQueryHandler } from "./get-table-by-share-table.query-handler"
+import { GetTableByShareBaseQueryHandler } from "./get-table-by-share-base.query-handler"
+import { GetTableByShareDashboardQueryHandler } from "./get-table-by-share-dashboard.query-handler"
 import { GetTableByShareQueryHandler } from "./get-table-by-share.query-handler"
 import { GetTableForeignTablesQueryHandler } from "./get-table-foreign-tables.query-handler"
 import { GetTableQueryHandler } from "./get-table.query-handler"
@@ -70,4 +72,6 @@ export const queryHandlers = [
   GetShareAggregatesQueryHandler,
   GetDashboardsQueryHandler,
   GetDashboardByIdQueryHandler,
+  GetDashboardByShareQueryHandler,
+  GetTableByShareDashboardQueryHandler,
 ]
diff --git a/packages/share/src/services/share.service.ts b/packages/share/src/services/share.service.ts
index 392f06265..6edb50b8e 100644
--- a/packages/share/src/services/share.service.ts
+++ b/packages/share/src/services/share.service.ts
@@ -1,6 +1,7 @@
-import { injectBaseQueryRepository,type IBaseDTO,type IBaseQueryRepository } from "@undb/base"
-import { inject,singleton } from "@undb/di"
-import { None,Option,Some,type IPagination,type PaginatedDTO } from "@undb/domain"
+import { injectBaseQueryRepository, type IBaseDTO, type IBaseQueryRepository } from "@undb/base"
+import { injectDashboardQueryRepository, type IDashboardDTO, type IDashboardQueryRepository } from "@undb/dashboard"
+import { inject, singleton } from "@undb/di"
+import { None, Option, Some, type IPagination, type PaginatedDTO } from "@undb/domain"
 import {
   RecordIdVO,
   TableComositeSpecification,
@@ -24,7 +25,7 @@ import {
   type SingleQueryArgs,
 } from "@undb/table"
 import { match } from "ts-pattern"
-import type { IDisableShareDTO,IEnableShareDTO,IShareDTO } from "../dto"
+import type { IDisableShareDTO, IEnableShareDTO, IShareDTO } from "../dto"
 import type { IShareTarget } from "../share-target.vo"
 import { ShareFactory } from "../share.factory"
 import {
@@ -33,7 +34,7 @@ import {
   type IShareQueryRepository,
   type IShareRepository,
 } from "../share.repository"
-import { WithShareId,withShare } from "../specifications"
+import { WithShareId, withShare } from "../specifications"
 
 export interface IShareService {
   enableShare(dto: IEnableShareDTO): Promise<void>
@@ -41,8 +42,10 @@ export interface IShareService {
   getShare(id: string): Promise<Option<IShareDTO>>
   getShareByTarget(target: IShareTarget, spaceId: string): Promise<Option<IShareDTO>>
   getBaseByShare(id: string): Promise<IBaseDTO>
+  getDashboardByShare(id: string): Promise<IDashboardDTO>
   getTableByShare(id: string): Promise<ITableDTO>
   getTableByShareBase(shareId: string, tableId: string): Promise<ITableDTO>
+  getTableByShareDashboard(shareId: string, tableId: string): Promise<ITableDTO>
   getShareRecords(
     shareId: string,
     tableId?: string,
@@ -75,6 +78,8 @@ export class ShareService implements IShareService {
     private readonly recordsService: IRecordsQueryService,
     @injectRecordQueryRepository()
     private readonly recordRepo: IRecordQueryRepository,
+    @injectDashboardQueryRepository()
+    private readonly dashboardQueryRepo: IDashboardQueryRepository,
   ) {}
 
   async enableShare(dto: IEnableShareDTO): Promise<void> {
@@ -126,6 +131,15 @@ export class ShareService implements IShareService {
     return (await this.baseQueryRepo.findOneById(share.target.id)).expect("base not found")
   }
 
+  async getDashboardByShare(id: string): Promise<IDashboardDTO> {
+    const share = (await this.repo.findOneById(id)).expect("share not found")
+    if (share.target.type !== "dashboard") {
+      throw new Error("invalid share target")
+    }
+
+    return (await this.dashboardQueryRepo.findOneById(share.target.id)).expect("dashboard not found")
+  }
+
   async getTableByShareBase(shareId: string, tableId: string): Promise<ITableDTO> {
     const share = (await this.repo.findOneById(shareId)).expect("share not found")
     if (share.target.type !== "base") {
@@ -135,6 +149,15 @@ export class ShareService implements IShareService {
     return (await this.tableQueryRepo.findOneById(new TableIdVo(tableId))).expect("table not found")
   }
 
+  async getTableByShareDashboard(shareId: string, tableId: string): Promise<ITableDTO> {
+    const share = (await this.repo.findOneById(shareId)).expect("share not found")
+    if (share.target.type !== "dashboard") {
+      throw new Error("invalid share target")
+    }
+
+    return (await this.tableQueryRepo.findOneById(new TableIdVo(tableId))).expect("table not found")
+  }
+
   async getTableByShare(id: string): Promise<ITableDTO> {
     const share = (await this.repo.findOneById(id)).expect("share not found")