@homotechsual/docusaurus-plugin-showcase 0.1.0

package/lib/theme/ShowcasePage/index.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import React, { useState, useMemo } from 'react';
+import clsx from 'clsx';
+import Layout from '@theme/Layout';
+import Link from '@docusaurus/Link';
+import Translate, { translate } from '@docusaurus/Translate';
+import { sortBy } from '../../core/utils.js';
+import ShowcaseFilters from '../ShowcaseFilters/index.js';
+import ShowcaseCard from '../ShowcaseCard/index.js';
+import { getIcon } from '../icons.js';
+import styles from './styles.module.css';
+export default function ShowcasePage({ showcase }) {
+    const { items, options } = showcase;
+    const sortedItems = useMemo(() => {
+        let result = sortBy(items, (item) => item.name.toLowerCase());
+        if (options.favouriteTag) {
+            result = sortBy(result, (item) => !item.tags.includes(options.favouriteTag));
+        }
+        return result;
+    }, [items, options.favouriteTag]);
+    const [filteredItems, setFilteredItems] = useState(sortedItems);
+    const title = options.pageTitle ?? translate({ id: 'showcase.page.title', message: 'Showcase' });
+    const description = options.pageDescription ?? translate({ id: 'showcase.page.description', message: 'A community showcase.' });
+    const isFiltered = filteredItems.length !== sortedItems.length;
+    const favouriteItems = sortedItems.filter((item) => options.favouriteTag && item.tags.includes(options.favouriteTag));
+    const otherItems = sortedItems.filter((item) => !options.favouriteTag || !item.tags.includes(options.favouriteTag));
+    const FavIcon = getIcon('heart');
+    return (_jsx(Layout, { title: title, description: description, children: _jsxs("main", { className: "margin-vert--lg", children: [_jsxs("section", { className: clsx('margin-top--lg margin-bottom--lg', styles.pageHeader), children: [_jsx("h1", { children: title }), _jsx("p", { children: description }), options.submitUrl && (_jsxs(Link, { className: "button button--primary button--lg", href: options.submitUrl, target: "_blank", rel: "noreferrer", children: [getIcon('plus-square') && React.createElement(getIcon('plus-square'), { size: 16, className: 'margin-right--sm' }), _jsx(Translate, { id: "showcase.header.addButton", children: "Add an item" })] }))] }), _jsx(ShowcaseFilters, { items: sortedItems, options: options, onFilter: setFilteredItems }), filteredItems.length === 0 ? (_jsx("section", { className: styles.noResults, children: _jsx("h2", { children: _jsx(Translate, { id: "showcase.noResults", children: "No results" }) }) })) : isFiltered ? (_jsx("div", { className: "container", children: _jsx("ul", { className: clsx('clean-list', styles.grid), children: filteredItems.map((item) => (_jsx(ShowcaseCard, { item: item, options: options }, item.id))) }) })) : (_jsxs(_Fragment, { children: [favouriteItems.length > 0 && (_jsx("div", { className: styles.favouriteSection, children: _jsxs("div", { className: "container", children: [_jsxs("div", { className: styles.favouriteHeader, children: [_jsx("h2", { children: _jsx(Translate, { id: "showcase.favourites.title", children: "Our favourites" }) }), FavIcon && _jsx(FavIcon, { size: 28, className: styles.favouriteIcon })] }), _jsx("ul", { className: clsx('clean-list', styles.grid), children: favouriteItems.map((item) => (_jsx(ShowcaseCard, { item: item, options: options }, item.id))) })] }) })), _jsxs("div", { className: "container margin-top--lg", children: [_jsx("h2", { children: _jsx(Translate, { id: "showcase.allItems.title", children: "All items" }) }), _jsx("ul", { className: clsx('clean-list', styles.grid), children: otherItems.map((item) => (_jsx(ShowcaseCard, { item: item, options: options }, item.id))) })] })] }))] }) }));
+}
+//# sourceMappingURL=index.js.map

package/lib/theme/ShowcasePage/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/theme/ShowcasePage/index.tsx"],"names":[],"mappings":"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"}

package/lib/theme/ShowcasePage/styles.module.css

