@texonom/nreact 1.5.10 → 1.6.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/_commonjsHelpers-ByYUsBRP.js +34 -0
- package/build/_commonjsHelpers-ByYUsBRP.js.map +1 -0
- package/build/asset-wrapper-BbigBRET.js +1154 -0
- package/build/asset-wrapper-BbigBRET.js.map +1 -0
- package/build/index.js +3 -3
- package/build/third-party/code.js +2 -2
- package/build/third-party/collection.js +940 -857
- package/build/third-party/collection.js.map +1 -1
- package/build/third-party/equation.js +1 -1
- package/build/third-party/modal.js +1617 -2
- package/build/third-party/modal.js.map +1 -1
- package/package.json +3 -3
- package/build/_commonjsHelpers-bAxELxBV.js +0 -9
- package/build/_commonjsHelpers-bAxELxBV.js.map +0 -1
- package/build/asset-wrapper-CaHInqoM.js +0 -922
- package/build/asset-wrapper-CaHInqoM.js.map +0 -1
|
@@ -1,922 +0,0 @@
|
|
|
1
|
-
var K = Object.defineProperty, ee = Object.defineProperties;
|
|
2
|
-
var te = Object.getOwnPropertyDescriptors;
|
|
3
|
-
var B = Object.getOwnPropertySymbols;
|
|
4
|
-
var q = Object.prototype.hasOwnProperty, Z = Object.prototype.propertyIsEnumerable;
|
|
5
|
-
var j = (t, a, n) => a in t ? K(t, a, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[a] = n, E = (t, a) => {
|
|
6
|
-
for (var n in a || (a = {}))
|
|
7
|
-
q.call(a, n) && j(t, n, a[n]);
|
|
8
|
-
if (B)
|
|
9
|
-
for (var n of B(a))
|
|
10
|
-
Z.call(a, n) && j(t, n, a[n]);
|
|
11
|
-
return t;
|
|
12
|
-
}, P = (t, a) => ee(t, te(a));
|
|
13
|
-
var b = (t, a) => {
|
|
14
|
-
var n = {};
|
|
15
|
-
for (var o in t)
|
|
16
|
-
q.call(t, o) && a.indexOf(o) < 0 && (n[o] = t[o]);
|
|
17
|
-
if (t != null && B)
|
|
18
|
-
for (var o of B(t))
|
|
19
|
-
a.indexOf(o) < 0 && Z.call(t, o) && (n[o] = t[o]);
|
|
20
|
-
return n;
|
|
21
|
-
};
|
|
22
|
-
var O = (t, a, n) => new Promise((o, u) => {
|
|
23
|
-
var c = (s) => {
|
|
24
|
-
try {
|
|
25
|
-
l(n.next(s));
|
|
26
|
-
} catch (m) {
|
|
27
|
-
u(m);
|
|
28
|
-
}
|
|
29
|
-
}, r = (s) => {
|
|
30
|
-
try {
|
|
31
|
-
l(n.throw(s));
|
|
32
|
-
} catch (m) {
|
|
33
|
-
u(m);
|
|
34
|
-
}
|
|
35
|
-
}, l = (s) => s.done ? o(s.value) : Promise.resolve(s.value).then(c, r);
|
|
36
|
-
l((n = n.apply(t, a)).next());
|
|
37
|
-
});
|
|
38
|
-
import e from "react";
|
|
39
|
-
import { normalizeUrl as ne, getBlockIcon as ae, getBlockTitle as F, isUrl as re, formatNotionDateTime as oe, formatDate as T, parsePageId as R, getBlockParentPage as se, getPageBreadcrumbs as ie, defaultMapImageUrl as G, defaultMapPageUrl as Q, getTextContent as le } from "@texonom/nutils";
|
|
40
|
-
import { Img as ce } from "react-image";
|
|
41
|
-
import { useHotkeys as W } from "react-hotkeys-hook";
|
|
42
|
-
import me from "react-fast-compare";
|
|
43
|
-
function ue(t) {
|
|
44
|
-
return /* @__PURE__ */ e.createElement("svg", E({ viewBox: "0 0 14 14" }, t), /* @__PURE__ */ e.createElement("path", { d: "M5.5 12L14 3.5 12.5 2l-7 7-4-4.003L0 6.499z" }));
|
|
45
|
-
}
|
|
46
|
-
const pe = ({ isChecked: t }) => {
|
|
47
|
-
let a = null;
|
|
48
|
-
return t ? a = /* @__PURE__ */ e.createElement("div", { className: "notion-property-checkbox-checked" }, /* @__PURE__ */ e.createElement(ue, null)) : a = /* @__PURE__ */ e.createElement("div", { className: "notion-property-checkbox-unchecked" }), /* @__PURE__ */ e.createElement("span", { className: "notion-property notion-property-checkbox" }, a);
|
|
49
|
-
}, Y = (t) => {
|
|
50
|
-
const o = t, { className: a } = o, n = b(o, ["className"]);
|
|
51
|
-
return /* @__PURE__ */ e.createElement("svg", E({ className: `notion-icon ${a || ""}`, viewBox: "0 0 17 17" }, n), /* @__PURE__ */ e.createElement("path", { d: "M6.78027 13.6729C8.24805 13.6729 9.60156 13.1982 10.709 12.4072L14.875 16.5732C15.0684 16.7666 15.3232 16.8633 15.5957 16.8633C16.167 16.8633 16.5713 16.4238 16.5713 15.8613C16.5713 15.5977 16.4834 15.3516 16.29 15.1582L12.1504 11.0098C13.0205 9.86719 13.5391 8.45215 13.5391 6.91406C13.5391 3.19629 10.498 0.155273 6.78027 0.155273C3.0625 0.155273 0.0214844 3.19629 0.0214844 6.91406C0.0214844 10.6318 3.0625 13.6729 6.78027 13.6729ZM6.78027 12.2139C3.87988 12.2139 1.48047 9.81445 1.48047 6.91406C1.48047 4.01367 3.87988 1.61426 6.78027 1.61426C9.68066 1.61426 12.0801 4.01367 12.0801 6.91406C12.0801 9.81445 9.68066 12.2139 6.78027 12.2139Z" }));
|
|
52
|
-
}, de = (t) => {
|
|
53
|
-
const o = t, { className: a } = o, n = b(o, ["className"]);
|
|
54
|
-
return /* @__PURE__ */ e.createElement("svg", P(E({ className: a }, n), { viewBox: "0 0 30 30", width: "16" }), /* @__PURE__ */ e.createElement("path", { d: "M16,1H4v28h22V11L16,1z M16,3.828L23.172,11H16V3.828z M24,27H6V3h8v10h10V27z M8,17h14v-2H8V17z M8,21h14v-2H8V21z M8,25h14v-2H8V25z" }));
|
|
55
|
-
}, fe = (t) => {
|
|
56
|
-
const a = [];
|
|
57
|
-
let n, o = -1;
|
|
58
|
-
return Object.keys(t).forEach((u) => {
|
|
59
|
-
var r, l;
|
|
60
|
-
const c = (r = t[u]) == null ? void 0 : r.value;
|
|
61
|
-
c && ((l = c.content) == null || l.forEach((s) => {
|
|
62
|
-
var p, i;
|
|
63
|
-
const m = (i = (p = t[s]) == null ? void 0 : p.value) == null ? void 0 : i.type;
|
|
64
|
-
m && m !== n && (o++, n = m, a[o] = []), o > -1 && a[o].push(s);
|
|
65
|
-
})), n = void 0;
|
|
66
|
-
}), a;
|
|
67
|
-
}, nt = (t, a) => {
|
|
68
|
-
const o = fe(a).find((u) => u.includes(t));
|
|
69
|
-
if (o)
|
|
70
|
-
return o.indexOf(t) + 1;
|
|
71
|
-
}, ge = (t) => t.includes("#") ? t.replace(/^.+(#.+)$/, "$1") : "", he = typeof window != "undefined", Ee = /* @__PURE__ */ new Set([
|
|
72
|
-
"youtu.be",
|
|
73
|
-
"youtube.com",
|
|
74
|
-
"www.youtube.com",
|
|
75
|
-
"youtube-nocookie.com",
|
|
76
|
-
"www.youtube-nocookie.com"
|
|
77
|
-
]), ye = (t) => {
|
|
78
|
-
try {
|
|
79
|
-
const { hostname: a } = new URL(t);
|
|
80
|
-
if (!Ee.has(a)) return null;
|
|
81
|
-
const n = /^.*(youtu\.be\/|v\/|u\/\w\/|embed\/|watch\?v=|&v=)([^#&?]*).*/i, o = t.match(n);
|
|
82
|
-
if (o && o[2].length == 11) return o[2];
|
|
83
|
-
} catch (a) {
|
|
84
|
-
}
|
|
85
|
-
return null;
|
|
86
|
-
}, V = (m) => {
|
|
87
|
-
var p = m, { src: t, alt: a, className: n, style: o, zoomable: u = !1, priority: c = !1, height: r, onError: l } = p, s = b(p, ["src", "alt", "className", "style", "zoomable", "priority", "height", "onError"]);
|
|
88
|
-
var g, y, v;
|
|
89
|
-
const { recordMap: i, zoom: d, previewImages: C, forceCustomImages: h, components: f } = S(), w = e.useRef(d ? d.clone() : null), I = C ? (v = (g = i == null ? void 0 : i.preview_images) == null ? void 0 : g[t]) != null ? v : (y = i == null ? void 0 : i.preview_images) == null ? void 0 : y[ne(t)] : null, x = e.useCallback(
|
|
90
|
-
(k) => {
|
|
91
|
-
u && (k.target.src || k.target.srcset) && w.current && w.current.attach(k.target);
|
|
92
|
-
},
|
|
93
|
-
[w, u]
|
|
94
|
-
), _ = e.useCallback(
|
|
95
|
-
(k) => {
|
|
96
|
-
w.current && k && w.current.attach(k);
|
|
97
|
-
},
|
|
98
|
-
[w]
|
|
99
|
-
), N = e.useMemo(() => u ? _ : void 0, [u, _]);
|
|
100
|
-
return I && f.Image ? /* @__PURE__ */ e.createElement(
|
|
101
|
-
f.Image,
|
|
102
|
-
{
|
|
103
|
-
src: t,
|
|
104
|
-
alt: a,
|
|
105
|
-
style: o,
|
|
106
|
-
className: n,
|
|
107
|
-
width: I.originalWidth,
|
|
108
|
-
height: I.originalHeight,
|
|
109
|
-
blurDataURL: I.dataURIBase64,
|
|
110
|
-
placeholder: "blur",
|
|
111
|
-
priority: c,
|
|
112
|
-
onLoad: x
|
|
113
|
-
}
|
|
114
|
-
) : f.Image && h ? /* @__PURE__ */ e.createElement(
|
|
115
|
-
f.Image,
|
|
116
|
-
{
|
|
117
|
-
src: t,
|
|
118
|
-
alt: a,
|
|
119
|
-
className: n,
|
|
120
|
-
style: o,
|
|
121
|
-
width: null,
|
|
122
|
-
height: r || null,
|
|
123
|
-
priority: c,
|
|
124
|
-
onLoad: x
|
|
125
|
-
}
|
|
126
|
-
) : /* @__PURE__ */ e.createElement(
|
|
127
|
-
"img",
|
|
128
|
-
E({
|
|
129
|
-
className: n,
|
|
130
|
-
style: o,
|
|
131
|
-
src: t,
|
|
132
|
-
alt: a,
|
|
133
|
-
ref: N,
|
|
134
|
-
loading: "lazy",
|
|
135
|
-
decoding: "async",
|
|
136
|
-
onError: l
|
|
137
|
-
}, s)
|
|
138
|
-
);
|
|
139
|
-
}, Ce = (t) => t.type === "page" || t.type === "callout" || t.type === "collection_view" || t.type === "collection_view_page", ve = ({ block: t, className: a, inline: n = !0, hideDefaultIcon: o = !1, defaultIcon: u }) => {
|
|
140
|
-
var p;
|
|
141
|
-
const { mapImageUrl: c, recordMap: r, darkMode: l } = S();
|
|
142
|
-
let s = !1, m = null;
|
|
143
|
-
if (Ce(t)) {
|
|
144
|
-
const i = ((p = ae(t, r)) == null ? void 0 : p.trim()) || u, d = F(t, r);
|
|
145
|
-
if (i && re(i)) {
|
|
146
|
-
const C = c(i, t);
|
|
147
|
-
s = !0, m = /* @__PURE__ */ e.createElement(V, { src: C, alt: d || "page icon", className: `${a || ""} notion-page-icon` });
|
|
148
|
-
} else if (i && i.startsWith("/icons/")) {
|
|
149
|
-
const C = "https://www.notion.so" + i + "?mode=" + (l ? "dark" : "light");
|
|
150
|
-
m = /* @__PURE__ */ e.createElement(V, { src: C, alt: d || "page icon", className: `${a || ""} notion-page-icon` });
|
|
151
|
-
} else i ? (s = !1, m = /* @__PURE__ */ e.createElement("span", { className: `${a || ""} notion-page-icon`, role: "img", "aria-label": i }, i)) : o || (s = !0, m = /* @__PURE__ */ e.createElement(de, { className: `${a || ""} notion-page-icon`, alt: d || "page icon" }));
|
|
152
|
-
}
|
|
153
|
-
return m ? /* @__PURE__ */ e.createElement(
|
|
154
|
-
"div",
|
|
155
|
-
{
|
|
156
|
-
className: `
|
|
157
|
-
${n ? "notion-page-icon-inline" : "notion-page-icon-hero"}
|
|
158
|
-
${s ? "notion-page-icon-image" : "notion-page-icon-span"}
|
|
159
|
-
`
|
|
160
|
-
},
|
|
161
|
-
m
|
|
162
|
-
) : null;
|
|
163
|
-
}, z = e.memo(ve), Ne = (t) => {
|
|
164
|
-
const o = t, { className: a } = o, n = b(o, ["className"]);
|
|
165
|
-
return /* @__PURE__ */ e.createElement("svg", P(E({ className: `notion-icon ${a || ""}` }, n), { viewBox: "0 0 30 30" }), /* @__PURE__ */ e.createElement("path", { d: "M15,0C6.716,0,0,6.716,0,15s6.716,15,15,15s15-6.716,15-15S23.284,0,15,0z M22,20.6L20.6,22L15,16.4L9.4,22L8,20.6l5.6-5.6 L8,9.4L9.4,8l5.6,5.6L20.6,8L22,9.4L16.4,15L22,20.6z" }));
|
|
166
|
-
}, we = (t) => {
|
|
167
|
-
const o = t, { className: a } = o, n = b(o, ["className"]);
|
|
168
|
-
return /* @__PURE__ */ e.createElement("svg", P(E({ className: `notion-icon ${a || ""}` }, n), { viewBox: "0 0 24 24" }), /* @__PURE__ */ e.createElement("defs", null, /* @__PURE__ */ e.createElement("linearGradient", { x1: "28.1542969%", y1: "63.7402344%", x2: "74.6289062%", y2: "17.7832031%", id: "linearGradient-1" }, /* @__PURE__ */ e.createElement("stop", { stopColor: "rgba(164, 164, 164, 1)", offset: "0%" }), /* @__PURE__ */ e.createElement("stop", { stopColor: "rgba(164, 164, 164, 0)", stopOpacity: "0", offset: "100%" }))), /* @__PURE__ */ e.createElement("g", { id: "Page-1", stroke: "none", strokeWidth: "1", fill: "none" }, /* @__PURE__ */ e.createElement("g", { transform: "translate(-236.000000, -286.000000)" }, /* @__PURE__ */ e.createElement("g", { transform: "translate(238.000000, 286.000000)" }, /* @__PURE__ */ e.createElement("circle", { id: "Oval-2", stroke: "url(#linearGradient-1)", strokeWidth: "4", cx: "10", cy: "12", r: "10" }), /* @__PURE__ */ e.createElement("path", { d: "M10,2 C4.4771525,2 0,6.4771525 0,12", id: "Oval-2", stroke: "rgba(164, 164, 164, 1)", strokeWidth: "4" }), /* @__PURE__ */ e.createElement("rect", { id: "Rectangle-1", fill: "rgba(164, 164, 164, 1)", x: "8", y: "0", width: "4", height: "4", rx: "8" })))));
|
|
169
|
-
};
|
|
170
|
-
function ke(t) {
|
|
171
|
-
return /* @__PURE__ */ e.createElement("svg", E({ viewBox: "0 0 260 260" }, t), /* @__PURE__ */ e.createElement("g", null, /* @__PURE__ */ e.createElement(
|
|
172
|
-
"path",
|
|
173
|
-
{
|
|
174
|
-
d: "M128.00106,0 C57.3172926,0 0,57.3066942 0,128.00106 C0,184.555281 36.6761997,232.535542 87.534937,249.460899 C93.9320223,250.645779 96.280588,246.684165 96.280588,243.303333 C96.280588,240.251045 96.1618878,230.167899 96.106777,219.472176 C60.4967585,227.215235 52.9826207,204.369712 52.9826207,204.369712 C47.1599584,189.574598 38.770408,185.640538 38.770408,185.640538 C27.1568785,177.696113 39.6458206,177.859325 39.6458206,177.859325 C52.4993419,178.762293 59.267365,191.04987 59.267365,191.04987 C70.6837675,210.618423 89.2115753,204.961093 96.5158685,201.690482 C97.6647155,193.417512 100.981959,187.77078 104.642583,184.574357 C76.211799,181.33766 46.324819,170.362144 46.324819,121.315702 C46.324819,107.340889 51.3250588,95.9223682 59.5132437,86.9583937 C58.1842268,83.7344152 53.8029229,70.715562 60.7532354,53.0843636 C60.7532354,53.0843636 71.5019501,49.6441813 95.9626412,66.2049595 C106.172967,63.368876 117.123047,61.9465949 128.00106,61.8978432 C138.879073,61.9465949 149.837632,63.368876 160.067033,66.2049595 C184.49805,49.6441813 195.231926,53.0843636 195.231926,53.0843636 C202.199197,70.715562 197.815773,83.7344152 196.486756,86.9583937 C204.694018,95.9223682 209.660343,107.340889 209.660343,121.315702 C209.660343,170.478725 179.716133,181.303747 151.213281,184.472614 C155.80443,188.444828 159.895342,196.234518 159.895342,208.176593 C159.895342,225.303317 159.746968,239.087361 159.746968,243.303333 C159.746968,246.709601 162.05102,250.70089 168.53925,249.443941 C219.370432,232.499507 256,184.536204 256,128.00106 C256,57.3066942 198.691187,0 128.00106,0 Z M47.9405593,182.340212 C47.6586465,182.976105 46.6581745,183.166873 45.7467277,182.730227 C44.8183235,182.312656 44.2968914,181.445722 44.5978808,180.80771 C44.8734344,180.152739 45.876026,179.97045 46.8023103,180.409216 C47.7328342,180.826786 48.2627451,181.702199 47.9405593,182.340212 Z M54.2367892,187.958254 C53.6263318,188.524199 52.4329723,188.261363 51.6232682,187.366874 C50.7860088,186.474504 50.6291553,185.281144 51.2480912,184.70672 C51.8776254,184.140775 53.0349512,184.405731 53.8743302,185.298101 C54.7115892,186.201069 54.8748019,187.38595 54.2367892,187.958254 Z M58.5562413,195.146347 C57.7719732,195.691096 56.4895886,195.180261 55.6968417,194.042013 C54.9125733,192.903764 54.9125733,191.538713 55.713799,190.991845 C56.5086651,190.444977 57.7719732,190.936735 58.5753181,192.066505 C59.3574669,193.22383 59.3574669,194.58888 58.5562413,195.146347 Z M65.8613592,203.471174 C65.1597571,204.244846 63.6654083,204.03712 62.5716717,202.981538 C61.4524999,201.94927 61.1409122,200.484596 61.8446341,199.710926 C62.5547146,198.935137 64.0575422,199.15346 65.1597571,200.200564 C66.2704506,201.230712 66.6095936,202.705984 65.8613592,203.471174 Z M75.3025151,206.281542 C74.9930474,207.284134 73.553809,207.739857 72.1039724,207.313809 C70.6562556,206.875043 69.7087748,205.700761 70.0012857,204.687571 C70.302275,203.678621 71.7478721,203.20382 73.2083069,203.659543 C74.6539041,204.09619 75.6035048,205.261994 75.3025151,206.281542 Z M86.046947,207.473627 C86.0829806,208.529209 84.8535871,209.404622 83.3316829,209.4237 C81.8013,209.457614 80.563428,208.603398 80.5464708,207.564772 C80.5464708,206.498591 81.7483088,205.631657 83.2786917,205.606221 C84.8005962,205.576546 86.046947,206.424403 86.046947,207.473627 Z M96.6021471,207.069023 C96.7844366,208.099171 95.7267341,209.156872 94.215428,209.438785 C92.7295577,209.710099 91.3539086,209.074206 91.1652603,208.052538 C90.9808515,206.996955 92.0576306,205.939253 93.5413813,205.66582 C95.054807,205.402984 96.4092596,206.021919 96.6021471,207.069023 Z",
|
|
175
|
-
fill: "#161614"
|
|
176
|
-
}
|
|
177
|
-
)));
|
|
178
|
-
}
|
|
179
|
-
const xe = ({ block: t, inline: a, className: n }) => {
|
|
180
|
-
var d, C, h;
|
|
181
|
-
const { components: o } = S(), { original_url: u, attributes: c, domain: r } = (t == null ? void 0 : t.format) || {};
|
|
182
|
-
if (!u || !c) return null;
|
|
183
|
-
const l = (d = c.find((f) => f.id === "title")) == null ? void 0 : d.values[0];
|
|
184
|
-
let s = (C = c.find((f) => f.id === "owner")) == null ? void 0 : C.values[0];
|
|
185
|
-
const m = (h = c.find((f) => f.id === "updated_at")) == null ? void 0 : h.values[0], p = m ? oe(m) : null;
|
|
186
|
-
let i;
|
|
187
|
-
switch (r) {
|
|
188
|
-
case "github.com":
|
|
189
|
-
if (i = /* @__PURE__ */ e.createElement(ke, null), s) {
|
|
190
|
-
const f = s.split("/");
|
|
191
|
-
s = f[f.length - 1];
|
|
192
|
-
}
|
|
193
|
-
break;
|
|
194
|
-
default:
|
|
195
|
-
return process.env.NODE_ENV !== "production" && console.debug(`Unsupported external_object_instance domain "${r}"`, JSON.stringify(t, null, 2)), null;
|
|
196
|
-
}
|
|
197
|
-
return /* @__PURE__ */ e.createElement(
|
|
198
|
-
o.Link,
|
|
199
|
-
{
|
|
200
|
-
target: "_blank",
|
|
201
|
-
rel: "noopener noreferrer",
|
|
202
|
-
href: u,
|
|
203
|
-
className: `notion-external ${a ? "notion-external-mention" : "notion-external-block notion-row"} ${n || ""}`
|
|
204
|
-
},
|
|
205
|
-
i && /* @__PURE__ */ e.createElement("div", { className: "notion-external-image" }, i),
|
|
206
|
-
/* @__PURE__ */ e.createElement("div", { className: "notion-external-description" }, /* @__PURE__ */ e.createElement("div", { className: "notion-external-title" }, l), (s || p) && /* @__PURE__ */ e.createElement("div", { className: "notion-external-subtitle" }, s && /* @__PURE__ */ e.createElement("span", null, s), s && p && /* @__PURE__ */ e.createElement("span", null, " • "), p && /* @__PURE__ */ e.createElement("span", null, "Updated ", p)))
|
|
207
|
-
);
|
|
208
|
-
}, A = (t) => he ? /* @__PURE__ */ e.createElement(ce, E({}, t)) : /* @__PURE__ */ e.createElement("img", E({}, t)), D = ({ value: t, block: a, linkProps: n, linkProtocol: o }) => {
|
|
209
|
-
const { components: u, recordMap: c, mapPageUrl: r, mapImageUrl: l, rootDomain: s } = S();
|
|
210
|
-
return /* @__PURE__ */ e.createElement(e.Fragment, null, t == null ? void 0 : t.map((m, p) => {
|
|
211
|
-
const [i, d] = m;
|
|
212
|
-
if (!d)
|
|
213
|
-
return i === "," ? /* @__PURE__ */ e.createElement("span", { key: p, style: { padding: "0.5em" } }) : /* @__PURE__ */ e.createElement(e.Fragment, { key: p }, i);
|
|
214
|
-
const C = d.reduce(
|
|
215
|
-
(h, f) => {
|
|
216
|
-
var w, I, x, _, N;
|
|
217
|
-
switch (f[0]) {
|
|
218
|
-
case "p": {
|
|
219
|
-
const g = f[1], y = (w = c.block[g]) == null ? void 0 : w.value;
|
|
220
|
-
return y ? /* @__PURE__ */ e.createElement(u.PageLink, { className: "notion-link", href: r(g) }, /* @__PURE__ */ e.createElement(U, { block: y })) : (console.debug('"p" missing block', g), null);
|
|
221
|
-
}
|
|
222
|
-
case "‣": {
|
|
223
|
-
const g = f[1][0], y = f[1][1];
|
|
224
|
-
switch (g) {
|
|
225
|
-
case "u": {
|
|
226
|
-
const v = (I = c.notion_user[y]) == null ? void 0 : I.value;
|
|
227
|
-
if (!v)
|
|
228
|
-
return console.debug('"‣" missing user', y), null;
|
|
229
|
-
const k = [v.given_name, v.family_name].filter(Boolean).join(" "), M = v.email;
|
|
230
|
-
return /* @__PURE__ */ e.createElement(u.Link, E({ className: "notion-link", href: `mailto:${M}` }, n), /* @__PURE__ */ e.createElement(
|
|
231
|
-
A,
|
|
232
|
-
{
|
|
233
|
-
className: "notion-user",
|
|
234
|
-
src: l(v.profile_photo, a),
|
|
235
|
-
alt: k,
|
|
236
|
-
style: { display: "inline", marginRight: "0.3em", marginBottom: "0.3em" }
|
|
237
|
-
}
|
|
238
|
-
), k);
|
|
239
|
-
}
|
|
240
|
-
default: {
|
|
241
|
-
const v = (x = c.block[y]) == null ? void 0 : x.value;
|
|
242
|
-
return v ? /* @__PURE__ */ e.createElement(
|
|
243
|
-
u.PageLink,
|
|
244
|
-
P(E({
|
|
245
|
-
className: "notion-link",
|
|
246
|
-
href: r(y)
|
|
247
|
-
}, n), {
|
|
248
|
-
target: "_blank",
|
|
249
|
-
rel: "noopener noreferrer"
|
|
250
|
-
}),
|
|
251
|
-
/* @__PURE__ */ e.createElement(U, { block: v })
|
|
252
|
-
) : (console.debug('"‣" missing block', g, y), null);
|
|
253
|
-
}
|
|
254
|
-
}
|
|
255
|
-
}
|
|
256
|
-
case "h":
|
|
257
|
-
return /* @__PURE__ */ e.createElement("span", { className: `notion-${f[1]}` }, h);
|
|
258
|
-
case "c":
|
|
259
|
-
return /* @__PURE__ */ e.createElement("code", { className: "notion-inline-code" }, h);
|
|
260
|
-
case "b":
|
|
261
|
-
return /* @__PURE__ */ e.createElement("b", null, h);
|
|
262
|
-
case "i":
|
|
263
|
-
return /* @__PURE__ */ e.createElement("em", null, h);
|
|
264
|
-
case "s":
|
|
265
|
-
return /* @__PURE__ */ e.createElement("s", null, h);
|
|
266
|
-
case "_":
|
|
267
|
-
return /* @__PURE__ */ e.createElement("span", { className: "notion-inline-underscore" }, h);
|
|
268
|
-
case "e":
|
|
269
|
-
return /* @__PURE__ */ e.createElement(u.Equation, { math: f[1], inline: !0 });
|
|
270
|
-
case "m":
|
|
271
|
-
return h;
|
|
272
|
-
//still need to return the base element
|
|
273
|
-
case "a": {
|
|
274
|
-
const g = f[1], y = g.substring(1), v = R(y, { uuid: !0 });
|
|
275
|
-
if ((g[0] === "/" || g.includes(s)) && v) {
|
|
276
|
-
const k = g.includes(s) ? g : `${r(v)}${ge(g)}`;
|
|
277
|
-
return /* @__PURE__ */ e.createElement(u.PageLink, E({ className: "notion-link", href: k }, n), h);
|
|
278
|
-
} else
|
|
279
|
-
return /* @__PURE__ */ e.createElement(
|
|
280
|
-
u.Link,
|
|
281
|
-
E({
|
|
282
|
-
className: "notion-link",
|
|
283
|
-
href: o ? `${o}:${f[1]}` : f[1]
|
|
284
|
-
}, n),
|
|
285
|
-
h
|
|
286
|
-
);
|
|
287
|
-
}
|
|
288
|
-
// Date
|
|
289
|
-
case "d": {
|
|
290
|
-
const g = f[1], y = g == null ? void 0 : g.type;
|
|
291
|
-
if (y === "date") {
|
|
292
|
-
const v = g.start_date;
|
|
293
|
-
return T(v);
|
|
294
|
-
} else if (y === "daterange") {
|
|
295
|
-
const v = g.start_date, k = g.end_date;
|
|
296
|
-
return `${T(v)} → ${T(k)}`;
|
|
297
|
-
} else
|
|
298
|
-
return h;
|
|
299
|
-
}
|
|
300
|
-
// User
|
|
301
|
-
case "u": {
|
|
302
|
-
const g = f[1], y = (_ = c.notion_user[g]) == null ? void 0 : _.value;
|
|
303
|
-
if (!y)
|
|
304
|
-
return console.debug("missing user", g), null;
|
|
305
|
-
const v = y.name, k = y.email;
|
|
306
|
-
return /* @__PURE__ */ e.createElement(u.Link, E({ className: "notion-link", href: `mailto:${k}` }, n), /* @__PURE__ */ e.createElement(
|
|
307
|
-
A,
|
|
308
|
-
{
|
|
309
|
-
className: "notion-user",
|
|
310
|
-
src: l(y.profile_photo, a),
|
|
311
|
-
alt: v,
|
|
312
|
-
style: { display: "inline", marginRight: "0.3em", marginBottom: "0.3em" }
|
|
313
|
-
}
|
|
314
|
-
), v);
|
|
315
|
-
}
|
|
316
|
-
case "eoi": {
|
|
317
|
-
const g = f[1], y = (N = c.block[g]) == null ? void 0 : N.value;
|
|
318
|
-
return /* @__PURE__ */ e.createElement(xe, { block: y, inline: !0 });
|
|
319
|
-
}
|
|
320
|
-
default:
|
|
321
|
-
return process.env.NODE_ENV !== "production" && console.debug("unsupported text format", f), h;
|
|
322
|
-
}
|
|
323
|
-
},
|
|
324
|
-
/* @__PURE__ */ e.createElement(e.Fragment, null, i)
|
|
325
|
-
);
|
|
326
|
-
return /* @__PURE__ */ e.createElement(e.Fragment, { key: p }, C);
|
|
327
|
-
}));
|
|
328
|
-
}, Ie = (u) => {
|
|
329
|
-
var c = u, { block: t, className: a, defaultIcon: n } = c, o = b(c, ["block", "className", "defaultIcon"]);
|
|
330
|
-
var l, s;
|
|
331
|
-
const { recordMap: r } = S();
|
|
332
|
-
if (!t) return null;
|
|
333
|
-
if (t.type === "collection_view_page" || t.type === "collection_view") {
|
|
334
|
-
const m = F(t, r);
|
|
335
|
-
if (!m) return null;
|
|
336
|
-
const p = [[m]];
|
|
337
|
-
return /* @__PURE__ */ e.createElement("span", E({ className: `notion-page-title ${a || ""}` }, o), /* @__PURE__ */ e.createElement(z, { block: t, defaultIcon: n, className: "notion-page-title-icon" }), /* @__PURE__ */ e.createElement("span", { className: "notion-page-title-text" }, /* @__PURE__ */ e.createElement(D, { value: p, block: t })));
|
|
338
|
-
}
|
|
339
|
-
return (l = t.properties) != null && l.title ? /* @__PURE__ */ e.createElement("span", E({ className: `notion-page-title ${a || ""}` }, o), /* @__PURE__ */ e.createElement(z, { block: t, defaultIcon: n, className: "notion-page-title-icon" }), /* @__PURE__ */ e.createElement("span", { className: "notion-page-title-text" }, /* @__PURE__ */ e.createElement(D, { value: (s = t.properties) == null ? void 0 : s.title, block: t }))) : null;
|
|
340
|
-
}, U = e.memo(Ie), Le = (t, a) => {
|
|
341
|
-
let n;
|
|
342
|
-
return (...o) => {
|
|
343
|
-
n && clearTimeout(n), n = setTimeout(() => t(...o), a);
|
|
344
|
-
};
|
|
345
|
-
};
|
|
346
|
-
class be extends e.Component {
|
|
347
|
-
constructor(a) {
|
|
348
|
-
super(a), this.state = {
|
|
349
|
-
isLoading: !1,
|
|
350
|
-
query: "",
|
|
351
|
-
searchResult: null,
|
|
352
|
-
searchError: null
|
|
353
|
-
}, this._onAfterOpen = () => {
|
|
354
|
-
this._inputRef.current && this._inputRef.current.focus();
|
|
355
|
-
}, this._onChangeQuery = (n) => {
|
|
356
|
-
const o = n.target.value;
|
|
357
|
-
if (this.setState({ query: o }), o.trim())
|
|
358
|
-
this._search();
|
|
359
|
-
else {
|
|
360
|
-
this.setState({ isLoading: !1, searchResult: null, searchError: null });
|
|
361
|
-
return;
|
|
362
|
-
}
|
|
363
|
-
}, this._onClearQuery = () => {
|
|
364
|
-
this._onChangeQuery({ target: { value: "" } });
|
|
365
|
-
}, this._warmupSearch = () => O(this, null, function* () {
|
|
366
|
-
const { searchNotion: n, rootBlockId: o, rootSpaceId: u } = this.props;
|
|
367
|
-
yield n({
|
|
368
|
-
query: "",
|
|
369
|
-
spaceId: u,
|
|
370
|
-
filters: {
|
|
371
|
-
ancestors: [o],
|
|
372
|
-
isDeletedOnly: !1,
|
|
373
|
-
excludeTemplates: !0,
|
|
374
|
-
navigableBlockContentOnly: !0,
|
|
375
|
-
requireEditPermissions: !1
|
|
376
|
-
}
|
|
377
|
-
});
|
|
378
|
-
}), this._searchImpl = () => O(this, null, function* () {
|
|
379
|
-
const { searchNotion: n, rootBlockId: o, rootSpaceId: u } = this.props, { query: c } = this.state;
|
|
380
|
-
if (!c.trim()) {
|
|
381
|
-
this.setState({ isLoading: !1, searchResult: null, searchError: null });
|
|
382
|
-
return;
|
|
383
|
-
}
|
|
384
|
-
this.setState({ isLoading: !0 });
|
|
385
|
-
const r = yield n({
|
|
386
|
-
query: c,
|
|
387
|
-
spaceId: u,
|
|
388
|
-
filters: {
|
|
389
|
-
ancestors: [o],
|
|
390
|
-
isDeletedOnly: !1,
|
|
391
|
-
excludeTemplates: !0,
|
|
392
|
-
navigableBlockContentOnly: !0,
|
|
393
|
-
requireEditPermissions: !1
|
|
394
|
-
}
|
|
395
|
-
});
|
|
396
|
-
console.debug("search", c, r);
|
|
397
|
-
let l = null, s = null;
|
|
398
|
-
if (r.error || r.errorId)
|
|
399
|
-
s = r;
|
|
400
|
-
else {
|
|
401
|
-
l = E({}, r);
|
|
402
|
-
const p = l.results.map((i) => {
|
|
403
|
-
var h, f;
|
|
404
|
-
const d = (h = l.recordMap.block[i.id]) == null ? void 0 : h.value;
|
|
405
|
-
if (!d) return;
|
|
406
|
-
const C = F(d, l.recordMap);
|
|
407
|
-
if (C && (i.title = C, i.block = d, i.recordMap = l.recordMap, i.page = se(d, l.recordMap, {
|
|
408
|
-
inclusive: !0
|
|
409
|
-
}) || d, !!i.page.id))
|
|
410
|
-
return (f = i.highlight) != null && f.text && (i.highlight.html = i.highlight.text.replace(/<gzkNfoUU>/gi, "<b>").replace(/<\/gzkNfoUU>/gi, "</b>")), i;
|
|
411
|
-
}).filter(Boolean).reduce(
|
|
412
|
-
(i, d) => P(E({}, i), {
|
|
413
|
-
[d.page.id]: d
|
|
414
|
-
}),
|
|
415
|
-
{}
|
|
416
|
-
);
|
|
417
|
-
l.results = Object.values(p);
|
|
418
|
-
}
|
|
419
|
-
this.state.query === c && this.setState({ isLoading: !1, searchResult: l, searchError: s });
|
|
420
|
-
}), this._inputRef = e.createRef();
|
|
421
|
-
}
|
|
422
|
-
componentDidMount() {
|
|
423
|
-
this._search = Le(this._searchImpl.bind(this), 500), this._warmupSearch();
|
|
424
|
-
}
|
|
425
|
-
render() {
|
|
426
|
-
const { isOpen: a, onClose: n } = this.props, { isLoading: o, query: u, searchResult: c, searchError: r } = this.state, l = !!u.trim();
|
|
427
|
-
return /* @__PURE__ */ e.createElement(Ue, null, (s) => {
|
|
428
|
-
const { components: m, defaultPageIcon: p, mapPageUrl: i } = s;
|
|
429
|
-
return /* @__PURE__ */ e.createElement(
|
|
430
|
-
m.Modal,
|
|
431
|
-
{
|
|
432
|
-
isOpen: a,
|
|
433
|
-
contentLabel: "Search",
|
|
434
|
-
className: "notion-search",
|
|
435
|
-
overlayClassName: "notion-search-overlay",
|
|
436
|
-
onRequestClose: n,
|
|
437
|
-
onAfterOpen: this._onAfterOpen
|
|
438
|
-
},
|
|
439
|
-
/* @__PURE__ */ e.createElement("div", { className: "quickFindMenu" }, /* @__PURE__ */ e.createElement("div", { className: "searchBar" }, /* @__PURE__ */ e.createElement("div", { className: "inlineIcon" }, o ? /* @__PURE__ */ e.createElement(we, { className: "loadingIcon" }) : /* @__PURE__ */ e.createElement(Y, null)), /* @__PURE__ */ e.createElement(
|
|
440
|
-
"input",
|
|
441
|
-
{
|
|
442
|
-
className: "searchInput",
|
|
443
|
-
placeholder: "Search",
|
|
444
|
-
value: u,
|
|
445
|
-
ref: this._inputRef,
|
|
446
|
-
onInput: this._onChangeQuery
|
|
447
|
-
}
|
|
448
|
-
), u && /* @__PURE__ */ e.createElement("div", { role: "button", className: "clearButton", onClick: this._onClearQuery }, /* @__PURE__ */ e.createElement(Ne, { className: "clearIcon" }))), l && c && /* @__PURE__ */ e.createElement(e.Fragment, null, c.results.length ? /* @__PURE__ */ e.createElement(De, P(E({}, s), { recordMap: c.recordMap }), /* @__PURE__ */ e.createElement("div", { className: "resultsPane" }, c.results.map((d) => {
|
|
449
|
-
var C;
|
|
450
|
-
return /* @__PURE__ */ e.createElement(
|
|
451
|
-
m.PageLink,
|
|
452
|
-
{
|
|
453
|
-
key: d.id,
|
|
454
|
-
className: "result notion-page-link",
|
|
455
|
-
href: i(d.page.id, c.recordMap)
|
|
456
|
-
},
|
|
457
|
-
/* @__PURE__ */ e.createElement(U, { block: d.page, defaultIcon: p }),
|
|
458
|
-
((C = d.highlight) == null ? void 0 : C.html) && /* @__PURE__ */ e.createElement(
|
|
459
|
-
"div",
|
|
460
|
-
{
|
|
461
|
-
className: "notion-search-result-highlight",
|
|
462
|
-
dangerouslySetInnerHTML: {
|
|
463
|
-
__html: d.highlight.html
|
|
464
|
-
}
|
|
465
|
-
}
|
|
466
|
-
)
|
|
467
|
-
);
|
|
468
|
-
})), /* @__PURE__ */ e.createElement("footer", { className: "resultsFooter" }, /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement("span", { className: "resultsCount" }, c.total), c.total === 1 ? " result" : " results"))) : /* @__PURE__ */ e.createElement("div", { className: "noResultsPane" }, /* @__PURE__ */ e.createElement("div", { className: "noResults" }, "No results"), /* @__PURE__ */ e.createElement("div", { className: "noResultsDetail" }, "Try different search terms"))), l && !c && r && /* @__PURE__ */ e.createElement("div", { className: "noResultsPane" }, /* @__PURE__ */ e.createElement("div", { className: "noResults" }, "Search error")))
|
|
469
|
-
);
|
|
470
|
-
});
|
|
471
|
-
}
|
|
472
|
-
}
|
|
473
|
-
const _e = ({ block: t }) => /* @__PURE__ */ e.createElement("header", { className: "notion-header" }, /* @__PURE__ */ e.createElement("div", { className: "notion-nav-header" }, /* @__PURE__ */ e.createElement(Se, { block: t }), /* @__PURE__ */ e.createElement(Pe, { block: t }))), Se = ({ block: t, rootOnly: a = !1 }) => {
|
|
474
|
-
const { recordMap: n, mapPageUrl: o, components: u } = S(), c = e.useMemo(() => {
|
|
475
|
-
const r = ie(n, t.id);
|
|
476
|
-
return a ? [r[0]].filter(Boolean) : r;
|
|
477
|
-
}, [n, t.id, a]);
|
|
478
|
-
return /* @__PURE__ */ e.createElement("div", { className: "breadcrumbs", key: "breadcrumbs" }, c.map((r, l) => {
|
|
479
|
-
if (!r) return null;
|
|
480
|
-
const s = {}, m = {
|
|
481
|
-
pageLink: u.PageLink
|
|
482
|
-
};
|
|
483
|
-
return r.active ? m.pageLink = (p) => /* @__PURE__ */ e.createElement("div", E({}, p)) : s.href = o(r.pageId), /* @__PURE__ */ e.createElement(e.Fragment, { key: r.pageId }, /* @__PURE__ */ e.createElement(m.pageLink, E({ className: `breadcrumb ${r.active && "active"}` }, s), r.icon && /* @__PURE__ */ e.createElement(z, { className: "icon", block: r.block }), r.title && /* @__PURE__ */ e.createElement("span", { className: "title" }, r.title)), l < c.length - 1 && /* @__PURE__ */ e.createElement("span", { className: "spacer" }, "/"));
|
|
484
|
-
}));
|
|
485
|
-
}, Pe = ({ block: t, search: a, title: n = "Search" }) => {
|
|
486
|
-
const { searchNotion: o, rootPageId: u, isShowingSearch: c, onHideSearch: r, rootSpaceId: l } = S(), s = a || o, [m, p] = e.useState(c);
|
|
487
|
-
e.useEffect(() => {
|
|
488
|
-
p(c);
|
|
489
|
-
}, [c]);
|
|
490
|
-
const i = e.useCallback(() => {
|
|
491
|
-
p(!0);
|
|
492
|
-
}, []), d = e.useCallback(() => {
|
|
493
|
-
p(!1), r && r();
|
|
494
|
-
}, [r]);
|
|
495
|
-
W("cmd+p", (h) => {
|
|
496
|
-
i(), h.preventDefault(), h.stopPropagation();
|
|
497
|
-
}), W("cmd+k", (h) => {
|
|
498
|
-
i(), h.preventDefault(), h.stopPropagation();
|
|
499
|
-
});
|
|
500
|
-
const C = !!s;
|
|
501
|
-
return /* @__PURE__ */ e.createElement(e.Fragment, null, C && /* @__PURE__ */ e.createElement("div", { role: "button", className: "breadcrumb button notion-search-button", onClick: i }, /* @__PURE__ */ e.createElement(Y, { className: "searchIcon" }), n && /* @__PURE__ */ e.createElement("span", { className: "title" }, n)), m && C && /* @__PURE__ */ e.createElement(
|
|
502
|
-
be,
|
|
503
|
-
{
|
|
504
|
-
isOpen: m,
|
|
505
|
-
rootBlockId: u || (t == null ? void 0 : t.id),
|
|
506
|
-
rootSpaceId: l,
|
|
507
|
-
onClose: d,
|
|
508
|
-
searchNotion: s
|
|
509
|
-
}
|
|
510
|
-
));
|
|
511
|
-
}, Me = (t) => e.memo(function(p) {
|
|
512
|
-
var i = p, {
|
|
513
|
-
src: n,
|
|
514
|
-
alt: o,
|
|
515
|
-
width: u,
|
|
516
|
-
height: c,
|
|
517
|
-
className: r,
|
|
518
|
-
style: l,
|
|
519
|
-
layout: s
|
|
520
|
-
} = i, m = b(i, [
|
|
521
|
-
"src",
|
|
522
|
-
"alt",
|
|
523
|
-
"width",
|
|
524
|
-
"height",
|
|
525
|
-
"className",
|
|
526
|
-
"style",
|
|
527
|
-
"layout"
|
|
528
|
-
]);
|
|
529
|
-
return s || (s = u && c ? "intrinsic" : "fill"), /* @__PURE__ */ e.createElement(
|
|
530
|
-
t,
|
|
531
|
-
E({
|
|
532
|
-
className: r,
|
|
533
|
-
src: n,
|
|
534
|
-
alt: o,
|
|
535
|
-
width: s === "intrinsic" && u,
|
|
536
|
-
height: s === "intrinsic" && c,
|
|
537
|
-
objectFit: l == null ? void 0 : l.objectFit,
|
|
538
|
-
objectPosition: l == null ? void 0 : l.objectPosition,
|
|
539
|
-
layout: s
|
|
540
|
-
}, m)
|
|
541
|
-
);
|
|
542
|
-
}, me), $e = (t) => function(C) {
|
|
543
|
-
var h = C, {
|
|
544
|
-
href: n,
|
|
545
|
-
as: o,
|
|
546
|
-
passHref: u,
|
|
547
|
-
prefetch: c,
|
|
548
|
-
replace: r,
|
|
549
|
-
scroll: l,
|
|
550
|
-
shallow: s,
|
|
551
|
-
locale: m,
|
|
552
|
-
className: p,
|
|
553
|
-
style: i
|
|
554
|
-
} = h, d = b(h, [
|
|
555
|
-
"href",
|
|
556
|
-
"as",
|
|
557
|
-
"passHref",
|
|
558
|
-
"prefetch",
|
|
559
|
-
"replace",
|
|
560
|
-
"scroll",
|
|
561
|
-
"shallow",
|
|
562
|
-
"locale",
|
|
563
|
-
"className",
|
|
564
|
-
"style"
|
|
565
|
-
]);
|
|
566
|
-
return /* @__PURE__ */ e.createElement(
|
|
567
|
-
t,
|
|
568
|
-
E({
|
|
569
|
-
href: n,
|
|
570
|
-
as: o,
|
|
571
|
-
prefetch: c,
|
|
572
|
-
replace: r,
|
|
573
|
-
scroll: l,
|
|
574
|
-
shallow: s,
|
|
575
|
-
locale: m,
|
|
576
|
-
className: p,
|
|
577
|
-
style: i
|
|
578
|
-
}, d)
|
|
579
|
-
);
|
|
580
|
-
}, Be = (t) => /* @__PURE__ */ e.createElement("a", E({ target: "_blank", rel: "noopener noreferrer" }, t)), Re = e.memo(Be), Oe = (n) => {
|
|
581
|
-
var o = n, { href: t } = o, a = b(o, ["href"]);
|
|
582
|
-
var l, s;
|
|
583
|
-
const { recordMap: u, rootSpaceId: c } = S();
|
|
584
|
-
let r = t;
|
|
585
|
-
if (typeof t == "string" && c) {
|
|
586
|
-
const m = R(t);
|
|
587
|
-
if (m) {
|
|
588
|
-
const p = (s = (l = u == null ? void 0 : u.block) == null ? void 0 : l[m]) == null ? void 0 : s.value;
|
|
589
|
-
(!p || p.space_id !== c) && (r = `https://notion.so/${m.replace(/-/g, "")}`);
|
|
590
|
-
}
|
|
591
|
-
}
|
|
592
|
-
return /* @__PURE__ */ e.createElement("a", E({ href: r }, a));
|
|
593
|
-
}, Te = e.memo(Oe), Ve = (t) => /* @__PURE__ */ e.createElement(Ae, E({}, t)), ze = _e, at = (c) => {
|
|
594
|
-
var r = c, { href: t, rel: a, target: n, title: o } = r, u = b(r, ["href", "rel", "target", "title"]);
|
|
595
|
-
return /* @__PURE__ */ e.createElement("span", E({}, u));
|
|
596
|
-
}, $ = (t) => () => (console.warn(`Warning: using empty component "${t}" (you should override this in NotionRenderer.components)`), null), L = (t, a) => a(), X = {
|
|
597
|
-
Image: null,
|
|
598
|
-
// disable custom images by default
|
|
599
|
-
Link: Re,
|
|
600
|
-
PageLink: Te,
|
|
601
|
-
Checkbox: pe,
|
|
602
|
-
Callout: void 0,
|
|
603
|
-
// use the built-in callout rendering by default
|
|
604
|
-
Code: $("Code"),
|
|
605
|
-
Equation: $("Equation"),
|
|
606
|
-
Collection: $("Collection"),
|
|
607
|
-
Property: void 0,
|
|
608
|
-
// use the built-in property rendering by default
|
|
609
|
-
propertyTextValue: L,
|
|
610
|
-
propertySelectValue: L,
|
|
611
|
-
propertyRelationValue: L,
|
|
612
|
-
propertyFormulaValue: L,
|
|
613
|
-
propertyTitleValue: L,
|
|
614
|
-
propertyPersonValue: L,
|
|
615
|
-
propertyFileValue: L,
|
|
616
|
-
propertyCheckboxValue: L,
|
|
617
|
-
propertyUrlValue: L,
|
|
618
|
-
propertyEmailValue: L,
|
|
619
|
-
propertyPhoneNumberValue: L,
|
|
620
|
-
propertyNumberValue: L,
|
|
621
|
-
propertyLastEditedTimeValue: L,
|
|
622
|
-
propertyCreatedTimeValue: L,
|
|
623
|
-
propertyDateValue: L,
|
|
624
|
-
Pdf: $("Pdf"),
|
|
625
|
-
Tweet: $("Tweet"),
|
|
626
|
-
Modal: $("Modal"),
|
|
627
|
-
Header: ze,
|
|
628
|
-
Embed: Ve
|
|
629
|
-
}, J = {
|
|
630
|
-
recordMap: {
|
|
631
|
-
block: {},
|
|
632
|
-
collection: {},
|
|
633
|
-
collection_view: {},
|
|
634
|
-
collection_query: {},
|
|
635
|
-
notion_user: {},
|
|
636
|
-
signed_urls: {}
|
|
637
|
-
},
|
|
638
|
-
components: X,
|
|
639
|
-
mapPageUrl: Q(),
|
|
640
|
-
mapImageUrl: G,
|
|
641
|
-
searchNotion: null,
|
|
642
|
-
isShowingSearch: !1,
|
|
643
|
-
onHideSearch: null,
|
|
644
|
-
fullPage: !1,
|
|
645
|
-
darkMode: !1,
|
|
646
|
-
previewImages: !1,
|
|
647
|
-
forceCustomImages: !1,
|
|
648
|
-
showCollectionViewDropdown: !0,
|
|
649
|
-
linkTableTitleProperties: !0,
|
|
650
|
-
isLinkCollectionToUrlProperty: !1,
|
|
651
|
-
showTableOfContents: !1,
|
|
652
|
-
minTableOfContentsItems: 3,
|
|
653
|
-
defaultPageIcon: null,
|
|
654
|
-
defaultPageCover: null,
|
|
655
|
-
defaultPageCoverPosition: 0.5,
|
|
656
|
-
zoom: null
|
|
657
|
-
}, H = e.createContext(J), De = (l) => {
|
|
658
|
-
var s = l, {
|
|
659
|
-
components: t = {},
|
|
660
|
-
children: a,
|
|
661
|
-
mapPageUrl: n,
|
|
662
|
-
mapImageUrl: o,
|
|
663
|
-
rootPageId: u,
|
|
664
|
-
rootSpaceId: c
|
|
665
|
-
} = s, r = b(s, [
|
|
666
|
-
"components",
|
|
667
|
-
"children",
|
|
668
|
-
"mapPageUrl",
|
|
669
|
-
"mapImageUrl",
|
|
670
|
-
"rootPageId",
|
|
671
|
-
"rootSpaceId"
|
|
672
|
-
]);
|
|
673
|
-
for (const i of Object.keys(r)) r[i] === void 0 && delete r[i];
|
|
674
|
-
const m = e.useMemo(() => {
|
|
675
|
-
const i = E({}, t);
|
|
676
|
-
if (i.nextImage && (i.Image = Me(i.nextImage)), i.nextLink) {
|
|
677
|
-
const d = $e(i.nextLink);
|
|
678
|
-
i.nextLink = d, i.PageLink || (i.PageLink = d), i.Link || (i.Link = d);
|
|
679
|
-
}
|
|
680
|
-
for (const d of Object.keys(i)) i[d] || delete i[d];
|
|
681
|
-
return i;
|
|
682
|
-
}, [t]), p = e.useMemo(
|
|
683
|
-
() => P(E(E({}, J), r), {
|
|
684
|
-
rootPageId: u,
|
|
685
|
-
rootSpaceId: c,
|
|
686
|
-
mapPageUrl: n != null ? n : Q(u),
|
|
687
|
-
mapImageUrl: o != null ? o : G,
|
|
688
|
-
components: E(E({}, X), m)
|
|
689
|
-
}),
|
|
690
|
-
[o, n, m, u, c, r]
|
|
691
|
-
);
|
|
692
|
-
return /* @__PURE__ */ e.createElement(H.Provider, { value: p }, a);
|
|
693
|
-
}, Ue = H.Consumer, S = () => e.useContext(H), Fe = (t) => Object.keys(t).map((a) => `${encodeURIComponent(a)}=${encodeURIComponent(t[a])}`).join("&"), He = ({
|
|
694
|
-
id: t,
|
|
695
|
-
defaultPlay: a = !1,
|
|
696
|
-
mute: n = !1,
|
|
697
|
-
lazyImage: o = !1,
|
|
698
|
-
iframeTitle: u = "YouTube video",
|
|
699
|
-
alt: c = "Video preview",
|
|
700
|
-
params: r = {},
|
|
701
|
-
adLinksPreconnect: l = !0,
|
|
702
|
-
style: s,
|
|
703
|
-
className: m
|
|
704
|
-
}) => {
|
|
705
|
-
const p = n || a ? "1" : "0", i = e.useMemo(() => Fe(E({ autoplay: "1", mute: p }, r)), [p, r]), C = `https://i.ytimg.com/vi/${t}/hqdefault.jpg`, h = "https://www.youtube-nocookie.com", f = `${h}/embed/${t}?${i}`, [w, I] = e.useState(!1), [x, _] = e.useState(a), [N, g] = e.useState(!1), y = e.useCallback(() => {
|
|
706
|
-
w || I(!0);
|
|
707
|
-
}, [w]), v = e.useCallback(() => {
|
|
708
|
-
x || _(!0);
|
|
709
|
-
}, [x]), k = e.useCallback(() => {
|
|
710
|
-
g(!0);
|
|
711
|
-
}, []);
|
|
712
|
-
return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("link", { rel: "preload", href: C, as: "image" }), w && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("link", { rel: "preconnect", href: h }), /* @__PURE__ */ e.createElement("link", { rel: "preconnect", href: "https://www.google.com" })), w && l && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("link", { rel: "preconnect", href: "https://static.doubleclick.net" }), /* @__PURE__ */ e.createElement("link", { rel: "preconnect", href: "https://googleads.g.doubleclick.net" })), /* @__PURE__ */ e.createElement(
|
|
713
|
-
"div",
|
|
714
|
-
{
|
|
715
|
-
onClick: v,
|
|
716
|
-
onPointerOver: y,
|
|
717
|
-
className: `notion-yt-lite
|
|
718
|
-
${N && "notion-yt-loaded"}
|
|
719
|
-
${x && "notion-yt-initialized"}
|
|
720
|
-
${m || ""}`,
|
|
721
|
-
style: s
|
|
722
|
-
},
|
|
723
|
-
/* @__PURE__ */ e.createElement("img", { src: C, className: "notion-yt-thumbnail", loading: o ? "lazy" : void 0, alt: c }),
|
|
724
|
-
/* @__PURE__ */ e.createElement("div", { className: "notion-yt-playbtn" }),
|
|
725
|
-
x && /* @__PURE__ */ e.createElement(
|
|
726
|
-
"iframe",
|
|
727
|
-
{
|
|
728
|
-
width: "560",
|
|
729
|
-
height: "315",
|
|
730
|
-
frameBorder: "0",
|
|
731
|
-
allow: "accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture",
|
|
732
|
-
allowFullScreen: !0,
|
|
733
|
-
title: u,
|
|
734
|
-
src: f,
|
|
735
|
-
onLoad: k
|
|
736
|
-
}
|
|
737
|
-
)
|
|
738
|
-
));
|
|
739
|
-
}, je = typeof window == "undefined", qe = [
|
|
740
|
-
"video",
|
|
741
|
-
"image",
|
|
742
|
-
"embed",
|
|
743
|
-
"figma",
|
|
744
|
-
"typeform",
|
|
745
|
-
"excalidraw",
|
|
746
|
-
"maps",
|
|
747
|
-
"tweet",
|
|
748
|
-
"pdf",
|
|
749
|
-
"gist",
|
|
750
|
-
"codepen",
|
|
751
|
-
"drive"
|
|
752
|
-
], Ze = ({ block: t, zoomable: a = !0, children: n }) => {
|
|
753
|
-
var p, i, d, C, h, f, w, I, x, _;
|
|
754
|
-
const { recordMap: o, mapImageUrl: u, components: c } = S();
|
|
755
|
-
if (!t || !qe.includes(t.type)) return null;
|
|
756
|
-
const r = {
|
|
757
|
-
position: "relative",
|
|
758
|
-
display: "flex",
|
|
759
|
-
justifyContent: "center",
|
|
760
|
-
alignSelf: "center",
|
|
761
|
-
width: "100%",
|
|
762
|
-
maxWidth: "100%",
|
|
763
|
-
flexDirection: "column"
|
|
764
|
-
}, l = {};
|
|
765
|
-
if (t.format) {
|
|
766
|
-
const { block_aspect_ratio: N, block_height: g, block_width: y, block_full_width: v, block_page_width: k, block_preserve_scale: M } = t.format;
|
|
767
|
-
if (v || k)
|
|
768
|
-
v ? r.width = "100vw" : r.width = "100%", t.type === "video" ? g ? r.height = g : N ? r.paddingBottom = `${N * 100}%` : M && (r.objectFit = "contain") : N && t.type !== "image" ? r.paddingBottom = `${N * 100}%` : g ? r.height = g : M && (t.type === "image" ? r.height = "100%" : (r.paddingBottom = "75%", r.minHeight = 100));
|
|
769
|
-
else {
|
|
770
|
-
switch ((p = t.format) == null ? void 0 : p.block_alignment) {
|
|
771
|
-
case "center": {
|
|
772
|
-
r.alignSelf = "center";
|
|
773
|
-
break;
|
|
774
|
-
}
|
|
775
|
-
case "left": {
|
|
776
|
-
r.alignSelf = "start";
|
|
777
|
-
break;
|
|
778
|
-
}
|
|
779
|
-
case "right": {
|
|
780
|
-
r.alignSelf = "end";
|
|
781
|
-
break;
|
|
782
|
-
}
|
|
783
|
-
}
|
|
784
|
-
y && (r.width = y), M && t.type !== "image" ? (r.paddingBottom = "50%", r.minHeight = 100) : g && t.type !== "image" && (r.height = g);
|
|
785
|
-
}
|
|
786
|
-
t.type === "image" ? l.objectFit = "cover" : M && (l.objectFit = "contain");
|
|
787
|
-
}
|
|
788
|
-
let s = ((i = o.signed_urls) == null ? void 0 : i[t.id]) || ((h = (C = (d = t.properties) == null ? void 0 : d.source) == null ? void 0 : C[0]) == null ? void 0 : h[0]), m = null;
|
|
789
|
-
if (!s) return null;
|
|
790
|
-
if (t.type === "tweet") {
|
|
791
|
-
const N = s;
|
|
792
|
-
if (!N) return null;
|
|
793
|
-
const g = N.split("?")[0].split("/").pop();
|
|
794
|
-
if (!g) return null;
|
|
795
|
-
m = /* @__PURE__ */ e.createElement(
|
|
796
|
-
"div",
|
|
797
|
-
{
|
|
798
|
-
style: P(E({}, l), {
|
|
799
|
-
maxWidth: 420,
|
|
800
|
-
width: "100%",
|
|
801
|
-
marginLeft: "auto",
|
|
802
|
-
marginRight: "auto"
|
|
803
|
-
})
|
|
804
|
-
},
|
|
805
|
-
/* @__PURE__ */ e.createElement(c.Tweet, { id: g })
|
|
806
|
-
);
|
|
807
|
-
} else if (t.type === "pdf")
|
|
808
|
-
r.overflow = "auto", r.background = "rgb(226, 226, 226)", r.display = "block", r.padding || (r.padding = "8px 16px"), je || (m = /* @__PURE__ */ e.createElement(c.Pdf, { file: s }));
|
|
809
|
-
else if (t.type === "embed" || t.type === "video" || t.type === "figma" || t.type === "typeform" || t.type === "gist" || t.type === "maps" || t.type === "excalidraw" || t.type === "codepen" || t.type === "drive")
|
|
810
|
-
if (t.type === "video" && s && s.indexOf("youtube") < 0 && s.indexOf("youtu.be") < 0 && s.indexOf("vimeo") < 0 && s.indexOf("wistia") < 0 && s.indexOf("loom") < 0 && s.indexOf("videoask") < 0 && s.indexOf("getcloudapp") < 0)
|
|
811
|
-
r.paddingBottom = void 0, m = /* @__PURE__ */ e.createElement("video", { playsInline: !0, controls: !0, preload: "metadata", style: l, src: s, title: t.type });
|
|
812
|
-
else {
|
|
813
|
-
let N = ((f = t.format) == null ? void 0 : f.display_source) || s;
|
|
814
|
-
if (N) {
|
|
815
|
-
const g = t.type === "video" ? ye(N) : null;
|
|
816
|
-
g ? m = /* @__PURE__ */ e.createElement(He, { id: g, style: l, className: "notion-asset-object-fit" }) : t.type === "gist" ? (N.endsWith(".pibb") || (N = `${N}.pibb`), l.width = "100%", r.paddingBottom = "50%", m = /* @__PURE__ */ e.createElement(
|
|
817
|
-
"iframe",
|
|
818
|
-
{
|
|
819
|
-
style: l,
|
|
820
|
-
className: "notion-asset-object-fit",
|
|
821
|
-
src: N,
|
|
822
|
-
title: "GitHub Gist",
|
|
823
|
-
frameBorder: "0",
|
|
824
|
-
loading: "lazy",
|
|
825
|
-
scrolling: "auto"
|
|
826
|
-
}
|
|
827
|
-
)) : m = /* @__PURE__ */ e.createElement(
|
|
828
|
-
"iframe",
|
|
829
|
-
{
|
|
830
|
-
className: "notion-asset-object-fit",
|
|
831
|
-
style: l,
|
|
832
|
-
src: N,
|
|
833
|
-
title: `iframe ${t.type}`,
|
|
834
|
-
frameBorder: "0",
|
|
835
|
-
allowFullScreen: !0,
|
|
836
|
-
loading: "lazy",
|
|
837
|
-
scrolling: "auto"
|
|
838
|
-
}
|
|
839
|
-
);
|
|
840
|
-
}
|
|
841
|
-
}
|
|
842
|
-
else if (t.type === "image") {
|
|
843
|
-
s.includes("file.notion.so") && (s = (x = (I = (w = t.properties) == null ? void 0 : w.source) == null ? void 0 : I[0]) == null ? void 0 : x[0]);
|
|
844
|
-
const N = u(s, t), y = le((_ = t.properties) == null ? void 0 : _.caption) || "notion image";
|
|
845
|
-
m = /* @__PURE__ */ e.createElement(V, { src: N, alt: y, zoomable: a, height: r.height, style: l });
|
|
846
|
-
}
|
|
847
|
-
return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { style: r }, m, t.type === "image" && n), t.type !== "image" && n);
|
|
848
|
-
}, We = { width: "100%" }, Ae = ({ blockId: t, block: a }) => {
|
|
849
|
-
var m, p, i, d, C, h;
|
|
850
|
-
const n = a, { components: o, mapPageUrl: u, rootDomain: c, zoom: r } = S();
|
|
851
|
-
let l = !1;
|
|
852
|
-
if (a.type === "image") {
|
|
853
|
-
const f = (i = (p = (m = n == null ? void 0 : n.properties) == null ? void 0 : m.caption) == null ? void 0 : p[0]) == null ? void 0 : i[0];
|
|
854
|
-
if (f) {
|
|
855
|
-
const w = R(f, { uuid: !0 });
|
|
856
|
-
(f.charAt(0) === "/" && w || Ge(f)) && (l = !0);
|
|
857
|
-
}
|
|
858
|
-
}
|
|
859
|
-
const s = /* @__PURE__ */ e.createElement(
|
|
860
|
-
"figure",
|
|
861
|
-
{
|
|
862
|
-
className: `notion-asset-wrapper
|
|
863
|
-
notion-asset-wrapper-${a.type}
|
|
864
|
-
${(d = n.format) != null && d.block_full_width ? "notion-asset-wrapper-full" : ""}
|
|
865
|
-
${t}`
|
|
866
|
-
},
|
|
867
|
-
/* @__PURE__ */ e.createElement(Ze, { block: n, zoomable: r && !l }, ((C = n == null ? void 0 : n.properties) == null ? void 0 : C.caption) && !l && /* @__PURE__ */ e.createElement("figcaption", { className: "notion-asset-caption" }, /* @__PURE__ */ e.createElement(D, { value: n.properties.caption, block: a })))
|
|
868
|
-
);
|
|
869
|
-
if (l) {
|
|
870
|
-
const f = (h = n == null ? void 0 : n.properties) == null ? void 0 : h.caption[0][0], w = R(f, { uuid: !0 }), I = f.charAt(0) === "/" && w, x = Qe(f);
|
|
871
|
-
return /* @__PURE__ */ e.createElement(
|
|
872
|
-
o.PageLink,
|
|
873
|
-
{
|
|
874
|
-
style: We,
|
|
875
|
-
href: I ? u(w) : f,
|
|
876
|
-
target: x && x !== c && !f.startsWith("/") ? "blank_" : null
|
|
877
|
-
},
|
|
878
|
-
s
|
|
879
|
-
);
|
|
880
|
-
}
|
|
881
|
-
return s;
|
|
882
|
-
};
|
|
883
|
-
function Ge(t) {
|
|
884
|
-
return !!new RegExp(
|
|
885
|
-
"^(https?:\\/\\/)?((([a-z\\d]([a-z\\d-]*[a-z\\d])*)\\.)+[a-z]{2,}|((\\d{1,3}\\.){3}\\d{1,3}))(\\:\\d+)?(\\/[-a-z\\d%_.~+]*)*(\\?[;&a-z\\d%_.~+=-]*)?(\\#[-a-z\\d_]*)?$",
|
|
886
|
-
"i"
|
|
887
|
-
).test(t);
|
|
888
|
-
}
|
|
889
|
-
function Qe(t) {
|
|
890
|
-
try {
|
|
891
|
-
return new URL(t).hostname;
|
|
892
|
-
} catch (a) {
|
|
893
|
-
return "";
|
|
894
|
-
}
|
|
895
|
-
}
|
|
896
|
-
export {
|
|
897
|
-
Ae as A,
|
|
898
|
-
Se as B,
|
|
899
|
-
pe as C,
|
|
900
|
-
xe as E,
|
|
901
|
-
A as G,
|
|
902
|
-
_e as H,
|
|
903
|
-
V as L,
|
|
904
|
-
De as N,
|
|
905
|
-
U as P,
|
|
906
|
-
Pe as S,
|
|
907
|
-
D as T,
|
|
908
|
-
z as a,
|
|
909
|
-
ge as b,
|
|
910
|
-
ye as c,
|
|
911
|
-
at as d,
|
|
912
|
-
Ue as e,
|
|
913
|
-
ve as f,
|
|
914
|
-
nt as g,
|
|
915
|
-
be as h,
|
|
916
|
-
he as i,
|
|
917
|
-
Ie as j,
|
|
918
|
-
He as k,
|
|
919
|
-
Ze as l,
|
|
920
|
-
S as u
|
|
921
|
-
};
|
|
922
|
-
//# sourceMappingURL=asset-wrapper-CaHInqoM.js.map
|