nuudel-core 0.2.103 → 0.2.104
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/README.md +9 -0
- package/build/main/lib/widgets/Navigation.js +16 -5
- package/build/main/lib/widgets/PostItem.js +4 -2
- package/build/main/lib/widgets/PostLayout.js +8 -6
- package/build/main/lib/widgets/SocialList.js +2 -2
- package/build/main/lib/widgets/TagButton.js +2 -2
- package/build/main/lib/widgets/TagLink.js +2 -2
- package/build/module/lib/widgets/Navigation.js +17 -6
- package/build/module/lib/widgets/PostItem.js +4 -2
- package/build/module/lib/widgets/PostLayout.js +8 -6
- package/build/module/lib/widgets/SocialList.js +2 -2
- package/build/module/lib/widgets/TagButton.js +2 -2
- package/build/module/lib/widgets/TagLink.js +2 -2
- package/package.json +7 -4
- package/build/main/lib/components/Button/style.scss +0 -3
- package/build/main/lib/components/ColorPicker/styles.module.scss +0 -71
- package/build/main/lib/components/Drawer/styles.module.scss +0 -9
- package/build/main/lib/components/Material/styles.module.scss +0 -14
- package/build/main/lib/components/MessageBar/styles.module.scss +0 -9
- package/build/main/lib/components/Sortable/Card.d.ts +0 -8
- package/build/main/lib/components/Sortable/Card.js +0 -62
- package/build/main/lib/components/Sortable/ItemTypes.d.ts +0 -3
- package/build/main/lib/components/Sortable/ItemTypes.js +0 -7
- package/build/main/lib/components/Sortable/SortItems.d.ts +0 -9
- package/build/main/lib/components/Sortable/SortItems.js +0 -61
- package/build/main/lib/components/Sortable/styles.module.scss +0 -108
- package/build/main/lib/components/Upload/Style.d.ts +0 -1
- package/build/main/lib/components/Upload/Style.js +0 -74
- package/build/main/lib/controls/formFields/styles.module.scss +0 -91
- package/build/main/lib/hocs/withReducer/index.d.ts +0 -5
- package/build/main/lib/hocs/withReducer/index.js +0 -27
- package/build/main/lib/library/IBlog.d.ts +0 -25
- package/build/main/lib/library/IBlog.js +0 -3
- package/build/main/lib/loc/en-US.json +0 -86
- package/build/main/lib/loc/mn-MN.json +0 -86
- package/build/main/lib/theme/index.d.ts +0 -1
- package/build/main/lib/theme/index.js +0 -70
- package/build/main/lib/theme/styles/styles.module.scss +0 -194
- package/build/main/lib/theme/variables/_colors.scss +0 -35
- package/build/main/lib/theme/variables/_palette.scss +0 -69
- package/build/main/lib/theme/variables/_sizes.scss +0 -79
- package/build/main/lib/theme/variables/palette.d.ts +0 -142
- package/build/main/lib/theme/variables/palette.js +0 -52
- package/build/main/lib/widgets/meta/BasicMeta.d.ts +0 -10
- package/build/main/lib/widgets/meta/BasicMeta.js +0 -17
- package/build/main/lib/widgets/meta/JsonLdMeta.d.ts +0 -12
- package/build/main/lib/widgets/meta/JsonLdMeta.js +0 -27
- package/build/main/lib/widgets/meta/OpenGraphMeta.d.ts +0 -14
- package/build/main/lib/widgets/meta/OpenGraphMeta.js +0 -29
- package/build/main/lib/widgets/meta/TwitterCardMeta.d.ts +0 -11
- package/build/main/lib/widgets/meta/TwitterCardMeta.js +0 -17
- package/build/main/lib/widgets/styles.module.scss +0 -391
- package/build/main/widgets/Author.d.ts +0 -6
- package/build/main/widgets/Author.js +0 -10
- package/build/main/widgets/Burger.d.ts +0 -7
- package/build/main/widgets/Burger.js +0 -8
- package/build/main/widgets/Copyright.d.ts +0 -3
- package/build/main/widgets/Copyright.js +0 -23
- package/build/main/widgets/Date.d.ts +0 -6
- package/build/main/widgets/Date.js +0 -12
- package/build/main/widgets/Layout.d.ts +0 -6
- package/build/main/widgets/Layout.js +0 -12
- package/build/main/widgets/Navigation.d.ts +0 -13
- package/build/main/widgets/Navigation.js +0 -13
- package/build/main/widgets/Pagination.d.ts +0 -11
- package/build/main/widgets/Pagination.js +0 -11
- package/build/main/widgets/PostItem.d.ts +0 -8
- package/build/main/widgets/PostItem.js +0 -23
- package/build/main/widgets/PostLayout.d.ts +0 -14
- package/build/main/widgets/PostLayout.js +0 -23
- package/build/main/widgets/PostList.d.ts +0 -12
- package/build/main/widgets/PostList.js +0 -18
- package/build/main/widgets/SocialList.d.ts +0 -2
- package/build/main/widgets/SocialList.js +0 -9
- package/build/main/widgets/TagButton.d.ts +0 -7
- package/build/main/widgets/TagButton.js +0 -11
- package/build/main/widgets/TagLink.d.ts +0 -7
- package/build/main/widgets/TagLink.js +0 -9
- package/build/main/widgets/TagPostList.d.ts +0 -12
- package/build/main/widgets/TagPostList.js +0 -21
- package/build/main/widgets/index.d.ts +0 -18
- package/build/main/widgets/index.js +0 -41
- package/build/main/widgets/meta/BasicMeta.d.ts +0 -10
- package/build/main/widgets/meta/BasicMeta.js +0 -13
- package/build/main/widgets/meta/JsonLdMeta.d.ts +0 -12
- package/build/main/widgets/meta/JsonLdMeta.js +0 -25
- package/build/main/widgets/meta/OpenGraphMeta.d.ts +0 -9
- package/build/main/widgets/meta/OpenGraphMeta.js +0 -13
- package/build/main/widgets/meta/TwitterCardMeta.d.ts +0 -8
- package/build/main/widgets/meta/TwitterCardMeta.js +0 -13
- package/build/module/lib/components/Sortable/Card.d.ts +0 -8
- package/build/module/lib/components/Sortable/Card.js +0 -57
- package/build/module/lib/components/Sortable/ItemTypes.d.ts +0 -3
- package/build/module/lib/components/Sortable/ItemTypes.js +0 -4
- package/build/module/lib/components/Sortable/SortItems.d.ts +0 -9
- package/build/module/lib/components/Sortable/SortItems.js +0 -54
- package/build/module/lib/components/Upload/Style.d.ts +0 -1
- package/build/module/lib/components/Upload/Style.js +0 -71
- package/build/module/lib/hocs/withReducer/index.d.ts +0 -5
- package/build/module/lib/hocs/withReducer/index.js +0 -25
- package/build/module/lib/library/IBlog.d.ts +0 -25
- package/build/module/lib/library/IBlog.js +0 -2
- package/build/module/lib/loc/en-US.json +0 -86
- package/build/module/lib/loc/mn-MN.json +0 -86
- package/build/module/lib/theme/index.d.ts +0 -1
- package/build/module/lib/theme/index.js +0 -66
- package/build/module/lib/theme/variables/palette.d.ts +0 -142
- package/build/module/lib/theme/variables/palette.js +0 -114
- package/build/module/lib/widgets/meta/BasicMeta.d.ts +0 -10
- package/build/module/lib/widgets/meta/BasicMeta.js +0 -10
- package/build/module/lib/widgets/meta/JsonLdMeta.d.ts +0 -12
- package/build/module/lib/widgets/meta/JsonLdMeta.js +0 -20
- package/build/module/lib/widgets/meta/OpenGraphMeta.d.ts +0 -14
- package/build/module/lib/widgets/meta/OpenGraphMeta.js +0 -10
- package/build/module/lib/widgets/meta/TwitterCardMeta.d.ts +0 -11
- package/build/module/lib/widgets/meta/TwitterCardMeta.js +0 -9
- package/build/module/widgets/Author.d.ts +0 -6
- package/build/module/widgets/Author.js +0 -7
- package/build/module/widgets/Burger.d.ts +0 -7
- package/build/module/widgets/Burger.js +0 -5
- package/build/module/widgets/Copyright.d.ts +0 -3
- package/build/module/widgets/Copyright.js +0 -7
- package/build/module/widgets/Date.d.ts +0 -6
- package/build/module/widgets/Date.js +0 -6
- package/build/module/widgets/Layout.d.ts +0 -6
- package/build/module/widgets/Layout.js +0 -6
- package/build/module/widgets/Navigation.d.ts +0 -13
- package/build/module/widgets/Navigation.js +0 -10
- package/build/module/widgets/Pagination.d.ts +0 -11
- package/build/module/widgets/Pagination.js +0 -8
- package/build/module/widgets/PostItem.d.ts +0 -8
- package/build/module/widgets/PostItem.js +0 -17
- package/build/module/widgets/PostLayout.d.ts +0 -14
- package/build/module/widgets/PostLayout.js +0 -17
- package/build/module/widgets/PostList.d.ts +0 -12
- package/build/module/widgets/PostList.js +0 -12
- package/build/module/widgets/SocialList.d.ts +0 -2
- package/build/module/widgets/SocialList.js +0 -5
- package/build/module/widgets/TagButton.d.ts +0 -7
- package/build/module/widgets/TagButton.js +0 -8
- package/build/module/widgets/TagLink.d.ts +0 -7
- package/build/module/widgets/TagLink.js +0 -6
- package/build/module/widgets/TagPostList.d.ts +0 -12
- package/build/module/widgets/TagPostList.js +0 -15
- package/build/module/widgets/index.d.ts +0 -18
- package/build/module/widgets/index.js +0 -19
- package/build/module/widgets/meta/BasicMeta.d.ts +0 -10
- package/build/module/widgets/meta/BasicMeta.js +0 -7
- package/build/module/widgets/meta/JsonLdMeta.d.ts +0 -12
- package/build/module/widgets/meta/JsonLdMeta.js +0 -19
- package/build/module/widgets/meta/OpenGraphMeta.d.ts +0 -9
- package/build/module/widgets/meta/OpenGraphMeta.js +0 -7
- package/build/module/widgets/meta/TwitterCardMeta.d.ts +0 -8
- package/build/module/widgets/meta/TwitterCardMeta.js +0 -7
package/README.md
CHANGED
|
@@ -8,13 +8,24 @@ const nuudel_core_1 = require("nuudel-core");
|
|
|
8
8
|
const router_1 = require("next/router");
|
|
9
9
|
const TagLink_1 = __importDefault(require("./TagLink"));
|
|
10
10
|
const i18n_1 = require("../loc/i18n");
|
|
11
|
+
const testTags = [
|
|
12
|
+
{ name: 'test', slug: 'test' },
|
|
13
|
+
{ name: 'tags', slug: 'tags' },
|
|
14
|
+
];
|
|
11
15
|
function Navigation({ category, tags = [] }) {
|
|
12
16
|
const router = (0, router_1.useRouter)();
|
|
13
|
-
|
|
17
|
+
const { slug, page } = router.query;
|
|
18
|
+
let _slug = slug instanceof Array ? slug.join('/') : slug;
|
|
19
|
+
return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)("nav", { children: (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: 'widget-navigation-container' }, { children: [(0, jsx_runtime_1.jsxs)(nuudel_core_1.Text, Object.assign({ fontWeight: 700, gutterBottom: true }, { children: [(0, i18n_1.t)('Category'), ' '] }), void 0), (0, jsx_runtime_1.jsx)("ul", { children: category ? (category
|
|
14
20
|
.filter((cat) => cat['parent_id'] === null)
|
|
15
|
-
.map((cat,
|
|
16
|
-
|
|
17
|
-
:
|
|
21
|
+
.map((cat, ind) => ((0, jsx_runtime_1.jsxs)("li", { children: [(0, jsx_runtime_1.jsx)(nuudel_core_1.Link, Object.assign({ href: `/posts/category/${cat['cid']}` }, { children: (0, jsx_runtime_1.jsx)("span", Object.assign({ className: _slug === cat['cid'] ? 'active' : undefined }, { children: cat['name'] }), void 0) }), void 0), console.log('cat.cid', cat['cid']), category.filter((c) => c['parent_id'] === cat['cid'])
|
|
22
|
+
.length ? ((0, jsx_runtime_1.jsx)("ul", Object.assign({ style: {
|
|
23
|
+
paddingLeft: '16px',
|
|
24
|
+
paddingTop: '8px',
|
|
25
|
+
marginBottom: '0',
|
|
26
|
+
} }, { children: category
|
|
27
|
+
.filter((c) => c['parent_id'] === cat.cid)
|
|
28
|
+
.map((c, i) => ((0, jsx_runtime_1.jsxs)("li", { children: [console.log('c.cid', c['cid']), (0, jsx_runtime_1.jsx)(nuudel_core_1.Link, Object.assign({ href: `/posts/category/${c['cid']}` }, { children: (0, jsx_runtime_1.jsx)("span", Object.assign({ className: _slug === c['cid'] ? 'active' : undefined }, { children: c['name'] }), void 0) }), void 0)] }, i))) }), void 0)) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}, void 0))] }, ind)))) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}, void 0)) }, void 0), (0, jsx_runtime_1.jsxs)(nuudel_core_1.Text, Object.assign({ fontWeight: 700, gutterBottom: true }, { children: [(0, i18n_1.t)('Tag'), ' '] }), void 0), (0, jsx_runtime_1.jsx)("ul", Object.assign({ className: 'widget-post-categories' }, { children: testTags.map((it, i) => ((0, jsx_runtime_1.jsx)("li", { children: (0, jsx_runtime_1.jsx)(TagLink_1.default, { tag: it }, void 0) }, i))) }), void 0)] }), void 0) }, void 0) }, void 0));
|
|
18
29
|
}
|
|
19
30
|
exports.default = Navigation;
|
|
20
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
31
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTmF2aWdhdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9saWIvd2lkZ2V0cy9OYXZpZ2F0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFDQSw2Q0FBeUM7QUFDekMsd0NBQXdDO0FBQ3hDLHdEQUFnQztBQUNoQyxzQ0FBZ0M7QUFLaEMsTUFBTSxRQUFRLEdBQUc7SUFDZixFQUFFLElBQUksRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRTtJQUM5QixFQUFFLElBQUksRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRTtDQUMvQixDQUFDO0FBZUYsU0FBd0IsVUFBVSxDQUFDLEVBQUUsUUFBUSxFQUFFLElBQUksR0FBRyxFQUFFLEVBQVM7SUFDL0QsTUFBTSxNQUFNLEdBQUcsSUFBQSxrQkFBUyxHQUFFLENBQUM7SUFFM0IsTUFBTSxFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsR0FBRyxNQUFNLENBQUMsS0FBSyxDQUFDO0lBQ3BDLElBQUksS0FBSyxHQUFXLElBQUksWUFBWSxLQUFLLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQztJQUVsRSxPQUFPLENBQ0wsMkRBQ0UsMENBRUUsK0NBQ0UsU0FBUyxFQUNQLDZCQUE2QixpQkFJL0Isd0JBQUMsa0JBQUksa0JBQUMsVUFBVSxFQUFFLEdBQUcsRUFBRSxZQUFZLHVCQUNoQyxJQUFBLFFBQUMsRUFBQyxVQUFVLENBQUMsRUFBRSxHQUFHLGFBQ2QsRUFDUCx5Q0FDRyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQ1YsUUFBUTs2QkFDTCxNQUFNLENBQUMsQ0FBQyxHQUFHLEVBQUUsRUFBRSxDQUFDLEdBQUcsQ0FBQyxXQUFXLENBQUMsS0FBSyxJQUFJLENBQUM7NkJBQzFDLEdBQUcsQ0FBQyxDQUFDLEdBQUcsRUFBRSxHQUFHLEVBQUUsRUFBRSxDQUFDLENBQ2pCLDJDQUNFLHVCQUFDLGtCQUFJLGtCQUFDLElBQUksRUFBRSxtQkFBbUIsR0FBRyxDQUFDLEtBQUssQ0FBQyxFQUFFLGdCQUN6QywrQ0FDRSxTQUFTLEVBQUUsS0FBSyxLQUFLLEdBQUcsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxTQUFTLGdCQUVyRCxHQUFHLENBQUMsTUFBTSxDQUFDLFlBQ1AsWUFDRixFQUNOLE9BQU8sQ0FBQyxHQUFHLENBQUMsU0FBUyxFQUFFLEdBQUcsQ0FBQyxLQUFLLENBQUMsQ0FBQyxFQUNsQyxRQUFRLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUMsV0FBVyxDQUFDLEtBQUssR0FBRyxDQUFDLEtBQUssQ0FBQyxDQUFDO3FDQUNuRCxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQ1YsNkNBQ0UsS0FBSyxFQUFFO3dDQUNMLFdBQVcsRUFBRSxNQUFNO3dDQUNuQixVQUFVLEVBQUUsS0FBSzt3Q0FDakIsWUFBWSxFQUFFLEdBQUc7cUNBQ2xCLGdCQUVBLFFBQVE7eUNBQ04sTUFBTSxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUMsV0FBVyxDQUFDLEtBQUssR0FBRyxDQUFDLEdBQUcsQ0FBQzt5Q0FDekMsR0FBRyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FDYiwyQ0FDRyxPQUFPLENBQUMsR0FBRyxDQUFDLE9BQU8sRUFBRSxDQUFDLENBQUMsS0FBSyxDQUFDLENBQUMsRUFDL0IsdUJBQUMsa0JBQUksa0JBQUMsSUFBSSxFQUFFLG1CQUFtQixDQUFDLENBQUMsS0FBSyxDQUFDLEVBQUUsZ0JBQ3ZDLCtDQUNFLFNBQVMsRUFDUCxLQUFLLEtBQUssQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLFNBQVMsZ0JBRzFDLENBQUMsQ0FBQyxNQUFNLENBQUMsWUFDTCxZQUNGLEtBVkEsQ0FBQyxDQVdMLENBQ04sQ0FBQyxZQUNELENBQ04sQ0FBQyxDQUFDLENBQUMsQ0FDRiwwREFBSyxDQUNOLEtBckNNLEdBQUcsQ0FzQ1AsQ0FDTixDQUFDLENBQ0wsQ0FBQyxDQUFDLENBQUMsQ0FDRiwwREFBSyxDQUNOLFdBQ0UsRUFDTCx3QkFBQyxrQkFBSSxrQkFBQyxVQUFVLEVBQUUsR0FBRyxFQUFFLFlBQVksdUJBQ2hDLElBQUEsUUFBQyxFQUFDLEtBQUssQ0FBQyxFQUFFLEdBQUcsYUFDVCxFQUNQLDZDQUFJLFNBQVMsRUFBRSx3QkFBd0IsZ0JBQ3BDLFFBQVEsQ0FBQyxHQUFHLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUN2Qix5Q0FDRSx1QkFBQyxpQkFBTyxJQUFDLEdBQUcsRUFBRSxFQUFFLFdBQUksSUFEYixDQUFDLENBRUwsQ0FDTixDQUFDLFlBQ0MsYUFDRCxXQUNGLFdBQ0wsQ0FDSixDQUFDO0FBQ0osQ0FBQztBQWxGRCw2QkFrRkMifQ==
|
|
@@ -11,6 +11,8 @@ const moment_1 = __importDefault(require("moment"));
|
|
|
11
11
|
const nuudel_core_2 = require("nuudel-core");
|
|
12
12
|
const TagButton_1 = __importDefault(require("./TagButton"));
|
|
13
13
|
const Author_1 = __importDefault(require("./Author"));
|
|
14
|
+
const CalendarMonth_1 = __importDefault(require("@mui/icons-material/CalendarMonth"));
|
|
15
|
+
const Person_1 = __importDefault(require("@mui/icons-material/Person"));
|
|
14
16
|
function PostItem({ post }, props) {
|
|
15
17
|
const tags = !post.tags
|
|
16
18
|
? []
|
|
@@ -18,7 +20,7 @@ function PostItem({ post }, props) {
|
|
|
18
20
|
name: tag,
|
|
19
21
|
slug: tag,
|
|
20
22
|
}));
|
|
21
|
-
return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "post-list-item" }, { children: [(0, jsx_runtime_1.jsx)(nuudel_core_1.Link, Object.assign({ noLinkStyle: true, href: '/post/' + post.slug }, { children: (0, jsx_runtime_1.jsx)("h2", Object.assign({ className: "post-list-title" }, { children: post.title }), void 0) }), void 0), (0, jsx_runtime_1.
|
|
23
|
+
return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "post-list-item" }, { children: [(0, jsx_runtime_1.jsx)(nuudel_core_1.Link, Object.assign({ noLinkStyle: true, href: '/post/' + post.slug }, { children: (0, jsx_runtime_1.jsx)("h2", Object.assign({ className: "post-list-title" }, { children: post.title }), void 0) }), void 0), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "post-list-metadata" }, { children: [(0, jsx_runtime_1.jsx)(CalendarMonth_1.default, { fontSize: "inherit" }, void 0), (0, jsx_runtime_1.jsx)("span", { children: (0, jsx_runtime_1.jsx)(Date_1.default, { date: (0, moment_1.default)(post.publishdate).toDate() }, void 0) }, void 0), (0, jsx_runtime_1.jsx)(Person_1.default, { fontSize: "inherit" }, void 0), (0, jsx_runtime_1.jsx)("span", { children: (0, jsx_runtime_1.jsx)(Author_1.default, { author: post.author }, void 0) }, void 0)] }), void 0), (0, jsx_runtime_1.jsx)("p", Object.assign({ className: "post-list-excerpt" }, { children: post['excerpt'] ? ((0, nuudel_utils_1.titleShorter)(post['excerpt'], 512)) : !props.showDetail ? ((0, nuudel_utils_1.titleShorter)((0, nuudel_core_2.getTextFromHtml)(post.content), 512)) : ((0, jsx_runtime_1.jsx)("div", { dangerouslySetInnerHTML: { __html: post.content } }, void 0)) }), void 0), tags.length ? ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: 'tagList' }, { children: tags.map((it, i) => ((0, jsx_runtime_1.jsx)(TagButton_1.default, { tag: it }, i))) }), void 0)) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}, void 0))] }), void 0));
|
|
22
24
|
}
|
|
23
25
|
exports.default = PostItem;
|
|
24
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
26
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUG9zdEl0ZW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbGliL3dpZGdldHMvUG9zdEl0ZW0udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUNBLGtEQUEwQjtBQUMxQiw2Q0FBeUM7QUFDekMsK0NBQXdEO0FBQ3hELG9EQUE0QjtBQUU1Qiw2Q0FBOEM7QUFDOUMsNERBQW9DO0FBQ3BDLHNEQUE4QjtBQUM5QixzRkFBa0U7QUFDbEUsd0VBQW9EO0FBT3BELFNBQXdCLFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBUyxFQUFFLEtBQVk7SUFDNUQsTUFBTSxJQUFJLEdBQWtCLENBQUMsSUFBSSxDQUFDLElBQUk7UUFDcEMsQ0FBQyxDQUFDLEVBQUU7UUFDSixDQUFDLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsR0FBRyxDQUFDLEVBQUUsQ0FBQyxDQUFDO1lBQ3BCLElBQUksRUFBRSxHQUFHO1lBQ1QsSUFBSSxFQUFFLEdBQUc7U0FDVixDQUFDLENBQUMsQ0FBQztJQUVSLE9BQU8sQ0FDTCwrQ0FBSyxTQUFTLEVBQUMsZ0JBQWdCLGlCQUM3Qix1QkFBQyxrQkFBSSxrQkFBQyxXQUFXLFFBQUMsSUFBSSxFQUFFLFFBQVEsR0FBRyxJQUFJLENBQUMsSUFBSSxnQkFDMUMsNkNBQUksU0FBUyxFQUFDLGlCQUFpQixnQkFBRSxJQUFJLENBQUMsS0FBSyxZQUFNLFlBQzVDLEVBQ1AsK0NBQUssU0FBUyxFQUFDLG9CQUFvQixpQkFFakMsdUJBQUMsdUJBQWlCLElBQUMsUUFBUSxFQUFDLFNBQVMsV0FBRyxFQUN4QywyQ0FDRSx1QkFBQyxjQUFJLElBQUMsSUFBSSxFQUFFLElBQUEsZ0JBQU0sRUFBQyxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUMsTUFBTSxFQUFFLFdBQUksV0FDNUMsRUFDUCx1QkFBQyxnQkFBVSxJQUFDLFFBQVEsRUFBQyxTQUFTLFdBQUcsRUFDakMsMkNBQ0UsdUJBQUMsZ0JBQU0sSUFBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLE1BQU0sV0FBSSxXQUMxQixhQUNILEVBQ04sNENBQUcsU0FBUyxFQUFDLG1CQUFtQixnQkFDN0IsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUNqQixJQUFBLDJCQUFZLEVBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxFQUFFLEdBQUcsQ0FBQyxDQUNuQyxDQUFDLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLENBQ3RCLElBQUEsMkJBQVksRUFBQyxJQUFBLDZCQUFlLEVBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxFQUFFLEdBQUcsQ0FBQyxDQUNqRCxDQUFDLENBQUMsQ0FBQyxDQUNGLGdDQUFLLHVCQUF1QixFQUFFLEVBQUUsTUFBTSxFQUFFLElBQUksQ0FBQyxPQUFPLEVBQUUsV0FBSSxDQUMzRCxZQUNDLEVBQ0gsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FDYiw4Q0FBSyxTQUFTLEVBQUUsU0FBUyxnQkFDdEIsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDLEVBQUUsRUFBRSxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQ25CLHVCQUFDLG1CQUFTLElBQVMsR0FBRyxFQUFFLEVBQUUsSUFBVixDQUFDLENBQWEsQ0FDL0IsQ0FBQyxZQUNFLENBQ1AsQ0FBQyxDQUFDLENBQUMsQ0FDRiwwREFBSyxDQUNOLGFBQ0csQ0FDUCxDQUFDO0FBQ0osQ0FBQztBQTVDRCwyQkE0Q0MifQ==
|
|
@@ -11,6 +11,8 @@ const SocialList_1 = require("./SocialList");
|
|
|
11
11
|
const TagButton_1 = __importDefault(require("./TagButton"));
|
|
12
12
|
const next_seo_1 = require("next-seo");
|
|
13
13
|
const MetaJson_1 = require("./meta/MetaJson");
|
|
14
|
+
const CalendarMonth_1 = __importDefault(require("@mui/icons-material/CalendarMonth"));
|
|
15
|
+
const Person_1 = __importDefault(require("@mui/icons-material/Person"));
|
|
14
16
|
function PostLayout({ title, date, slug, author, tags, description = '', children, withCopyright = false, image, }) {
|
|
15
17
|
var _a, _b;
|
|
16
18
|
tags = !tags ? [] : tags;
|
|
@@ -26,11 +28,11 @@ function PostLayout({ title, date, slug, author, tags, description = '', childre
|
|
|
26
28
|
handle: (_a = process === null || process === void 0 ? void 0 : process.env) === null || _a === void 0 ? void 0 : _a.TWITTER_USERNAME,
|
|
27
29
|
site: (_b = process === null || process === void 0 ? void 0 : process.env) === null || _b === void 0 ? void 0 : _b.TWITTER_USERNAME,
|
|
28
30
|
cardType: 'summary_large_image',
|
|
29
|
-
} }, void 0), (0, jsx_runtime_1.jsx)(next_seo_1.ArticleJsonLd, { useAppDir: false, type: "BlogPosting", keywords: keywords.join(', '), url: meta.url, title: meta.title, images: [typeof image === 'string' ? image : image === null || image === void 0 ? void 0 : image.uri].filter(Boolean), datePublished: date.toISOString(), dateModified: date.toISOString(), authorName: authorName, description: meta.description }, void 0), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: 'widget-post-container' }, { children: [(0, jsx_runtime_1.jsxs)("article", { children: [(0, jsx_runtime_1.jsxs)("header", { children: [(0, jsx_runtime_1.jsx)("h1", Object.assign({ className: "post-title" }, { children: title }), void 0), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: 'widget-post-metadata' }, { children: [(0, jsx_runtime_1.jsx)("
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
31
|
+
} }, void 0), (0, jsx_runtime_1.jsx)(next_seo_1.ArticleJsonLd, { useAppDir: false, type: "BlogPosting", keywords: keywords.join(', '), url: meta.url, title: meta.title, images: [typeof image === 'string' ? image : image === null || image === void 0 ? void 0 : image.uri].filter(Boolean), datePublished: date.toISOString(), dateModified: date.toISOString(), authorName: authorName, description: meta.description }, void 0), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: 'widget-post-container' }, { children: [(0, jsx_runtime_1.jsxs)("article", { children: [(0, jsx_runtime_1.jsxs)("header", { children: [(0, jsx_runtime_1.jsx)("h1", Object.assign({ className: "post-title" }, { children: title }), void 0), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: 'widget-post-metadata' }, { children: [(0, jsx_runtime_1.jsx)(CalendarMonth_1.default, { fontSize: "inherit" }, void 0), (0, jsx_runtime_1.jsx)("span", { children: (0, jsx_runtime_1.jsx)(Date_1.default, { date: date }, void 0) }, void 0), (0, jsx_runtime_1.jsx)(Person_1.default, { fontSize: "inherit" }, void 0), (0, jsx_runtime_1.jsx)("span", { children: (0, jsx_runtime_1.jsx)(Author_1.default, { author: authorName }, void 0) }, void 0)] }), void 0)] }, void 0), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: 'widget-post-content' }, { children: children }), void 0)] }, void 0), (0, jsx_runtime_1.jsxs)("footer", { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: 'footer-lists' }, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: 'social-list' }, { children: (0, jsx_runtime_1.jsx)(SocialList_1.SocialList, { items: [
|
|
32
|
+
{ name: 'facebook', link: '#' },
|
|
33
|
+
{ name: 'twitter', link: '#' },
|
|
34
|
+
{ name: 'instagram', link: '#' },
|
|
35
|
+
] }, void 0) }), void 0), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: 'tagList' }, { children: tags.map((it, i) => ((0, jsx_runtime_1.jsx)(TagButton_1.default, { tag: it }, i))) }), void 0)] }), void 0), !!withCopyright && (0, jsx_runtime_1.jsx)(Copyright_1.default, {}, void 0)] }, void 0)] }), void 0)] }, void 0));
|
|
34
36
|
}
|
|
35
37
|
exports.default = PostLayout;
|
|
36
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
38
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUG9zdExheW91dC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9saWIvd2lkZ2V0cy9Qb3N0TGF5b3V0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFDQSxzREFBOEI7QUFDOUIsNERBQW9DO0FBQ3BDLGtEQUEwQjtBQUMxQiw2Q0FBMEM7QUFDMUMsNERBQW9DO0FBR3BDLHVDQUFrRDtBQUNsRCw4Q0FBMkM7QUFFM0Msc0ZBQWtFO0FBQ2xFLHdFQUFvRDtBQWFwRCxTQUF3QixVQUFVLENBQUMsRUFDakMsS0FBSyxFQUNMLElBQUksRUFDSixJQUFJLEVBQ0osTUFBTSxFQUNOLElBQUksRUFDSixXQUFXLEdBQUcsRUFBRSxFQUNoQixRQUFRLEVBQ1IsYUFBYSxHQUFHLEtBQUssRUFDckIsS0FBSyxHQUNDOztJQUNOLElBQUksR0FBRyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUM7SUFDekIsTUFBTSxRQUFRLEdBQUcsSUFBSSxDQUFDLEdBQUcsQ0FBQyxFQUFFLENBQUMsRUFBRSxDQUFDLEVBQUUsQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUN6QyxNQUFNLFVBQVUsR0FBRyxNQUFNLENBQUM7SUFDMUIsTUFBTSxJQUFJLEdBQUcsSUFBQSxtQkFBUSxFQUFDO1FBQ3BCLEdBQUcsRUFBRSxTQUFTLElBQUksRUFBRTtRQUNwQixLQUFLLEVBQUUsS0FBSztRQUNaLFdBQVcsRUFBRSxXQUFXO1FBQ3hCLEtBQUssRUFBRSxLQUFLO0tBQ2IsQ0FBQyxDQUFDO0lBQ0gsT0FBTyxDQUNMLDZEQUNFLHVCQUFDLGtCQUFPLElBQ04sS0FBSyxFQUFFLElBQUksQ0FBQyxLQUFLLEVBQ2pCLFdBQVcsRUFBRSxJQUFJLENBQUMsV0FBVyxFQUM3QixTQUFTLEVBQUUsSUFBSSxDQUFDLEdBQUcsRUFDbkIsU0FBUyxvQkFDSixJQUFJLEdBRVQsT0FBTyxFQUFFO29CQUNQLE1BQU0sRUFBRSxNQUFBLE9BQU8sYUFBUCxPQUFPLHVCQUFQLE9BQU8sQ0FBRSxHQUFHLDBDQUFFLGdCQUFnQjtvQkFDdEMsSUFBSSxFQUFFLE1BQUEsT0FBTyxhQUFQLE9BQU8sdUJBQVAsT0FBTyxDQUFFLEdBQUcsMENBQUUsZ0JBQWdCO29CQUNwQyxRQUFRLEVBQUUscUJBQXFCO2lCQUNoQyxXQUNELEVBQ0YsdUJBQUMsd0JBQWEsSUFDWixTQUFTLEVBQUUsS0FBSyxFQUNoQixJQUFJLEVBQUMsYUFBYSxFQUNsQixRQUFRLEVBQUUsUUFBUSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsRUFDN0IsR0FBRyxFQUFFLElBQUksQ0FBQyxHQUFHLEVBQ2IsS0FBSyxFQUFFLElBQUksQ0FBQyxLQUFLLEVBQ2pCLE1BQU0sRUFBRSxDQUFDLE9BQU8sS0FBSyxLQUFLLFFBQVEsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxLQUFLLGFBQUwsS0FBSyx1QkFBTCxLQUFLLENBQUUsR0FBRyxDQUFDLENBQUMsTUFBTSxDQUM3RCxPQUFPLENBQ1IsRUFDRCxhQUFhLEVBQUUsSUFBSSxDQUFDLFdBQVcsRUFBRSxFQUNqQyxZQUFZLEVBQUUsSUFBSSxDQUFDLFdBQVcsRUFBRSxFQUNoQyxVQUFVLEVBQUUsVUFBVSxFQUN0QixXQUFXLEVBQUUsSUFBSSxDQUFDLFdBQVcsV0FDN0IsRUFDRiwrQ0FBSyxTQUFTLEVBQUUsdUJBQXVCLGlCQUNyQyxnREFDRSwrQ0FDRSw2Q0FBSSxTQUFTLEVBQUMsWUFBWSxnQkFBRSxLQUFLLFlBQU0sRUFDdkMsK0NBQUssU0FBUyxFQUFFLHNCQUFzQixpQkFDcEMsdUJBQUMsdUJBQWlCLElBQUMsUUFBUSxFQUFDLFNBQVMsV0FBRyxFQUN4QywyQ0FDRSx1QkFBQyxjQUFJLElBQUMsSUFBSSxFQUFFLElBQUksV0FBSSxXQUNmLEVBQ1AsdUJBQUMsZ0JBQVUsSUFBQyxRQUFRLEVBQUMsU0FBUyxXQUFHLEVBQ2pDLDJDQUNFLHVCQUFDLGdCQUFNLElBQUMsTUFBTSxFQUFFLFVBQVUsV0FBSSxXQUN6QixhQUNILFlBQ0MsRUFDVCw4Q0FBSyxTQUFTLEVBQUUscUJBQXFCLGdCQUFHLFFBQVEsWUFBTyxZQUMvQyxFQUNWLCtDQUNFLCtDQUFLLFNBQVMsRUFBRSxjQUFjLGlCQUM1Qiw4Q0FBSyxTQUFTLEVBQUUsYUFBYSxnQkFDM0IsdUJBQUMsdUJBQVUsSUFDVCxLQUFLLEVBQUU7Z0RBQ0wsRUFBRSxJQUFJLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxHQUFHLEVBQUU7Z0RBQy9CLEVBQUUsSUFBSSxFQUFFLFNBQVMsRUFBRSxJQUFJLEVBQUUsR0FBRyxFQUFFO2dEQUM5QixFQUFFLElBQUksRUFBRSxXQUFXLEVBQUUsSUFBSSxFQUFFLEdBQUcsRUFBRTs2Q0FDakMsV0FDRCxZQUNFLEVBQ04sOENBQUssU0FBUyxFQUFFLFNBQVMsZ0JBQ3RCLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUNuQix1QkFBQyxtQkFBUyxJQUFTLEdBQUcsRUFBRSxFQUFFLElBQVYsQ0FBQyxDQUFhLENBQy9CLENBQUMsWUFDRSxhQUNGLEVBQ0wsQ0FBQyxDQUFDLGFBQWEsSUFBSSx1QkFBQyxtQkFBUyxhQUFHLFlBQzFCLGFBQ0wsWUFDTCxDQUNKLENBQUM7QUFDSixDQUFDO0FBeEZELDZCQXdGQyJ9
|
|
@@ -38,7 +38,7 @@ const SocialList = (_a) => {
|
|
|
38
38
|
let name = (_a = item.name) === null || _a === void 0 ? void 0 : _a.toLowerCase();
|
|
39
39
|
if (!!name && Object.keys(components).indexOf(name) >= 0) {
|
|
40
40
|
const Component = components[name];
|
|
41
|
-
return ((0, jsx_runtime_1.jsx)(IconButton_1.default, Object.assign({ href: item.link, title: item.name, target: "_blank", className: 'widget-social-' + name }, { children: (0, jsx_runtime_1.jsx)(Component, { className: "widget-social-icon" }, void 0) }), void 0));
|
|
41
|
+
return ((0, jsx_runtime_1.jsx)(IconButton_1.default, Object.assign({ color: "primary", sx: { fontSize: theme => theme.typography.body2 }, href: item.link, title: item.name, target: "_blank", className: 'widget-social-' + name }, { children: (0, jsx_runtime_1.jsx)(Component, { className: "widget-social-icon" }, void 0) }), void 0));
|
|
42
42
|
}
|
|
43
43
|
else {
|
|
44
44
|
return null;
|
|
@@ -46,4 +46,4 @@ const SocialList = (_a) => {
|
|
|
46
46
|
}), props.children] }), void 0));
|
|
47
47
|
};
|
|
48
48
|
exports.SocialList = SocialList;
|
|
49
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
49
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU29jaWFsTGlzdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9saWIvd2lkZ2V0cy9Tb2NpYWxMaXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFDQSwwRUFBa0Q7QUFDbEQsNEVBQXdEO0FBQ3hELDBFQUFzRDtBQUN0RCw4RUFBMEQ7QUFDMUQsMEVBQXNEO0FBQ3RELDRFQUF3RDtBQUN4RCw0RUFBd0Q7QUFtQnhELE1BQU0sVUFBVSxHQUFHO0lBQ2pCLFFBQVEsRUFBRSxrQkFBWTtJQUN0QixPQUFPLEVBQUUsaUJBQVc7SUFDcEIsU0FBUyxFQUFFLG1CQUFhO0lBQ3hCLE9BQU8sRUFBRSxpQkFBVztJQUNwQixRQUFRLEVBQUUsa0JBQVk7SUFDdEIsUUFBUSxFQUFFLGtCQUFZO0NBQ3ZCLENBQUM7QUFFSyxNQUFNLFVBQVUsR0FBZSxDQUFDLEVBQXdCLEVBQUUsRUFBRTtRQUE1QixFQUFFLEtBQUssR0FBRyxFQUFFLE9BQVksRUFBUCxLQUFLLGNBQXRCLFNBQXdCLENBQUY7SUFDM0QsT0FBTyxDQUNMLCtDQUFLLFNBQVMsRUFBRSxvQkFBb0IsRUFBRSxLQUFLLEVBQUUsS0FBSyxDQUFDLEtBQUssaUJBQ3JELEtBQUssQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLEVBQUU7O2dCQUNoQixJQUFJLElBQUksR0FBRyxNQUFBLElBQUksQ0FBQyxJQUFJLDBDQUFFLFdBQVcsRUFBRSxDQUFDO2dCQUNwQyxJQUFJLENBQUMsQ0FBQyxJQUFJLElBQUksTUFBTSxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxFQUFFO29CQUN4RCxNQUFNLFNBQVMsR0FBRyxVQUFVLENBQUMsSUFBSSxDQUFDLENBQUM7b0JBQ25DLE9BQU8sQ0FDTCx1QkFBQyxvQkFBVSxrQkFDVCxLQUFLLEVBQUMsU0FBUyxFQUNmLEVBQUUsRUFBRSxFQUFFLFFBQVEsRUFBRSxLQUFLLENBQUMsRUFBRSxDQUFDLEtBQUssQ0FBQyxVQUFVLENBQUMsS0FBSyxFQUFFLEVBQ2pELElBQUksRUFBRSxJQUFJLENBQUMsSUFBSSxFQUNmLEtBQUssRUFBRSxJQUFJLENBQUMsSUFBSSxFQUNoQixNQUFNLEVBQUMsUUFBUSxFQUNmLFNBQVMsRUFBRSxnQkFBZ0IsR0FBRyxJQUFJLGdCQUVsQyx1QkFBQyxTQUFTLElBQUMsU0FBUyxFQUFDLG9CQUFvQixXQUFHLFlBQ2pDLENBQ2QsQ0FBQztpQkFDSDtxQkFBTTtvQkFDTCxPQUFPLElBQUksQ0FBQztpQkFDYjtZQUNILENBQUMsQ0FBQyxFQUNELEtBQUssQ0FBQyxRQUFRLGFBQ1gsQ0FDUCxDQUFDO0FBQ0osQ0FBQyxDQUFDO0FBMUJXLFFBQUEsVUFBVSxjQTBCckIifQ==
|
|
@@ -5,7 +5,7 @@ const nuudel_core_1 = require("nuudel-core");
|
|
|
5
5
|
function TagButton({ tag }) {
|
|
6
6
|
const name = !tag ? '' : tag.name;
|
|
7
7
|
const slug = !tag ? '' : tag.slug;
|
|
8
|
-
return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(nuudel_core_1.Link, Object.assign({ href: '/posts/tags/[[...slug]]', as: `/posts/tags/${slug}` }, { children: (0, jsx_runtime_1.jsx)("span", Object.assign({ className: 'widget-tag-button', title: slug }, { children: name }), void 0) }), void 0) }, void 0));
|
|
8
|
+
return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(nuudel_core_1.Link, Object.assign({ href: '/posts/tags/[[...slug]]', as: `/posts/tags/${slug}` }, { children: (0, jsx_runtime_1.jsx)("span", Object.assign({ className: 'widget-tag-button', title: slug }, { children: name.length > 22 ? name.substring(0, 22) + '...' : name }), void 0) }), void 0) }, void 0));
|
|
9
9
|
}
|
|
10
10
|
exports.default = TagButton;
|
|
11
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
11
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFnQnV0dG9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2xpYi93aWRnZXRzL1RhZ0J1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBQUEsNkNBQW1DO0FBT25DLFNBQXdCLFNBQVMsQ0FBQyxFQUFFLEdBQUcsRUFBUztJQUM5QyxNQUFNLElBQUksR0FBRyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDO0lBQ2xDLE1BQU0sSUFBSSxHQUFHLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUM7SUFDbEMsT0FBTyxDQUNMLDJEQUNFLHVCQUFDLGtCQUFJLGtCQUFDLElBQUksRUFBRSx5QkFBeUIsRUFBRSxFQUFFLEVBQUUsZUFBZSxJQUFJLEVBQUUsZ0JBQzlELCtDQUFNLFNBQVMsRUFBRSxtQkFBbUIsRUFBRSxLQUFLLEVBQUUsSUFBSSxnQkFDOUMsSUFBSSxDQUFDLE1BQU0sR0FBRyxFQUFFLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxHQUFHLEtBQUssQ0FBQyxDQUFDLENBQUMsSUFBSSxZQUNuRCxZQUNGLFdBQ04sQ0FDSixDQUFDO0FBQ0osQ0FBQztBQVpELDRCQVlDIn0=
|
|
@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
4
4
|
const nuudel_core_1 = require("nuudel-core");
|
|
5
5
|
function Tag({ tag }) {
|
|
6
|
-
return ((0, jsx_runtime_1.jsx)(nuudel_core_1.Link, Object.assign({ href: '/posts/tags/[[...slug]]', as: `/posts/tags/${tag.slug}
|
|
6
|
+
return ((0, jsx_runtime_1.jsx)(nuudel_core_1.Link, Object.assign({ href: '/posts/tags/[[...slug]]', as: `/posts/tags/${tag.slug}`, noLinkStyle: true }, { children: tag.name }), void 0));
|
|
7
7
|
}
|
|
8
8
|
exports.default = Tag;
|
|
9
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
9
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFnTGluay5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9saWIvd2lkZ2V0cy9UYWdMaW5rLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7QUFBQSw2Q0FBbUM7QUFNbkMsU0FBd0IsR0FBRyxDQUFDLEVBQUUsR0FBRyxFQUFTO0lBQ3hDLE9BQU8sQ0FDTCx1QkFBQyxrQkFBSSxrQkFDSCxJQUFJLEVBQUUseUJBQXlCLEVBQy9CLEVBQUUsRUFBRSxlQUFlLEdBQUcsQ0FBQyxJQUFJLEVBQUUsRUFDN0IsV0FBVyxzQkFFVixHQUFHLENBQUMsSUFBSSxZQUNKLENBQ1IsQ0FBQztBQUNKLENBQUM7QUFWRCxzQkFVQyJ9
|
|
@@ -1,14 +1,25 @@
|
|
|
1
1
|
import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
-
import { Link } from 'nuudel-core';
|
|
2
|
+
import { Link, Text } from 'nuudel-core';
|
|
3
3
|
import { useRouter } from 'next/router';
|
|
4
4
|
import TagLink from './TagLink';
|
|
5
5
|
import { t } from '../loc/i18n';
|
|
6
|
+
const testTags = [
|
|
7
|
+
{ name: 'test', slug: 'test' },
|
|
8
|
+
{ name: 'tags', slug: 'tags' },
|
|
9
|
+
];
|
|
6
10
|
export default function Navigation({ category, tags = [] }) {
|
|
7
11
|
const router = useRouter();
|
|
8
|
-
|
|
12
|
+
const { slug, page } = router.query;
|
|
13
|
+
let _slug = slug instanceof Array ? slug.join('/') : slug;
|
|
14
|
+
return (_jsx(_Fragment, { children: _jsx("nav", { children: _jsxs("div", { className: 'widget-navigation-container', children: [_jsxs(Text, { fontWeight: 700, gutterBottom: true, children: [t('Category'), ' '] }, void 0), _jsx("ul", { children: category ? (category
|
|
9
15
|
.filter((cat) => cat['parent_id'] === null)
|
|
10
|
-
.map((cat,
|
|
11
|
-
|
|
12
|
-
:
|
|
16
|
+
.map((cat, ind) => (_jsxs("li", { children: [_jsx(Link, { href: `/posts/category/${cat['cid']}`, children: _jsx("span", { className: _slug === cat['cid'] ? 'active' : undefined, children: cat['name'] }, void 0) }, void 0), console.log('cat.cid', cat['cid']), category.filter((c) => c['parent_id'] === cat['cid'])
|
|
17
|
+
.length ? (_jsx("ul", { style: {
|
|
18
|
+
paddingLeft: '16px',
|
|
19
|
+
paddingTop: '8px',
|
|
20
|
+
marginBottom: '0',
|
|
21
|
+
}, children: category
|
|
22
|
+
.filter((c) => c['parent_id'] === cat.cid)
|
|
23
|
+
.map((c, i) => (_jsxs("li", { children: [console.log('c.cid', c['cid']), _jsx(Link, { href: `/posts/category/${c['cid']}`, children: _jsx("span", { className: _slug === c['cid'] ? 'active' : undefined, children: c['name'] }, void 0) }, void 0)] }, i))) }, void 0)) : (_jsx(_Fragment, {}, void 0))] }, ind)))) : (_jsx(_Fragment, {}, void 0)) }, void 0), _jsxs(Text, { fontWeight: 700, gutterBottom: true, children: [t('Tag'), ' '] }, void 0), _jsx("ul", { className: 'widget-post-categories', children: testTags.map((it, i) => (_jsx("li", { children: _jsx(TagLink, { tag: it }, void 0) }, i))) }, void 0)] }, void 0) }, void 0) }, void 0));
|
|
13
24
|
}
|
|
14
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
25
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTmF2aWdhdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9saWIvd2lkZ2V0cy9OYXZpZ2F0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQ0EsT0FBTyxFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsTUFBTSxhQUFhLENBQUM7QUFDekMsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGFBQWEsQ0FBQztBQUN4QyxPQUFPLE9BQU8sTUFBTSxXQUFXLENBQUM7QUFDaEMsT0FBTyxFQUFFLENBQUMsRUFBRSxNQUFNLGFBQWEsQ0FBQztBQUtoQyxNQUFNLFFBQVEsR0FBRztJQUNmLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFO0lBQzlCLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFO0NBQy9CLENBQUM7QUFlRixNQUFNLENBQUMsT0FBTyxVQUFVLFVBQVUsQ0FBQyxFQUFFLFFBQVEsRUFBRSxJQUFJLEdBQUcsRUFBRSxFQUFTO0lBQy9ELE1BQU0sTUFBTSxHQUFHLFNBQVMsRUFBRSxDQUFDO0lBRTNCLE1BQU0sRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLEdBQUcsTUFBTSxDQUFDLEtBQUssQ0FBQztJQUNwQyxJQUFJLEtBQUssR0FBVyxJQUFJLFlBQVksS0FBSyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUM7SUFFbEUsT0FBTyxDQUNMLDRCQUNFLHdCQUVFLGVBQ0UsU0FBUyxFQUNQLDZCQUE2QixhQUkvQixNQUFDLElBQUksSUFBQyxVQUFVLEVBQUUsR0FBRyxFQUFFLFlBQVksbUJBQ2hDLENBQUMsQ0FBQyxVQUFVLENBQUMsRUFBRSxHQUFHLFlBQ2QsRUFDUCx1QkFDRyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQ1YsUUFBUTs2QkFDTCxNQUFNLENBQUMsQ0FBQyxHQUFHLEVBQUUsRUFBRSxDQUFDLEdBQUcsQ0FBQyxXQUFXLENBQUMsS0FBSyxJQUFJLENBQUM7NkJBQzFDLEdBQUcsQ0FBQyxDQUFDLEdBQUcsRUFBRSxHQUFHLEVBQUUsRUFBRSxDQUFDLENBQ2pCLHlCQUNFLEtBQUMsSUFBSSxJQUFDLElBQUksRUFBRSxtQkFBbUIsR0FBRyxDQUFDLEtBQUssQ0FBQyxFQUFFLFlBQ3pDLGVBQ0UsU0FBUyxFQUFFLEtBQUssS0FBSyxHQUFHLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsU0FBUyxZQUVyRCxHQUFHLENBQUMsTUFBTSxDQUFDLFdBQ1AsV0FDRixFQUNOLE9BQU8sQ0FBQyxHQUFHLENBQUMsU0FBUyxFQUFFLEdBQUcsQ0FBQyxLQUFLLENBQUMsQ0FBQyxFQUNsQyxRQUFRLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUMsV0FBVyxDQUFDLEtBQUssR0FBRyxDQUFDLEtBQUssQ0FBQyxDQUFDO3FDQUNuRCxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQ1YsYUFDRSxLQUFLLEVBQUU7d0NBQ0wsV0FBVyxFQUFFLE1BQU07d0NBQ25CLFVBQVUsRUFBRSxLQUFLO3dDQUNqQixZQUFZLEVBQUUsR0FBRztxQ0FDbEIsWUFFQSxRQUFRO3lDQUNOLE1BQU0sQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUFDLFdBQVcsQ0FBQyxLQUFLLEdBQUcsQ0FBQyxHQUFHLENBQUM7eUNBQ3pDLEdBQUcsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQ2IseUJBQ0csT0FBTyxDQUFDLEdBQUcsQ0FBQyxPQUFPLEVBQUUsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDLEVBQy9CLEtBQUMsSUFBSSxJQUFDLElBQUksRUFBRSxtQkFBbUIsQ0FBQyxDQUFDLEtBQUssQ0FBQyxFQUFFLFlBQ3ZDLGVBQ0UsU0FBUyxFQUNQLEtBQUssS0FBSyxDQUFDLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsU0FBUyxZQUcxQyxDQUFDLENBQUMsTUFBTSxDQUFDLFdBQ0wsV0FDRixLQVZBLENBQUMsQ0FXTCxDQUNOLENBQUMsV0FDRCxDQUNOLENBQUMsQ0FBQyxDQUFDLENBQ0YsMkJBQUssQ0FDTixLQXJDTSxHQUFHLENBc0NQLENBQ04sQ0FBQyxDQUNMLENBQUMsQ0FBQyxDQUFDLENBQ0YsMkJBQUssQ0FDTixXQUNFLEVBQ0wsTUFBQyxJQUFJLElBQUMsVUFBVSxFQUFFLEdBQUcsRUFBRSxZQUFZLG1CQUNoQyxDQUFDLENBQUMsS0FBSyxDQUFDLEVBQUUsR0FBRyxZQUNULEVBQ1AsYUFBSSxTQUFTLEVBQUUsd0JBQXdCLFlBQ3BDLFFBQVEsQ0FBQyxHQUFHLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUN2Qix1QkFDRSxLQUFDLE9BQU8sSUFBQyxHQUFHLEVBQUUsRUFBRSxXQUFJLElBRGIsQ0FBQyxDQUVMLENBQ04sQ0FBQyxXQUNDLFlBQ0QsV0FDRixXQUNMLENBQ0osQ0FBQztBQUNKLENBQUMifQ==
|
|
@@ -6,6 +6,8 @@ import moment from 'moment';
|
|
|
6
6
|
import { getTextFromHtml } from 'nuudel-core';
|
|
7
7
|
import TagButton from './TagButton';
|
|
8
8
|
import Author from './Author';
|
|
9
|
+
import CalendarMonthIcon from '@mui/icons-material/CalendarMonth';
|
|
10
|
+
import PersonIcon from '@mui/icons-material/Person';
|
|
9
11
|
export default function PostItem({ post }, props) {
|
|
10
12
|
const tags = !post.tags
|
|
11
13
|
? []
|
|
@@ -13,6 +15,6 @@ export default function PostItem({ post }, props) {
|
|
|
13
15
|
name: tag,
|
|
14
16
|
slug: tag,
|
|
15
17
|
}));
|
|
16
|
-
return (_jsxs("div", { className: "post-list-item", children: [_jsx(Link, { noLinkStyle: true, href: '/post/' + post.slug, children: _jsx("h2", { className: "post-list-title", children: post.title }, void 0) }, void 0),
|
|
18
|
+
return (_jsxs("div", { className: "post-list-item", children: [_jsx(Link, { noLinkStyle: true, href: '/post/' + post.slug, children: _jsx("h2", { className: "post-list-title", children: post.title }, void 0) }, void 0), _jsxs("div", { className: "post-list-metadata", children: [_jsx(CalendarMonthIcon, { fontSize: "inherit" }, void 0), _jsx("span", { children: _jsx(Date, { date: moment(post.publishdate).toDate() }, void 0) }, void 0), _jsx(PersonIcon, { fontSize: "inherit" }, void 0), _jsx("span", { children: _jsx(Author, { author: post.author }, void 0) }, void 0)] }, void 0), _jsx("p", { className: "post-list-excerpt", children: post['excerpt'] ? (titleShorter(post['excerpt'], 512)) : !props.showDetail ? (titleShorter(getTextFromHtml(post.content), 512)) : (_jsx("div", { dangerouslySetInnerHTML: { __html: post.content } }, void 0)) }, void 0), tags.length ? (_jsx("div", { className: 'tagList', children: tags.map((it, i) => (_jsx(TagButton, { tag: it }, i))) }, void 0)) : (_jsx(_Fragment, {}, void 0))] }, void 0));
|
|
17
19
|
}
|
|
18
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
20
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUG9zdEl0ZW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbGliL3dpZGdldHMvUG9zdEl0ZW0udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFDQSxPQUFPLElBQUksTUFBTSxRQUFRLENBQUM7QUFDMUIsT0FBTyxFQUFFLElBQUksRUFBUSxNQUFNLGFBQWEsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFjLE1BQU0sY0FBYyxDQUFDO0FBQ3hELE9BQU8sTUFBTSxNQUFNLFFBQVEsQ0FBQztBQUU1QixPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sYUFBYSxDQUFDO0FBQzlDLE9BQU8sU0FBUyxNQUFNLGFBQWEsQ0FBQztBQUNwQyxPQUFPLE1BQU0sTUFBTSxVQUFVLENBQUM7QUFDOUIsT0FBTyxpQkFBaUIsTUFBTSxtQ0FBbUMsQ0FBQztBQUNsRSxPQUFPLFVBQVUsTUFBTSw0QkFBNEIsQ0FBQztBQU9wRCxNQUFNLENBQUMsT0FBTyxVQUFVLFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBUyxFQUFFLEtBQVk7SUFDNUQsTUFBTSxJQUFJLEdBQWtCLENBQUMsSUFBSSxDQUFDLElBQUk7UUFDcEMsQ0FBQyxDQUFDLEVBQUU7UUFDSixDQUFDLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsR0FBRyxDQUFDLEVBQUUsQ0FBQyxDQUFDO1lBQ3BCLElBQUksRUFBRSxHQUFHO1lBQ1QsSUFBSSxFQUFFLEdBQUc7U0FDVixDQUFDLENBQUMsQ0FBQztJQUVSLE9BQU8sQ0FDTCxlQUFLLFNBQVMsRUFBQyxnQkFBZ0IsYUFDN0IsS0FBQyxJQUFJLElBQUMsV0FBVyxRQUFDLElBQUksRUFBRSxRQUFRLEdBQUcsSUFBSSxDQUFDLElBQUksWUFDMUMsYUFBSSxTQUFTLEVBQUMsaUJBQWlCLFlBQUUsSUFBSSxDQUFDLEtBQUssV0FBTSxXQUM1QyxFQUNQLGVBQUssU0FBUyxFQUFDLG9CQUFvQixhQUVqQyxLQUFDLGlCQUFpQixJQUFDLFFBQVEsRUFBQyxTQUFTLFdBQUcsRUFDeEMseUJBQ0UsS0FBQyxJQUFJLElBQUMsSUFBSSxFQUFFLE1BQU0sQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUMsTUFBTSxFQUFFLFdBQUksV0FDNUMsRUFDUCxLQUFDLFVBQVUsSUFBQyxRQUFRLEVBQUMsU0FBUyxXQUFHLEVBQ2pDLHlCQUNFLEtBQUMsTUFBTSxJQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsTUFBTSxXQUFJLFdBQzFCLFlBQ0gsRUFDTixZQUFHLFNBQVMsRUFBQyxtQkFBbUIsWUFDN0IsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUNqQixZQUFZLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxFQUFFLEdBQUcsQ0FBQyxDQUNuQyxDQUFDLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLENBQ3RCLFlBQVksQ0FBQyxlQUFlLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxFQUFFLEdBQUcsQ0FBQyxDQUNqRCxDQUFDLENBQUMsQ0FBQyxDQUNGLGNBQUssdUJBQXVCLEVBQUUsRUFBRSxNQUFNLEVBQUUsSUFBSSxDQUFDLE9BQU8sRUFBRSxXQUFJLENBQzNELFdBQ0MsRUFDSCxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUNiLGNBQUssU0FBUyxFQUFFLFNBQVMsWUFDdEIsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDLEVBQUUsRUFBRSxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQ25CLEtBQUMsU0FBUyxJQUFTLEdBQUcsRUFBRSxFQUFFLElBQVYsQ0FBQyxDQUFhLENBQy9CLENBQUMsV0FDRSxDQUNQLENBQUMsQ0FBQyxDQUFDLENBQ0YsMkJBQUssQ0FDTixZQUNHLENBQ1AsQ0FBQztBQUNKLENBQUMifQ==
|
|
@@ -6,6 +6,8 @@ import { SocialList } from './SocialList';
|
|
|
6
6
|
import TagButton from './TagButton';
|
|
7
7
|
import { ArticleJsonLd, NextSeo } from 'next-seo';
|
|
8
8
|
import { MetaJson } from './meta/MetaJson';
|
|
9
|
+
import CalendarMonthIcon from '@mui/icons-material/CalendarMonth';
|
|
10
|
+
import PersonIcon from '@mui/icons-material/Person';
|
|
9
11
|
export default function PostLayout({ title, date, slug, author, tags, description = '', children, withCopyright = false, image, }) {
|
|
10
12
|
tags = !tags ? [] : tags;
|
|
11
13
|
const keywords = tags.map(it => it.name);
|
|
@@ -22,10 +24,10 @@ export default function PostLayout({ title, date, slug, author, tags, descriptio
|
|
|
22
24
|
handle: process?.env?.TWITTER_USERNAME,
|
|
23
25
|
site: process?.env?.TWITTER_USERNAME,
|
|
24
26
|
cardType: 'summary_large_image',
|
|
25
|
-
} }, void 0), _jsx(ArticleJsonLd, { useAppDir: false, type: "BlogPosting", keywords: keywords.join(', '), url: meta.url, title: meta.title, images: [typeof image === 'string' ? image : image?.uri].filter(Boolean), datePublished: date.toISOString(), dateModified: date.toISOString(), authorName: authorName, description: meta.description }, void 0), _jsxs("div", { className: 'widget-post-container', children: [_jsxs("article", { children: [_jsxs("header", { children: [_jsx("h1", { className: "post-title", children: title }, void 0), _jsxs("div", { className: 'widget-post-metadata', children: [_jsx("
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
27
|
+
} }, void 0), _jsx(ArticleJsonLd, { useAppDir: false, type: "BlogPosting", keywords: keywords.join(', '), url: meta.url, title: meta.title, images: [typeof image === 'string' ? image : image?.uri].filter(Boolean), datePublished: date.toISOString(), dateModified: date.toISOString(), authorName: authorName, description: meta.description }, void 0), _jsxs("div", { className: 'widget-post-container', children: [_jsxs("article", { children: [_jsxs("header", { children: [_jsx("h1", { className: "post-title", children: title }, void 0), _jsxs("div", { className: 'widget-post-metadata', children: [_jsx(CalendarMonthIcon, { fontSize: "inherit" }, void 0), _jsx("span", { children: _jsx(Date, { date: date }, void 0) }, void 0), _jsx(PersonIcon, { fontSize: "inherit" }, void 0), _jsx("span", { children: _jsx(Author, { author: authorName }, void 0) }, void 0)] }, void 0)] }, void 0), _jsx("div", { className: 'widget-post-content', children: children }, void 0)] }, void 0), _jsxs("footer", { children: [_jsxs("div", { className: 'footer-lists', children: [_jsx("div", { className: 'social-list', children: _jsx(SocialList, { items: [
|
|
28
|
+
{ name: 'facebook', link: '#' },
|
|
29
|
+
{ name: 'twitter', link: '#' },
|
|
30
|
+
{ name: 'instagram', link: '#' },
|
|
31
|
+
] }, void 0) }, void 0), _jsx("div", { className: 'tagList', children: tags.map((it, i) => (_jsx(TagButton, { tag: it }, i))) }, void 0)] }, void 0), !!withCopyright && _jsx(Copyright, {}, void 0)] }, void 0)] }, void 0)] }, void 0));
|
|
30
32
|
}
|
|
31
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
33
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUG9zdExheW91dC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9saWIvd2lkZ2V0cy9Qb3N0TGF5b3V0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQ0EsT0FBTyxNQUFNLE1BQU0sVUFBVSxDQUFDO0FBQzlCLE9BQU8sU0FBUyxNQUFNLGFBQWEsQ0FBQztBQUNwQyxPQUFPLElBQUksTUFBTSxRQUFRLENBQUM7QUFDMUIsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGNBQWMsQ0FBQztBQUMxQyxPQUFPLFNBQVMsTUFBTSxhQUFhLENBQUM7QUFHcEMsT0FBTyxFQUFFLGFBQWEsRUFBRSxPQUFPLEVBQUUsTUFBTSxVQUFVLENBQUM7QUFDbEQsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBRTNDLE9BQU8saUJBQWlCLE1BQU0sbUNBQW1DLENBQUM7QUFDbEUsT0FBTyxVQUFVLE1BQU0sNEJBQTRCLENBQUM7QUFhcEQsTUFBTSxDQUFDLE9BQU8sVUFBVSxVQUFVLENBQUMsRUFDakMsS0FBSyxFQUNMLElBQUksRUFDSixJQUFJLEVBQ0osTUFBTSxFQUNOLElBQUksRUFDSixXQUFXLEdBQUcsRUFBRSxFQUNoQixRQUFRLEVBQ1IsYUFBYSxHQUFHLEtBQUssRUFDckIsS0FBSyxHQUNDO0lBQ04sSUFBSSxHQUFHLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQztJQUN6QixNQUFNLFFBQVEsR0FBRyxJQUFJLENBQUMsR0FBRyxDQUFDLEVBQUUsQ0FBQyxFQUFFLENBQUMsRUFBRSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ3pDLE1BQU0sVUFBVSxHQUFHLE1BQU0sQ0FBQztJQUMxQixNQUFNLElBQUksR0FBRyxRQUFRLENBQUM7UUFDcEIsR0FBRyxFQUFFLFNBQVMsSUFBSSxFQUFFO1FBQ3BCLEtBQUssRUFBRSxLQUFLO1FBQ1osV0FBVyxFQUFFLFdBQVc7UUFDeEIsS0FBSyxFQUFFLEtBQUs7S0FDYixDQUFDLENBQUM7SUFDSCxPQUFPLENBQ0wsOEJBQ0UsS0FBQyxPQUFPLElBQ04sS0FBSyxFQUFFLElBQUksQ0FBQyxLQUFLLEVBQ2pCLFdBQVcsRUFBRSxJQUFJLENBQUMsV0FBVyxFQUM3QixTQUFTLEVBQUUsSUFBSSxDQUFDLEdBQUcsRUFDbkIsU0FBUyxFQUFFO29CQUNULEdBQUcsSUFBSTtpQkFDUixFQUNELE9BQU8sRUFBRTtvQkFDUCxNQUFNLEVBQUUsT0FBTyxFQUFFLEdBQUcsRUFBRSxnQkFBZ0I7b0JBQ3RDLElBQUksRUFBRSxPQUFPLEVBQUUsR0FBRyxFQUFFLGdCQUFnQjtvQkFDcEMsUUFBUSxFQUFFLHFCQUFxQjtpQkFDaEMsV0FDRCxFQUNGLEtBQUMsYUFBYSxJQUNaLFNBQVMsRUFBRSxLQUFLLEVBQ2hCLElBQUksRUFBQyxhQUFhLEVBQ2xCLFFBQVEsRUFBRSxRQUFRLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxFQUM3QixHQUFHLEVBQUUsSUFBSSxDQUFDLEdBQUcsRUFDYixLQUFLLEVBQUUsSUFBSSxDQUFDLEtBQUssRUFDakIsTUFBTSxFQUFFLENBQUMsT0FBTyxLQUFLLEtBQUssUUFBUSxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLEtBQUssRUFBRSxHQUFHLENBQUMsQ0FBQyxNQUFNLENBQzdELE9BQU8sQ0FDUixFQUNELGFBQWEsRUFBRSxJQUFJLENBQUMsV0FBVyxFQUFFLEVBQ2pDLFlBQVksRUFBRSxJQUFJLENBQUMsV0FBVyxFQUFFLEVBQ2hDLFVBQVUsRUFBRSxVQUFVLEVBQ3RCLFdBQVcsRUFBRSxJQUFJLENBQUMsV0FBVyxXQUM3QixFQUNGLGVBQUssU0FBUyxFQUFFLHVCQUF1QixhQUNyQyw4QkFDRSw2QkFDRSxhQUFJLFNBQVMsRUFBQyxZQUFZLFlBQUUsS0FBSyxXQUFNLEVBQ3ZDLGVBQUssU0FBUyxFQUFFLHNCQUFzQixhQUNwQyxLQUFDLGlCQUFpQixJQUFDLFFBQVEsRUFBQyxTQUFTLFdBQUcsRUFDeEMseUJBQ0UsS0FBQyxJQUFJLElBQUMsSUFBSSxFQUFFLElBQUksV0FBSSxXQUNmLEVBQ1AsS0FBQyxVQUFVLElBQUMsUUFBUSxFQUFDLFNBQVMsV0FBRyxFQUNqQyx5QkFDRSxLQUFDLE1BQU0sSUFBQyxNQUFNLEVBQUUsVUFBVSxXQUFJLFdBQ3pCLFlBQ0gsWUFDQyxFQUNULGNBQUssU0FBUyxFQUFFLHFCQUFxQixZQUFHLFFBQVEsV0FBTyxZQUMvQyxFQUNWLDZCQUNFLGVBQUssU0FBUyxFQUFFLGNBQWMsYUFDNUIsY0FBSyxTQUFTLEVBQUUsYUFBYSxZQUMzQixLQUFDLFVBQVUsSUFDVCxLQUFLLEVBQUU7Z0RBQ0wsRUFBRSxJQUFJLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxHQUFHLEVBQUU7Z0RBQy9CLEVBQUUsSUFBSSxFQUFFLFNBQVMsRUFBRSxJQUFJLEVBQUUsR0FBRyxFQUFFO2dEQUM5QixFQUFFLElBQUksRUFBRSxXQUFXLEVBQUUsSUFBSSxFQUFFLEdBQUcsRUFBRTs2Q0FDakMsV0FDRCxXQUNFLEVBQ04sY0FBSyxTQUFTLEVBQUUsU0FBUyxZQUN0QixJQUFJLENBQUMsR0FBRyxDQUFDLENBQUMsRUFBRSxFQUFFLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FDbkIsS0FBQyxTQUFTLElBQVMsR0FBRyxFQUFFLEVBQUUsSUFBVixDQUFDLENBQWEsQ0FDL0IsQ0FBQyxXQUNFLFlBQ0YsRUFDTCxDQUFDLENBQUMsYUFBYSxJQUFJLEtBQUMsU0FBUyxhQUFHLFlBQzFCLFlBQ0wsWUFDTCxDQUNKLENBQUM7QUFDSixDQUFDIn0=
|
|
@@ -19,11 +19,11 @@ export const SocialList = ({ items = [], ...props }) => {
|
|
|
19
19
|
let name = item.name?.toLowerCase();
|
|
20
20
|
if (!!name && Object.keys(components).indexOf(name) >= 0) {
|
|
21
21
|
const Component = components[name];
|
|
22
|
-
return (_jsx(IconButton, { href: item.link, title: item.name, target: "_blank", className: 'widget-social-' + name, children: _jsx(Component, { className: "widget-social-icon" }, void 0) }, void 0));
|
|
22
|
+
return (_jsx(IconButton, { color: "primary", sx: { fontSize: theme => theme.typography.body2 }, href: item.link, title: item.name, target: "_blank", className: 'widget-social-' + name, children: _jsx(Component, { className: "widget-social-icon" }, void 0) }, void 0));
|
|
23
23
|
}
|
|
24
24
|
else {
|
|
25
25
|
return null;
|
|
26
26
|
}
|
|
27
27
|
}), props.children] }, void 0));
|
|
28
28
|
};
|
|
29
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
29
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU29jaWFsTGlzdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9saWIvd2lkZ2V0cy9Tb2NpYWxMaXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQ0EsT0FBTyxVQUFVLE1BQU0sMEJBQTBCLENBQUM7QUFDbEQsT0FBTyxZQUFZLE1BQU0sOEJBQThCLENBQUM7QUFDeEQsT0FBTyxXQUFXLE1BQU0sNkJBQTZCLENBQUM7QUFDdEQsT0FBTyxhQUFhLE1BQU0sK0JBQStCLENBQUM7QUFDMUQsT0FBTyxXQUFXLE1BQU0sNkJBQTZCLENBQUM7QUFDdEQsT0FBTyxZQUFZLE1BQU0sOEJBQThCLENBQUM7QUFDeEQsT0FBTyxZQUFZLE1BQU0sOEJBQThCLENBQUM7QUFtQnhELE1BQU0sVUFBVSxHQUFHO0lBQ2pCLFFBQVEsRUFBRSxZQUFZO0lBQ3RCLE9BQU8sRUFBRSxXQUFXO0lBQ3BCLFNBQVMsRUFBRSxhQUFhO0lBQ3hCLE9BQU8sRUFBRSxXQUFXO0lBQ3BCLFFBQVEsRUFBRSxZQUFZO0lBQ3RCLFFBQVEsRUFBRSxZQUFZO0NBQ3ZCLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxVQUFVLEdBQWUsQ0FBQyxFQUFFLEtBQUssR0FBRyxFQUFFLEVBQUUsR0FBRyxLQUFLLEVBQUUsRUFBRSxFQUFFO0lBQ2pFLE9BQU8sQ0FDTCxlQUFLLFNBQVMsRUFBRSxvQkFBb0IsRUFBRSxLQUFLLEVBQUUsS0FBSyxDQUFDLEtBQUssYUFDckQsS0FBSyxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsRUFBRTtnQkFDaEIsSUFBSSxJQUFJLEdBQUcsSUFBSSxDQUFDLElBQUksRUFBRSxXQUFXLEVBQUUsQ0FBQztnQkFDcEMsSUFBSSxDQUFDLENBQUMsSUFBSSxJQUFJLE1BQU0sQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsRUFBRTtvQkFDeEQsTUFBTSxTQUFTLEdBQUcsVUFBVSxDQUFDLElBQUksQ0FBQyxDQUFDO29CQUNuQyxPQUFPLENBQ0wsS0FBQyxVQUFVLElBQ1QsS0FBSyxFQUFDLFNBQVMsRUFDZixFQUFFLEVBQUUsRUFBRSxRQUFRLEVBQUUsS0FBSyxDQUFDLEVBQUUsQ0FBQyxLQUFLLENBQUMsVUFBVSxDQUFDLEtBQUssRUFBRSxFQUNqRCxJQUFJLEVBQUUsSUFBSSxDQUFDLElBQUksRUFDZixLQUFLLEVBQUUsSUFBSSxDQUFDLElBQUksRUFDaEIsTUFBTSxFQUFDLFFBQVEsRUFDZixTQUFTLEVBQUUsZ0JBQWdCLEdBQUcsSUFBSSxZQUVsQyxLQUFDLFNBQVMsSUFBQyxTQUFTLEVBQUMsb0JBQW9CLFdBQUcsV0FDakMsQ0FDZCxDQUFDO2lCQUNIO3FCQUFNO29CQUNMLE9BQU8sSUFBSSxDQUFDO2lCQUNiO1lBQ0gsQ0FBQyxDQUFDLEVBQ0QsS0FBSyxDQUFDLFFBQVEsWUFDWCxDQUNQLENBQUM7QUFDSixDQUFDLENBQUMifQ==
|
|
@@ -3,6 +3,6 @@ import { Link } from 'nuudel-core';
|
|
|
3
3
|
export default function TagButton({ tag }) {
|
|
4
4
|
const name = !tag ? '' : tag.name;
|
|
5
5
|
const slug = !tag ? '' : tag.slug;
|
|
6
|
-
return (_jsx(_Fragment, { children: _jsx(Link, { href: '/posts/tags/[[...slug]]', as: `/posts/tags/${slug}`, children: _jsx("span", { className: 'widget-tag-button', title: slug, children: name }, void 0) }, void 0) }, void 0));
|
|
6
|
+
return (_jsx(_Fragment, { children: _jsx(Link, { href: '/posts/tags/[[...slug]]', as: `/posts/tags/${slug}`, children: _jsx("span", { className: 'widget-tag-button', title: slug, children: name.length > 22 ? name.substring(0, 22) + '...' : name }, void 0) }, void 0) }, void 0));
|
|
7
7
|
}
|
|
8
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
8
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFnQnV0dG9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2xpYi93aWRnZXRzL1RhZ0J1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxhQUFhLENBQUM7QUFPbkMsTUFBTSxDQUFDLE9BQU8sVUFBVSxTQUFTLENBQUMsRUFBRSxHQUFHLEVBQVM7SUFDOUMsTUFBTSxJQUFJLEdBQUcsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQztJQUNsQyxNQUFNLElBQUksR0FBRyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDO0lBQ2xDLE9BQU8sQ0FDTCw0QkFDRSxLQUFDLElBQUksSUFBQyxJQUFJLEVBQUUseUJBQXlCLEVBQUUsRUFBRSxFQUFFLGVBQWUsSUFBSSxFQUFFLFlBQzlELGVBQU0sU0FBUyxFQUFFLG1CQUFtQixFQUFFLEtBQUssRUFBRSxJQUFJLFlBQzlDLElBQUksQ0FBQyxNQUFNLEdBQUcsRUFBRSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUMsRUFBRSxFQUFFLENBQUMsR0FBRyxLQUFLLENBQUMsQ0FBQyxDQUFDLElBQUksV0FDbkQsV0FDRixXQUNOLENBQ0osQ0FBQztBQUNKLENBQUMifQ==
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { Link } from 'nuudel-core';
|
|
3
3
|
export default function Tag({ tag }) {
|
|
4
|
-
return (_jsx(Link, { href: '/posts/tags/[[...slug]]', as: `/posts/tags/${tag.slug}`,
|
|
4
|
+
return (_jsx(Link, { href: '/posts/tags/[[...slug]]', as: `/posts/tags/${tag.slug}`, noLinkStyle: true, children: tag.name }, void 0));
|
|
5
5
|
}
|
|
6
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
6
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFnTGluay5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9saWIvd2lkZ2V0cy9UYWdMaW5rLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLGFBQWEsQ0FBQztBQU1uQyxNQUFNLENBQUMsT0FBTyxVQUFVLEdBQUcsQ0FBQyxFQUFFLEdBQUcsRUFBUztJQUN4QyxPQUFPLENBQ0wsS0FBQyxJQUFJLElBQ0gsSUFBSSxFQUFFLHlCQUF5QixFQUMvQixFQUFFLEVBQUUsZUFBZSxHQUFHLENBQUMsSUFBSSxFQUFFLEVBQzdCLFdBQVcsa0JBRVYsR0FBRyxDQUFDLElBQUksV0FDSixDQUNSLENBQUM7QUFDSixDQUFDIn0=
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "nuudel-core",
|
|
3
|
-
"version": "0.2.
|
|
3
|
+
"version": "0.2.104",
|
|
4
4
|
"description": "Web components for react with material UI",
|
|
5
5
|
"main": "build/main/index.js",
|
|
6
6
|
"typings": "build/main/index.d.ts",
|
|
@@ -24,7 +24,7 @@
|
|
|
24
24
|
"build:main": "tsc -p tsconfig.json",
|
|
25
25
|
"build:module": "tsc -p tsconfig.module.json",
|
|
26
26
|
"prebuild": "tsm src",
|
|
27
|
-
"postbuild": "cpy --cwd
|
|
27
|
+
"postbuild": "cpy --cwd=./ 'src/**/*.scss' build/module && cpy --cwd=./ 'src/**/*.scss' build/module",
|
|
28
28
|
"fix": "run-s fix:*",
|
|
29
29
|
"fix:prettier": "prettier \"src/**/*.ts\" --write",
|
|
30
30
|
"fix:lint": "eslint src --ext .ts --fix",
|
|
@@ -78,7 +78,7 @@
|
|
|
78
78
|
"devDependencies": {
|
|
79
79
|
"@ava/typescript": "^1.1.1",
|
|
80
80
|
"@istanbuljs/nyc-config-typescript": "^1.0.1",
|
|
81
|
-
"@mui/icons-material": "^5.
|
|
81
|
+
"@mui/icons-material": "^5.13.1",
|
|
82
82
|
"@mui/material": "^5.13.1",
|
|
83
83
|
"@types/i18next": "^13.0.0",
|
|
84
84
|
"@types/node-sass": "^4.11.3",
|
|
@@ -116,7 +116,7 @@
|
|
|
116
116
|
"typescript": "4.5.5"
|
|
117
117
|
},
|
|
118
118
|
"peerDependencies": {
|
|
119
|
-
"@mui/icons-material": "^5.
|
|
119
|
+
"@mui/icons-material": "^5.13.1",
|
|
120
120
|
"@mui/material": "^5.13.1",
|
|
121
121
|
"@mui/styles": "^5.13.1",
|
|
122
122
|
"graphql-tag": "^2.12.6",
|
|
@@ -151,6 +151,9 @@
|
|
|
151
151
|
"prettier": {
|
|
152
152
|
"singleQuote": true
|
|
153
153
|
},
|
|
154
|
+
"engines": {
|
|
155
|
+
"node": ">=16"
|
|
156
|
+
},
|
|
154
157
|
"nyc": {
|
|
155
158
|
"extends": "@istanbuljs/nyc-config-typescript",
|
|
156
159
|
"exclude": [
|
|
@@ -1,71 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* color picker
|
|
3
|
-
*/
|
|
4
|
-
|
|
5
|
-
.picker {
|
|
6
|
-
position: relative;
|
|
7
|
-
border-radius: 5px;
|
|
8
|
-
max-height: 30px;
|
|
9
|
-
min-width: 200px;
|
|
10
|
-
}
|
|
11
|
-
|
|
12
|
-
.row {
|
|
13
|
-
display: flex;
|
|
14
|
-
flex-direction: row;
|
|
15
|
-
|
|
16
|
-
>span {
|
|
17
|
-
line-height: 28px;
|
|
18
|
-
}
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
.input {
|
|
22
|
-
display: block;
|
|
23
|
-
box-sizing: border-box;
|
|
24
|
-
width: 90px;
|
|
25
|
-
height: 30px;
|
|
26
|
-
margin: 8px 0 8px 5px;
|
|
27
|
-
padding: 6px;
|
|
28
|
-
border: 1px solid #ddd;
|
|
29
|
-
border-radius: 4px;
|
|
30
|
-
background: #eee;
|
|
31
|
-
outline: none;
|
|
32
|
-
font: inherit;
|
|
33
|
-
text-transform: uppercase;
|
|
34
|
-
text-align: center;
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
.swatch {
|
|
38
|
-
width: 28px;
|
|
39
|
-
height: 28px;
|
|
40
|
-
border-radius: 8px;
|
|
41
|
-
border: 3px solid #fff;
|
|
42
|
-
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), inset 0 0 0 1px rgba(0, 0, 0, 0.1);
|
|
43
|
-
cursor: pointer;
|
|
44
|
-
margin-right: 8px;
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
.popover {
|
|
48
|
-
z-index: 10000;
|
|
49
|
-
position: absolute;
|
|
50
|
-
top: calc(100% + 2px);
|
|
51
|
-
left: 0;
|
|
52
|
-
border-radius: 9px;
|
|
53
|
-
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
|
|
54
|
-
}
|
|
55
|
-
|
|
56
|
-
.pickerSwatches {
|
|
57
|
-
display: flex;
|
|
58
|
-
padding: 12px;
|
|
59
|
-
flex-wrap: wrap;
|
|
60
|
-
}
|
|
61
|
-
|
|
62
|
-
.pickerSwatch {
|
|
63
|
-
width: 24px;
|
|
64
|
-
height: 24px;
|
|
65
|
-
margin: 4px;
|
|
66
|
-
border: none;
|
|
67
|
-
padding: 0;
|
|
68
|
-
border-radius: 4px;
|
|
69
|
-
cursor: pointer;
|
|
70
|
-
outline: none;
|
|
71
|
-
}
|
|
@@ -1,62 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.Card = void 0;
|
|
4
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
-
const react_1 = require("react");
|
|
6
|
-
const react_dnd_1 = require("react-dnd");
|
|
7
|
-
const ItemTypes_1 = require("./ItemTypes");
|
|
8
|
-
const style = {
|
|
9
|
-
border: '1px dashed gray',
|
|
10
|
-
padding: '0.5rem 1rem',
|
|
11
|
-
marginBottom: '.5rem',
|
|
12
|
-
backgroundColor: 'white',
|
|
13
|
-
cursor: 'move',
|
|
14
|
-
};
|
|
15
|
-
const Card = ({ id, text, index, moveCard }) => {
|
|
16
|
-
const ref = (0, react_1.useRef)(null);
|
|
17
|
-
const [{ handlerId }, drop] = (0, react_dnd_1.useDrop)({
|
|
18
|
-
accept: ItemTypes_1.ItemTypes.CARD,
|
|
19
|
-
collect(monitor) {
|
|
20
|
-
return {
|
|
21
|
-
handlerId: monitor.getHandlerId(),
|
|
22
|
-
};
|
|
23
|
-
},
|
|
24
|
-
hover(item, monitor) {
|
|
25
|
-
var _a;
|
|
26
|
-
if (!ref.current) {
|
|
27
|
-
return;
|
|
28
|
-
}
|
|
29
|
-
const dragIndex = item.index;
|
|
30
|
-
const hoverIndex = index;
|
|
31
|
-
if (dragIndex === hoverIndex) {
|
|
32
|
-
return;
|
|
33
|
-
}
|
|
34
|
-
const hoverBoundingRect = (_a = ref.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
|
|
35
|
-
const hoverMiddleY = (hoverBoundingRect.bottom - hoverBoundingRect.top) / 2;
|
|
36
|
-
const clientOffset = monitor.getClientOffset();
|
|
37
|
-
const hoverClientY = clientOffset.y - hoverBoundingRect.top;
|
|
38
|
-
if (dragIndex < hoverIndex && hoverClientY < hoverMiddleY) {
|
|
39
|
-
return;
|
|
40
|
-
}
|
|
41
|
-
if (dragIndex > hoverIndex && hoverClientY > hoverMiddleY) {
|
|
42
|
-
return;
|
|
43
|
-
}
|
|
44
|
-
moveCard(dragIndex, hoverIndex);
|
|
45
|
-
item.index = hoverIndex;
|
|
46
|
-
},
|
|
47
|
-
});
|
|
48
|
-
const [{ isDragging }, drag] = (0, react_dnd_1.useDrag)({
|
|
49
|
-
type: ItemTypes_1.ItemTypes.CARD,
|
|
50
|
-
item: () => {
|
|
51
|
-
return { id, index };
|
|
52
|
-
},
|
|
53
|
-
collect: (monitor) => ({
|
|
54
|
-
isDragging: monitor.isDragging(),
|
|
55
|
-
}),
|
|
56
|
-
});
|
|
57
|
-
const opacity = isDragging ? 0 : 1;
|
|
58
|
-
drag(drop(ref));
|
|
59
|
-
return ((0, jsx_runtime_1.jsx)("div", Object.assign({ ref: ref, style: Object.assign(Object.assign({}, style), { opacity }), "data-handler-id": handlerId }, { children: text }), void 0));
|
|
60
|
-
};
|
|
61
|
-
exports.Card = Card;
|
|
62
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2FyZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9Tb3J0YWJsZS9DYXJkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQ0EsaUNBQTZCO0FBQzdCLHlDQUEyQztBQUUzQywyQ0FBc0M7QUFFdEMsTUFBTSxLQUFLLEdBQUc7SUFDWixNQUFNLEVBQUUsaUJBQWlCO0lBQ3pCLE9BQU8sRUFBRSxhQUFhO0lBQ3RCLFlBQVksRUFBRSxPQUFPO0lBQ3JCLGVBQWUsRUFBRSxPQUFPO0lBQ3hCLE1BQU0sRUFBRSxNQUFNO0NBQ2YsQ0FBQztBQWVLLE1BQU0sSUFBSSxHQUFrQixDQUFDLEVBQUMsRUFBRSxFQUFFLElBQUksRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFDLEVBQUUsRUFBRTtJQUNqRSxNQUFNLEdBQUcsR0FBRyxJQUFBLGNBQU0sRUFBaUIsSUFBSSxDQUFDLENBQUM7SUFDekMsTUFBTSxDQUFDLEVBQUMsU0FBUyxFQUFDLEVBQUUsSUFBSSxDQUFDLEdBQUcsSUFBQSxtQkFBTyxFQUEwQztRQUMzRSxNQUFNLEVBQUUscUJBQVMsQ0FBQyxJQUFJO1FBQ3RCLE9BQU8sQ0FBQyxPQUFPO1lBQ2IsT0FBTztnQkFDTCxTQUFTLEVBQUUsT0FBTyxDQUFDLFlBQVksRUFBRTthQUNsQyxDQUFDO1FBQ0osQ0FBQztRQUNELEtBQUssQ0FBQyxJQUFjLEVBQUUsT0FBTzs7WUFDM0IsSUFBSSxDQUFDLEdBQUcsQ0FBQyxPQUFPLEVBQUU7Z0JBQ2hCLE9BQU87YUFDUjtZQUNELE1BQU0sU0FBUyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUM7WUFDN0IsTUFBTSxVQUFVLEdBQUcsS0FBSyxDQUFDO1lBR3pCLElBQUksU0FBUyxLQUFLLFVBQVUsRUFBRTtnQkFDNUIsT0FBTzthQUNSO1lBR0QsTUFBTSxpQkFBaUIsR0FBRyxNQUFBLEdBQUcsQ0FBQyxPQUFPLDBDQUFFLHFCQUFxQixFQUFFLENBQUM7WUFHL0QsTUFBTSxZQUFZLEdBQ2hCLENBQUMsaUJBQWlCLENBQUMsTUFBTSxHQUFHLGlCQUFpQixDQUFDLEdBQUcsQ0FBQyxHQUFHLENBQUMsQ0FBQztZQUd6RCxNQUFNLFlBQVksR0FBRyxPQUFPLENBQUMsZUFBZSxFQUFFLENBQUM7WUFHL0MsTUFBTSxZQUFZLEdBQUcsWUFBWSxDQUFDLENBQUMsR0FBRyxpQkFBaUIsQ0FBQyxHQUFHLENBQUM7WUFPNUQsSUFBSSxTQUFTLEdBQUcsVUFBVSxJQUFJLFlBQVksR0FBRyxZQUFZLEVBQUU7Z0JBQ3pELE9BQU87YUFDUjtZQUdELElBQUksU0FBUyxHQUFHLFVBQVUsSUFBSSxZQUFZLEdBQUcsWUFBWSxFQUFFO2dCQUN6RCxPQUFPO2FBQ1I7WUFHRCxRQUFRLENBQUMsU0FBUyxFQUFFLFVBQVUsQ0FBQyxDQUFDO1lBTWhDLElBQUksQ0FBQyxLQUFLLEdBQUcsVUFBVSxDQUFDO1FBQzFCLENBQUM7S0FDRixDQUFDLENBQUM7SUFFSCxNQUFNLENBQUMsRUFBQyxVQUFVLEVBQUMsRUFBRSxJQUFJLENBQUMsR0FBRyxJQUFBLG1CQUFPLEVBQUM7UUFDbkMsSUFBSSxFQUFFLHFCQUFTLENBQUMsSUFBSTtRQUNwQixJQUFJLEVBQUUsR0FBRyxFQUFFO1lBQ1QsT0FBTyxFQUFDLEVBQUUsRUFBRSxLQUFLLEVBQUMsQ0FBQztRQUNyQixDQUFDO1FBQ0QsT0FBTyxFQUFFLENBQUMsT0FBWSxFQUFFLEVBQUUsQ0FBQyxDQUFDO1lBQzFCLFVBQVUsRUFBRSxPQUFPLENBQUMsVUFBVSxFQUFFO1NBQ2pDLENBQUM7S0FDSCxDQUFDLENBQUM7SUFFSCxNQUFNLE9BQU8sR0FBRyxVQUFVLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBQ25DLElBQUksQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQztJQUNoQixPQUFPLENBQ0wsOENBQUssR0FBRyxFQUFFLEdBQUcsRUFBRSxLQUFLLGtDQUFNLEtBQUssS0FBRSxPQUFPLHdCQUFvQixTQUFTLGdCQUNsRSxJQUFJLFlBQ0QsQ0FDUCxDQUFDO0FBQ0osQ0FBQyxDQUFDO0FBNUVXLFFBQUEsSUFBSSxRQTRFZiJ9
|