@@ -0,0 +1,38 @@
+.pageHeader {
+  text-align: center;
+}
+
+.grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
+  gap: 24px;
+  list-style: none;
+  padding: 0;
+  margin: 0;
+}
+
+.favouriteSection {
+  padding: 2rem 0;
+  background-color: var(--ifm-color-emphasis-100);
+  margin-bottom: 2rem;
+}
+
+.favouriteHeader {
+  display: flex;
+  align-items: center;
+  gap: 1rem;
+  margin-bottom: 1rem;
+}
+
+.favouriteHeader h2 {
+  margin: 0;
+}
+
+.favouriteIcon {
+  color: var(--ifm-color-danger);
+}
+
+.noResults {
+  text-align: center;
+  padding: 2rem;
+}

package/lib/theme/ShowcaseStatusSelect/index.d.ts

@@ -0,0 +1,11 @@
+import React, { type ReactNode } from 'react';
+type Props = {
+    status: string;
+    id: string;
+    label: string;
+    icon: ReactNode;
+};
+export declare function readMaintenanceStatus(search: string): string[];
+export default function ShowcaseStatusSelect({ status, id, label, icon }: Props): React.JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/lib/theme/ShowcaseStatusSelect/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/theme/ShowcaseStatusSelect/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAK7C,KAAK,KAAK,GAAG;IACX,MAAM,EAAE,MAAM,CAAA;IACd,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,SAAS,CAAA;CAChB,CAAA;AAID,wBAAgB,qBAAqB,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,CAE9D;AAED,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,KAAK,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA6BlG"}

package/lib/theme/ShowcaseStatusSelect/index.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useHistory, useLocation } from '@docusaurus/router';
+import { toggleListItem } from '../../core/utils.js';
+import styles from './styles.module.css';
+const StatusQueryKey = 'status';
+export function readMaintenanceStatus(search) {
+    return new URLSearchParams(search).getAll(StatusQueryKey);
+}
+export default function ShowcaseStatusSelect({ status, id, label, icon }) {
+    const location = useLocation();
+    const history = useHistory();
+    const selectedStatuses = readMaintenanceStatus(location.search);
+    const checked = selectedStatuses.includes(status);
+    const toggle = () => {
+        const newStatuses = toggleListItem(selectedStatuses, status);
+        const search = new URLSearchParams(location.search);
+        search.delete(StatusQueryKey);
+        newStatuses.forEach((s) => search.append(StatusQueryKey, s));
+        history.push({ ...location, search: search.toString() });
+    };
+    return (_jsxs(_Fragment, { children: [_jsx("input", { type: "checkbox", id: id, className: styles.srOnly, checked: checked, onChange: toggle }), _jsxs("label", { htmlFor: id, className: styles.checkboxLabel, children: [label, icon] })] }));
+}
+//# sourceMappingURL=index.js.map

package/lib/theme/ShowcaseStatusSelect/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/theme/ShowcaseStatusSelect/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AACpD,OAAO,MAAM,MAAM,qBAAqB,CAAA;AASxC,MAAM,cAAc,GAAG,QAAQ,CAAA;AAE/B,MAAM,UAAU,qBAAqB,CAAC,MAAc;IAClD,OAAO,IAAI,eAAe,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,CAAA;AAC3D,CAAC;AAED,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,IAAI,EAAS;IAC7E,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAA;IAC9B,MAAM,OAAO,GAAG,UAAU,EAAE,CAAA;IAC5B,MAAM,gBAAgB,GAAG,qBAAqB,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAA;IAC/D,MAAM,OAAO,GAAG,gBAAgB,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAA;IAEjD,MAAM,MAAM,GAAG,GAAG,EAAE;QAClB,MAAM,WAAW,GAAG,cAAc,CAAC,gBAAgB,EAAE,MAAM,CAAC,CAAA;QAC5D,MAAM,MAAM,GAAG,IAAI,eAAe,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAA;QACnD,MAAM,CAAC,MAAM,CAAC,cAAc,CAAC,CAAA;QAC7B,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC,CAAA;QAC5D,OAAO,CAAC,IAAI,CAAC,EAAE,GAAG,QAAQ,EAAE,MAAM,EAAE,MAAM,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAA;IAC1D,CAAC,CAAA;IAED,OAAO,CACL,8BACE,gBACE,IAAI,EAAC,UAAU,EACf,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,MAAM,CAAC,MAAM,EACxB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,MAAM,GAChB,EACF,iBAAO,OAAO,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,CAAC,aAAa,aAChD,KAAK,EACL,IAAI,IACC,IACP,CACJ,CAAA;AACH,CAAC"}

