|
1 | 1 | <template> |
2 | | - <div> |
3 | | - <!-- just a test {{ referencePointerId }}<br /><br /> --> |
4 | | - |
5 | | - <!-- {{ calcMap }} --> |
6 | | - <!-- <p>RENDERED DATA:</p> --> |
7 | | - <!-- {{ childMap }} |
8 | | - <h4>test</h4> |
9 | | - {{ blockMap }} --> |
10 | | - <NotionRenderer :blockMap="childMap" /> |
11 | | - </div> |
| 2 | + <NotionRenderer :blockMap="blockMap" :contentId="referencePointerId" /> |
12 | 3 | </template> |
13 | 4 |
|
14 | 5 | <script> |
15 | 6 | import Blockable, { blockComputed } from "@/lib/blockable"; |
16 | 7 | |
17 | | -// import NotionBlock from "@/components/block"; |
18 | | -// import { defaultMapImageUrl, defaultMapPageUrl } from "@/lib/utils"; |
19 | | -// import NotionRenderer from "@/components/notion-renderer"; |
20 | 8 | export default { |
21 | 9 | extends: Blockable, |
22 | 10 | name: "NotionSyncPointer", |
23 | 11 | components: { |
24 | | - // NotionBlock, |
25 | | - // NotionRenderer2, |
26 | 12 | NotionRenderer: () => import("../components/notion-renderer.vue"), |
27 | 13 | }, |
28 | 14 | computed: { |
29 | 15 | ...blockComputed, |
30 | 16 | referencePointerId() { |
31 | 17 | return this.format?.transclusion_reference_pointer?.id; |
32 | 18 | }, |
33 | | - |
34 | | - calcMap() { |
35 | | - // return this.blockMap[this.referencePointerId]?.value; |
36 | | - return { |
37 | | - [this.referencePointerId]: { |
38 | | - role: "reader", |
39 | | - value: this.blockMap[this.referencePointerId]?.value, |
40 | | - }, |
41 | | - }; |
42 | | - }, |
43 | | - transclusionChildIds() { |
44 | | - return this.blockMap[this.referencePointerId]?.value?.content; |
45 | | - }, |
46 | | - childMap() { |
47 | | - return this.transclusionChildIds |
48 | | - .map((id) => { |
49 | | - return { |
50 | | - [id]: this.blockMap[id], |
51 | | - }; |
52 | | - }) |
53 | | - .reduce(function (result, item) { |
54 | | - var key = Object.keys(item)[0]; //first property: a, b, c |
55 | | - result[key] = item[key]; |
56 | | - return result; |
57 | | - }, {}); |
58 | | - }, |
59 | | - // childMap() { |
60 | | - // return this.transclusionChildIds.map((id) => id); |
61 | | - // }, |
62 | | - testMap() { |
63 | | - return { |
64 | | - "661a6380-e23d-4fd6-ac5c-197aeadfaafe": { |
65 | | - role: "reader", |
66 | | - value: { |
67 | | - id: "661a6380-e23d-4fd6-ac5c-197aeadfaafe", |
68 | | - version: 49, |
69 | | - type: "text", |
70 | | - properties: { |
71 | | - title: [ |
72 | | - ["This is a synced block from another "], |
73 | | - ["page", [["b"], ["c"]]], |
74 | | - ["."], |
75 | | - ], |
76 | | - }, |
77 | | - created_time: 1647108420000, |
78 | | - last_edited_time: 1647108660000, |
79 | | - parent_id: "61a98ab5-4f1f-4fb9-aef4-340acfcd1759", |
80 | | - parent_table: "block", |
81 | | - alive: true, |
82 | | - created_by_table: "notion_user", |
83 | | - created_by_id: "f0199428-7aba-473e-86b9-eb9f78d896c6", |
84 | | - last_edited_by_table: "notion_user", |
85 | | - last_edited_by_id: "f0199428-7aba-473e-86b9-eb9f78d896c6", |
86 | | - space_id: "a61a30bd-677b-4bab-b5c8-1863fec1f096", |
87 | | - }, |
88 | | - }, |
89 | | - |
90 | | - // "619b49d9-6b25-489d-88ae-8bd47545ec09": { |
91 | | - // role: "reader", |
92 | | - // value: { |
93 | | - // id: "619b49d9-6b25-489d-88ae-8bd47545ec09", |
94 | | - // version: 53, |
95 | | - // type: "header", |
96 | | - // properties: { |
97 | | - // title: [["New origin sync block"]], |
98 | | - // }, |
99 | | - // created_time: 1647109620000, |
100 | | - // last_edited_time: 1647109620000, |
101 | | - // parent_id: "4bdce11c-d935-44e5-b96e-5b1857cea6dc", |
102 | | - // parent_table: "block", |
103 | | - // alive: true, |
104 | | - // created_by_table: "notion_user", |
105 | | - // created_by_id: "f0199428-7aba-473e-86b9-eb9f78d896c6", |
106 | | - // last_edited_by_table: "notion_user", |
107 | | - // last_edited_by_id: "f0199428-7aba-473e-86b9-eb9f78d896c6", |
108 | | - // space_id: "a61a30bd-677b-4bab-b5c8-1863fec1f096", |
109 | | - // }, |
110 | | - // }, |
111 | | - }; |
112 | | - }, |
113 | 19 | }, |
114 | | - // props: { |
115 | | - // blockMap: [Object], |
116 | | - // contentId: String, |
117 | | - // fullPage: { type: Boolean, default: false }, |
118 | | - // hideList: { type: Array, default: () => [] }, |
119 | | - // level: { type: Number, default: 0 }, |
120 | | - // mapImageUrl: { type: Function, default: defaultMapImageUrl }, |
121 | | - // mapPageUrl: { type: Function, default: defaultMapPageUrl }, |
122 | | - // pageLinkOptions: Object, |
123 | | - // prism: { type: Boolean, default: false }, |
124 | | - // todo: { type: Boolean, default: false }, |
125 | | - // }, |
126 | 20 | }; |
127 | 21 | </script> |
128 | 22 | |
129 | | -<style> |
130 | | -</style> |
131 | | - |
132 | 23 | |
0 commit comments