package/lib/theme/ShowcaseStatusSelect/styles.module.css

@@ -0,0 +1,44 @@
+.srOnly {
+  border: 0;
+  clip: rect(0 0 0 0);
+  clip-path: polygon(0 0, 0 0, 0 0);
+  height: 1px;
+  margin: -1px;
+  overflow: hidden;
+  padding: 0;
+  position: absolute;
+  width: 1px;
+  white-space: nowrap;
+}
+
+input[type='checkbox'] + .checkboxLabel {
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+  line-height: 1.5;
+  border-radius: 4px;
+  padding: 0.275rem 0.8rem;
+  opacity: 0.85;
+  transition: opacity 200ms ease-out;
+  border: 2px solid var(--ifm-color-secondary-darkest);
+}
+
+.checkboxLabel:hover {
+  opacity: 1;
+  box-shadow: 0 0 2px 1px var(--ifm-color-secondary-darkest);
+}
+
+input:focus-visible + .checkboxLabel {
+  outline: 2px solid currentColor;
+}
+
+input:checked + .checkboxLabel {
+  opacity: 0.9;
+  background-color: var(--site-color-checkbox-checked-bg, hsl(167deg 56% 73% / 25%));
+  border: 2px solid var(--ifm-color-primary-darkest);
+}
+
+input:checked + .checkboxLabel:hover {
+  opacity: 0.75;
+  box-shadow: 0 0 2px 1px var(--ifm-color-primary-dark);
+}

package/lib/theme/ShowcaseTagSelect/index.d.ts

@@ -0,0 +1,11 @@
+import React, { type ReactNode } from 'react';
+type Props = {
+    tag: string;
+    id: string;
+    label: string;
+    icon: ReactNode;
+};
+export declare function readSearchTags(search: string): string[];
+export default function ShowcaseTagSelect({ tag, id, label, icon }: Props): React.JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/lib/theme/ShowcaseTagSelect/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/theme/ShowcaseTagSelect/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAK7C,KAAK,KAAK,GAAG;IACX,GAAG,EAAE,MAAM,CAAA;IACX,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,SAAS,CAAA;CAChB,CAAA;AAID,wBAAgB,cAAc,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,CAEvD;AAED,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,KAAK,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA6B5F"}

package/lib/theme/ShowcaseTagSelect/index.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useHistory, useLocation } from '@docusaurus/router';
+import { toggleListItem } from '../../core/utils.js';
+import styles from './styles.module.css';
+const TagsQueryKey = 'tags';
+export function readSearchTags(search) {
+    return new URLSearchParams(search).getAll(TagsQueryKey);
+}
+export default function ShowcaseTagSelect({ tag, id, label, icon }) {
+    const location = useLocation();
+    const history = useHistory();
+    const selectedTags = readSearchTags(location.search);
+    const checked = selectedTags.includes(tag);
+    const toggle = () => {
+        const newTags = toggleListItem(selectedTags, tag);
+        const search = new URLSearchParams(location.search);
+        search.delete(TagsQueryKey);
+        newTags.forEach((t) => search.append(TagsQueryKey, t));
+        history.push({ ...location, search: search.toString() });
+    };
+    return (_jsxs(_Fragment, { children: [_jsx("input", { type: "checkbox", id: id, className: styles.srOnly, checked: checked, onChange: toggle }), _jsxs("label", { htmlFor: id, className: styles.checkboxLabel, children: [label, icon] })] }));
+}
+//# sourceMappingURL=index.js.map

package/lib/theme/ShowcaseTagSelect/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/theme/ShowcaseTagSelect/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AACpD,OAAO,MAAM,MAAM,qBAAqB,CAAA;AASxC,MAAM,YAAY,GAAG,MAAM,CAAA;AAE3B,MAAM,UAAU,cAAc,CAAC,MAAc;IAC3C,OAAO,IAAI,eAAe,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAA;AACzD,CAAC;AAED,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,KAAK,EAAE,IAAI,EAAS;IACvE,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAA;IAC9B,MAAM,OAAO,GAAG,UAAU,EAAE,CAAA;IAC5B,MAAM,YAAY,GAAG,cAAc,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAA;IACpD,MAAM,OAAO,GAAG,YAAY,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAA;IAE1C,MAAM,MAAM,GAAG,GAAG,EAAE;QAClB,MAAM,OAAO,GAAG,cAAc,CAAC,YAAY,EAAE,GAAG,CAAC,CAAA;QACjD,MAAM,MAAM,GAAG,IAAI,eAAe,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAA;QACnD,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC,CAAA;QAC3B,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,YAAY,EAAE,CAAC,CAAC,CAAC,CAAA;QACtD,OAAO,CAAC,IAAI,CAAC,EAAE,GAAG,QAAQ,EAAE,MAAM,EAAE,MAAM,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAA;IAC1D,CAAC,CAAA;IAED,OAAO,CACL,8BACE,gBACE,IAAI,EAAC,UAAU,EACf,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,MAAM,CAAC,MAAM,EACxB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,MAAM,GAChB,EACF,iBAAO,OAAO,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,CAAC,aAAa,aAChD,KAAK,EACL,IAAI,IACC,IACP,CACJ,CAAA;AACH,CAAC"}

package/lib/theme/ShowcaseTagSelect/styles.module.css

@@ -0,0 +1,44 @@
+.srOnly {
+  border: 0;
+  clip: rect(0 0 0 0);
+  clip-path: polygon(0 0, 0 0, 0 0);
+  height: 1px;
+  margin: -1px;
+  overflow: hidden;
+  padding: 0;
+  position: absolute;
+  width: 1px;
+  white-space: nowrap;
+}
+
+input[type='checkbox'] + .checkboxLabel {
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+  line-height: 1.5;
+  border-radius: 4px;
+  padding: 0.275rem 0.8rem;
+  opacity: 0.85;
+  transition: opacity 200ms ease-out;
+  border: 2px solid var(--ifm-color-secondary-darkest);
+}
+
+.checkboxLabel:hover {
+  opacity: 1;
+  box-shadow: 0 0 2px 1px var(--ifm-color-secondary-darkest);
+}
+
+input:focus-visible + .checkboxLabel {
+  outline: 2px solid currentColor;
+}
+
+input:checked + .checkboxLabel {
+  opacity: 0.9;
+  background-color: var(--site-color-checkbox-checked-bg, hsl(167deg 56% 73% / 25%));
+  border: 2px solid var(--ifm-color-primary-darkest);
+}
+
+input:checked + .checkboxLabel:hover {
+  opacity: 0.75;
+  box-shadow: 0 0 2px 1px var(--ifm-color-primary-dark);
+}

package/lib/theme/ShowcaseTooltip/index.d.ts

@@ -0,0 +1,10 @@
+import React, { type ReactNode } from 'react';
+type Props = {
+    id: string;
+    text: string;
+    anchorEl: string;
+    children: ReactNode;
+};
+export default function ShowcaseTooltip({ id, text, anchorEl, children }: Props): React.JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/lib/theme/ShowcaseTooltip/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/theme/ShowcaseTooltip/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,SAAS,EAAoB,MAAM,OAAO,CAAA;AAG/D,KAAK,KAAK,GAAG;IACX,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,SAAS,CAAA;CACpB,CAAA;AAGD,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,KAAK,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA8ClG"}

package/lib/theme/ShowcaseTooltip/index.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useRef } from 'react';
+import { usePopper } from 'react-popper';
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+export default function ShowcaseTooltip({ id, text, anchorEl, children }) {
+    const [open, setOpen] = useState(false);
+    const triggerRef = useRef(null);
+    const tooltipRef = useRef(null);
+    const { styles: popperStyles, attributes } = usePopper(triggerRef.current, tooltipRef.current, {
+        modifiers: [{ name: 'offset', options: { offset: [0, 8] } }],
+    });
+    return (_jsxs(_Fragment, { children: [_jsx("span", { ref: triggerRef, "aria-describedby": open ? id : undefined, onMouseEnter: () => setOpen(true), onMouseLeave: () => setOpen(false), onFocus: () => setOpen(true), onBlur: () => setOpen(false), children: children }), open && (_jsx("div", { id: id, role: "tooltip", ref: tooltipRef, style: {
+                    ...popperStyles.popper,
+                    background: 'var(--ifm-color-emphasis-700)',
+                    color: 'var(--ifm-color-emphasis-0)',
+                    borderRadius: 4,
+                    padding: '4px 8px',
+                    fontSize: '0.8rem',
+                    maxWidth: 200,
+                    zIndex: 100,
+                }, ...attributes.popper, children: text }))] }));
+}
+//# sourceMappingURL=index.js.map

package/lib/theme/ShowcaseTooltip/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/theme/ShowcaseTooltip/index.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAkB,QAAQ,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAC/D,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AASxC,6DAA6D;AAC7D,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAS;IAC7E,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACvC,MAAM,UAAU,GAAG,MAAM,CAAkB,IAAI,CAAC,CAAA;IAChD,MAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IAC/C,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,UAAU,EAAE,GAAG,SAAS,CACpD,UAAU,CAAC,OAAO,EAClB,UAAU,CAAC,OAAO,EAClB;QACE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC;KAC7D,CACF,CAAA;IAED,OAAO,CACL,8BACE,eACE,GAAG,EAAE,UAAU,sBACG,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,EACvC,YAAY,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,EACjC,YAAY,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAClC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,EAC5B,MAAM,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,YAE3B,QAAQ,GACJ,EACN,IAAI,IAAI,CACP,cACE,EAAE,EAAE,EAAE,EACN,IAAI,EAAC,SAAS,EACd,GAAG,EAAE,UAAU,EACf,KAAK,EAAE;oBACL,GAAG,YAAY,CAAC,MAAM;oBACtB,UAAU,EAAE,+BAA+B;oBAC3C,KAAK,EAAE,6BAA6B;oBACpC,YAAY,EAAE,CAAC;oBACf,OAAO,EAAE,SAAS;oBAClB,QAAQ,EAAE,QAAQ;oBAClB,QAAQ,EAAE,GAAG;oBACb,MAAM,EAAE,GAAG;iBACZ,KACG,UAAU,CAAC,MAAM,YAEpB,IAAI,GACD,CACP,IACA,CACJ,CAAA;AACH,CAAC"}

package/lib/theme/icons.d.ts

@@ -0,0 +1,9 @@
+import type React from 'react';
+type IconComponent = React.ComponentType<{
+    className?: string;
+    size?: number;
+}>;
+export declare const SHOWCASE_ICONS: Record<string, IconComponent>;
+export declare function getIcon(id: string | null | undefined): IconComponent | null;
+export {};
+//# sourceMappingURL=icons.d.ts.map

package/lib/theme/icons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../src/theme/icons.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAQ9B,KAAK,aAAa,GAAG,KAAK,CAAC,aAAa,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,CAAA;AAE/E,eAAO,MAAM,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,CAOxD,CAAA;AAED,wBAAgB,OAAO,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,aAAa,GAAG,IAAI,CAG3E"}

package/lib/theme/icons.js

@@ -0,0 +1,20 @@
+import CircleCheck from '../icons/CircleCheck.js';
+import CircleMinus from '../icons/CircleMinus.js';
+import CircleX from '../icons/CircleX.js';
+import DocusaurusIcon from '../icons/Docusaurus.js';
+import Heart from '../icons/Heart.js';
+import PlusSquare from '../icons/PlusSquare.js';
+export const SHOWCASE_ICONS = {
+    'circle-check': CircleCheck,
+    'circle-minus': CircleMinus,
+    'circle-x': CircleX,
+    'docusaurus': DocusaurusIcon,
+    'heart': Heart,
+    'plus-square': PlusSquare,
+};
+export function getIcon(id) {
+    if (!id)
+        return null;
+    return SHOWCASE_ICONS[id] ?? null;
+}
+//# sourceMappingURL=icons.js.map

package/lib/theme/icons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.js","sourceRoot":"","sources":["../../src/theme/icons.ts"],"names":[],"mappings":"AACA,OAAO,WAAW,MAAM,yBAAyB,CAAA;AACjD,OAAO,WAAW,MAAM,yBAAyB,CAAA;AACjD,OAAO,OAAO,MAAM,qBAAqB,CAAA;AACzC,OAAO,cAAc,MAAM,wBAAwB,CAAA;AACnD,OAAO,KAAK,MAAM,mBAAmB,CAAA;AACrC,OAAO,UAAU,MAAM,wBAAwB,CAAA;AAI/C,MAAM,CAAC,MAAM,cAAc,GAAkC;IAC3D,cAAc,EAAE,WAAW;IAC3B,cAAc,EAAE,WAAW;IAC3B,UAAU,EAAE,OAAO;IACnB,YAAY,EAAE,cAAc;IAC5B,OAAO,EAAE,KAAK;IACd,aAAa,EAAE,UAAU;CAC1B,CAAA;AAED,MAAM,UAAU,OAAO,CAAC,EAA6B;IACnD,IAAI,CAAC,EAAE;QAAE,OAAO,IAAI,CAAA;IACpB,OAAO,cAAc,CAAC,EAAE,CAAC,IAAI,IAAI,CAAA;AACnC,CAAC"}

package/package.json

@@ -0,0 +1,91 @@
+{
+  "name": "@homotechsual/docusaurus-plugin-showcase",
+  "version": "0.1.0",
+  "description": "A Docusaurus plugin for building swizzleable showcase / directory pages from YAML data",
+  "type": "module",
+  "main": "lib/index.js",
+  "types": "lib/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./lib/index.d.ts",
+      "import": "./lib/index.js",
+      "default": "./lib/index.js"
+    },
+    "./presets": {
+      "types": "./lib/presets/index.d.ts",
+      "import": "./lib/presets/index.js",
+      "default": "./lib/presets/index.js"
+    },
+    "./schema/*": "./schema/*"
+  },
+  "files": [
+    "lib/**/*.js",
+    "lib/**/*.js.map",
+    "lib/**/*.d.ts",
+    "lib/**/*.d.ts.map",
+    "lib/**/*.css",
+    "schema/**/*.json"
+  ],
+  "scripts": {
+    "build": "tsc && node scripts/copy-assets.mjs",
+    "watch": "tsc --watch",
+    "lint": "eslint src",
+    "format": "prettier --write \"src/**/*.{ts,tsx,css}\"",
+    "test": "vitest run",
+    "test:watch": "vitest"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/homotechsual/docusaurus-plugin-showcase.git"
+  },
+  "keywords": [
+    "docusaurus",
+    "docusaurus-plugin",
+    "showcase",
+    "directory"
+  ],
+  "author": "Mikey O'Toole <mikey@homotechsual.dev>",
+  "license": "Apache-2.0",
+  "bugs": {
+    "url": "https://github.com/homotechsual/docusaurus-plugin-showcase/issues"
+  },
+  "homepage": "https://github.com/homotechsual/docusaurus-plugin-showcase#readme",
+  "packageManager": "yarn@4.16.0+sha512.5374c94eb4ef6aa8188fb112f20c1aa6569f248d676c5e576e1fd2a1a4d8d87a96df65d9dfe1c2a0252cbe38bda46cf18d955005b81b43cc7607a5c9d56fd2b6",
+  "workspaces": [
+    "demo"
+  ],
+  "peerDependencies": {
+    "@docusaurus/core": ">=3.0.0 <5.0.0",
+    "react": "~19.2.7",
+    "react-dom": "~19.2.7"
+  },
+  "dependencies": {
+    "@docusaurus/faster": "^3.10.1",
+    "@popperjs/core": "^2.11.8",
+    "ajv": "^8.20.0",
+    "ajv-formats": "^3.0.1",
+    "clsx": "^2.1.1",
+    "glob": "^13.0.6",
+    "js-yaml": "^4.2.0",
+    "react-popper": "^2.3.0"
+  },
+  "devDependencies": {
+    "@docusaurus/core": "^3.10.1",
+    "@docusaurus/theme-common": "^3.10.1",
+    "@docusaurus/types": "^3.10.1",
+    "@types/js-yaml": "^4.0.9",
+    "@types/node": "^25.9.2",
+    "@types/react": "^19.2.17",
+    "@types/react-dom": "^19.2.3",
+    "eslint": "^10.4.1",
+    "eslint-config-prettier": "^10.1.8",
+    "globals": "^17.6.0",
+    "prettier": "^3.8.3",
+    "typescript": "^6.0.3",
+    "typescript-eslint": "^8.61.0",
+    "vitest": "^4.1.8"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}

package/schema/plugins-preset/1.0.0.json

@@ -0,0 +1,43 @@
+{
+  "$schema": "https://json-schema.org/draft/2020-12/schema",
+  "$id": "https://github.com/homotechsual/docusaurus-plugin-showcase/schema/plugins-preset/1.0.0.json",
+  "title": "PluginsPresetItem",
+  "type": "object",
+  "required": ["id", "name", "description", "website"],
+  "additionalProperties": false,
+  "properties": {
+    "id": { "type": "string" },
+    "name": { "type": "string" },
+    "description": { "type": "string" },
+    "website": { "type": "string", "format": "uri" },
+    "source": { "type": ["string", "null"], "format": "uri" },
+    "preview": { "type": ["string", "null"] },
+    "author": { "type": ["string", "null"] },
+    "tags": {
+      "type": "array",
+      "items": {
+        "type": "string",
+        "enum": [
+          "favourite",
+          "docusaurus",
+          "search",
+          "api",
+          "utility",
+          "content",
+          "theme",
+          "markdown",
+          "analytics",
+          "integration",
+          "seo",
+          "editing"
+        ]
+      }
+    },
+    "status": {
+      "type": ["string", "null"],
+      "enum": ["maintained", "unmaintained", "unknown", null]
+    },
+    "npmPackages": { "type": ["array", "null"], "items": { "type": "string" } },
+    "minimumVersion": { "type": ["string", "null"] }
+  }
+}

package/schema/showcase/1.0.0.json

@@ -0,0 +1,58 @@
+{
+  "$schema": "https://json-schema.org/draft/2020-12/schema",
+  "$id": "https://github.com/homotechsual/docusaurus-plugin-showcase/schema/showcase/1.0.0.json",
+  "title": "ShowcaseItem",
+  "type": "object",
+  "required": ["id", "name", "description", "website"],
+  "additionalProperties": true,
+  "properties": {
+    "id": {
+      "type": "string",
+      "description": "Unique identifier for this item (e.g. 'author.plugin-name')"
+    },
+    "name": {
+      "type": "string",
+      "description": "Display name"
+    },
+    "description": {
+      "type": "string",
+      "description": "Short description"
+    },
+    "website": {
+      "type": "string",
+      "format": "uri",
+      "description": "Primary URL (docs site, GitHub page, npm page, etc.)"
+    },
+    "source": {
+      "type": ["string", "null"],
+      "format": "uri",
+      "description": "Source code URL"
+    },
+    "preview": {
+      "type": ["string", "null"],
+      "description": "Preview image URL. null = use screenshot service"
+    },
+    "author": {
+      "type": ["string", "null"],
+      "description": "Author handle or name"
+    },
+    "tags": {
+      "type": "array",
+      "items": { "type": "string" },
+      "description": "Tag keys defined in plugin options"
+    },
+    "status": {
+      "type": ["string", "null"],
+      "description": "Status key defined in plugin options"
+    },
+    "npmPackages": {
+      "type": ["array", "null"],
+      "items": { "type": "string" },
+      "description": "npm package name(s)"
+    },
+    "minimumVersion": {
+      "type": ["string", "null"],
+      "description": "Minimum Docusaurus version required"
+    }
+  }
+}

package/schema/sites-preset/1.0.0.json

@@ -0,0 +1,42 @@
+{
+  "$schema": "https://json-schema.org/draft/2020-12/schema",
+  "$id": "https://github.com/homotechsual/docusaurus-plugin-showcase/schema/sites-preset/1.0.0.json",
+  "title": "SiteShowcaseItem",
+  "type": "object",
+  "required": ["id", "description", "website"],
+  "additionalProperties": false,
+  "properties": {
+    "id": {
+      "type": "string",
+      "description": "Unique identifier for this site"
+    },
+    "name": {
+      "type": "string",
+      "description": "Display name"
+    },
+    "title": {
+      "type": "string",
+      "description": "Alias for name (compatible with Docusaurus site showcase format)"
+    },
+    "description": {
+      "type": "string"
+    },
+    "website": {
+      "type": "string",
+      "format": "uri"
+    },
+    "source": {
+      "type": ["string", "null"],
+      "format": "uri",
+      "description": "URL to the website's source repository"
+    },
+    "preview": {
+      "type": ["string", "null"],
+      "description": "Preview image URL. null = use screenshot service or co-located image file."
+    },
+    "tags": {
+      "type": "array",
+      "items": { "type": "string" }
+    }
+  }
+}