@fairgarden/design 0.1.0-alpha.1 → 0.1.0-alpha.2

package/content/code-block/CodeBlockLoading.js

@@ -0,0 +1,90 @@
+'use client';
+import * as React from 'react';
+import { useCodeFallback } from '@fairgarden/docs/CodeHighlighter';
+import { generateFileSlug } from '@fairgarden/docs/pipeline/loaderUtils';
+import { Button } from '../../actions/button';
+import { Icon } from '../../foundations/icon';
+import { Select } from '../../forms/select';
+import { FileTabsControl } from '../../navigation/file-tabs';
+import { useScopeAttributes } from '../../utils/scope';
+import { CodeBlockHeader } from './CodeBlockHeader';
+import { actionLabels, codeBlock, CodeBlockToggle, isOn, openableUrl, variantItems, } from './CodeBlockFrame';
+import styles from './code-block.module.css';
+/** Every scroll target the fallback knows: the initial variant's files, and other variants' when it carries them. */
+export function fallbackSlugs(fallback, fileNames) {
+    const mainSlug = fallback.slug ?? '';
+    const slugs = new Set();
+    for (const name of fileNames) {
+        if (name)
+            slugs.add(generateFileSlug(mainSlug, name, fallback.initialVariant ?? 'Default'));
+    }
+    for (const [variant, data] of Object.entries(fallback.extraVariants ?? {})) {
+        for (const name of data.fileNames ?? []) {
+            if (name)
+                slugs.add(generateFileSlug(mainSlug, name, variant));
+        }
+    }
+    return [...slugs];
+}
+/** Internal to Code Block and Demo: the code section from the fallback. Not exported from the index. */
+export function CodeBlockSectionLoading(props) {
+    const { fallback, collapsible, embedded = false, primary, secondary, className } = props;
+    const scope = useScopeAttributes();
+    const checkboxId = `${React.useId()}-expand`;
+    // `code` is the ready `<code>` for the displayed file, with the attributes
+    // the loaded `<pre>` carries (`data-collapsible`, line counts, language).
+    const { code, collapsed, fileNames: decodedNames, totalLines } = useCodeFallback(fallback);
+    const fileNames = decodedNames ?? fallback.fileNames ?? [];
+    const mainVariant = fallback.initialVariant ?? 'Default';
+    const tabs = fileNames
+        .filter(Boolean)
+        .map((name) => ({ id: name, name, slug: generateFileSlug(fallback.slug ?? '', name, mainVariant) }));
+    // The loaded block's layout: the inline row for one named file; the ⋮
+    // for several files or a nameless one (which has no header row).
+    const inline = tabs.length === 1;
+    const fileName = fallback.initialFilename ?? tabs[0]?.id;
+    const labels = actionLabels(fileName);
+    // The variants the loaded block's Select lists (a Demo's are in its bar),
+    // known when the fallback carries every variant (`fallbackUsesAllVariants`).
+    const variants = embedded
+        ? []
+        : [...new Set([mainVariant, ...Object.keys(fallback.extraVariants ?? {})])];
+    // A nameless file whose one known action is copy hangs a copy ear in the
+    // ⋮'s slot, as the loaded block does (a late TS | JS switch turns it into
+    // the ⋮ there: the same box, another glyph).
+    const copyOnly = tabs.length === 0 && variants.length < 2 && !openableUrl(fallback.url);
+    return (React.createElement("div", { ...scope, className: codeBlock({ embedded, primary, secondary, className }), "data-collapsible": collapsible ? '' : undefined },
+        embedded
+            ? null
+            : fallbackSlugs(fallback, fileNames).map((slug) => (React.createElement("span", { key: slug, id: slug, className: styles.target }))),
+        React.createElement(CodeBlockHeader, { tabs: tabs, value: fallback.initialFilename ?? tabs[0]?.id, disabled: true, embedded: embedded, pending: undefined, primary: primary, secondary: secondary, actions: 
+            // The loaded actions' stand-ins, the same size and in the same order:
+            // the copy ear, the menu's trigger, or the one named file's row of
+            // quiet `text` Buttons (disabled: the muted glyph, no edge). A named
+            // file has a deep link, and a hosted URL a "View source". The
+            // fallback doesn't say whether the file has a TS | JS switch or a
+            // code controller's "Reset edits", so those join the row at the
+            // swap (an engine gap), at its start: the header never wraps, the
+            // label gives them room, and these stand-ins' places hold.
+            copyOnly ? (React.createElement(FileTabsControl, { "aria-label": labels.copy, disabled: true },
+                React.createElement(Icon, { name: "content_copy", size: "inline", weight: "interactive" }))) : !inline ? (React.createElement(FileTabsControl, { "aria-label": "More actions", disabled: true },
+                React.createElement(Icon, { name: "more_vert", size: "tag", weight: "interactive" }))) : (React.createElement(React.Fragment, null,
+                variants.length > 1 ? (React.createElement("span", { className: styles.variantSelect },
+                    React.createElement(Select, { "aria-label": "Variant", items: variantItems(variants), value: mainVariant, disabled: true }))) : null,
+                React.createElement(Button, { variant: "text", iconOnly: true, size: "sm", icon: "content_copy", disabled: true }, labels.copy),
+                fileName ? (React.createElement(Button, { variant: "text", iconOnly: true, size: "sm", icon: "link", disabled: true }, labels.link)) : null,
+                openableUrl(fallback.url) ? (React.createElement(Button, { variant: "text", iconOnly: true, size: "sm", icon: "open_in_new", disabled: true }, labels.source)) : null)) },
+            React.createElement("div", { className: styles.source, dir: "ltr" },
+                React.createElement("pre", { className: styles.pre }, code))),
+        collapsible ? (React.createElement(CodeBlockToggle, { id: checkboxId, lines: totalLines, defaultChecked: fallback.initialExpanded === true, disabled: collapsed })) : null));
+}
+/**
+ * The loading state of a code block: the precomputed fallback in the
+ * loaded block's frame, with its tabs and actions disabled until the
+ * content loads. Pass it as CodeHighlighter's `ContentLoading`.
+ */
+export function CodeBlockLoading(props) {
+    const { primary, secondary, className, ...fallback } = props;
+    return (React.createElement(CodeBlockSectionLoading, { fallback: fallback, collapsible: isOn(fallback.collapse), primary: primary, secondary: secondary, className: className }));
+}
+//# sourceMappingURL=CodeBlockLoading.js.map

package/content/code-block/CodeBlockLoading.js.map

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

package/content/code-block/CodeBlockSection.d.ts

@@ -0,0 +1,40 @@
+import * as React from 'react';
+import type { UseCodeOpts, UseCodeResult } from '@fairgarden/docs/useCode';
+import type { UseCodeWindowResult } from '@fairgarden/docs/useCodeWindow';
+import type { PrimaryScale, RadixScale } from '../../utils/scales';
+import { type CopyToasts } from './CodeBlockToasts';
+/** A swap's scroll-anchor window: twice the swap (the source's 700 ms). */
+export declare const SWAP_ANCHOR_MS: number;
+/**
+ * The options Code Block and Demo pass `useCode` / `useDemo`, as fg-docs'
+ * CodeContent and CollapsibleCodeContent do: the block's `pre` class, the
+ * 350 ms swap (0 under reduced motion, where the CSS is instant too) and,
+ * with a window, the `'focus'` layout shifts and keyboard expansion that
+ * anchors like a click; and the copy toasts' callbacks.
+ */
+export declare function useCodeBlockOptions(collapsible: boolean, codeWindow: UseCodeWindowResult<HTMLLabelElement>, toasts: CopyToasts): UseCodeOpts;
+export type CodeBlockSectionProps = {
+    /** `useCode()`'s result (or `useDemo()`'s). */
+    code: UseCodeResult<object>;
+    /** `useCodeWindow()`'s result: its container and toggle refs go on this section. */
+    codeWindow: UseCodeWindowResult<HTMLLabelElement>;
+    /** Shows the window's toggle where the code has a window (`code[data-collapsible]`). */
+    collapsible: boolean;
+    /** `useCopyToasts()`, whose `copyOpts` went to useCode. */
+    toasts: CopyToasts;
+    /**
+     * The Demo's code section: no outer frame, the header joins the preview
+     * with a rule, and the Demo renders the scroll targets and the variants.
+     */
+    embedded?: boolean;
+    primary?: PrimaryScale;
+    secondary?: RadixScale;
+    className?: string;
+};
+/**
+ * The code section: the scroll targets, the file tabs (or the one file's
+ * name), the busy label and the actions in the header, the selected file's
+ * highlighted `<pre>`, and the window's toggle.
+ */
+export declare function CodeBlockSection(props: CodeBlockSectionProps): React.JSX.Element;
+//# sourceMappingURL=CodeBlockSection.d.ts.map

package/content/code-block/CodeBlockSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeBlockSection.d.ts","sourceRoot":"","sources":["../../src/content/code-block/CodeBlockSection.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAA;AAC1E,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAA;AAIzE,OAAO,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AAOlE,OAAO,EAAe,KAAK,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAahE,2EAA2E;AAC3E,eAAO,MAAM,cAAc,QAAuB,CAAA;AAElD;;;;;;GAMG;AACH,wBAAgB,mBAAmB,CACjC,WAAW,EAAE,OAAO,EACpB,UAAU,EAAE,mBAAmB,CAAC,gBAAgB,CAAC,EACjD,MAAM,EAAE,UAAU,GACjB,WAAW,CAgBb;AAED,MAAM,MAAM,qBAAqB,GAAG;IAClC,+CAA+C;IAC/C,IAAI,EAAE,aAAa,CAAC,MAAM,CAAC,CAAA;IAC3B,oFAAoF;IACpF,UAAU,EAAE,mBAAmB,CAAC,gBAAgB,CAAC,CAAA;IACjD,wFAAwF;IACxF,WAAW,EAAE,OAAO,CAAA;IACpB,2DAA2D;IAC3D,MAAM,EAAE,UAAU,CAAA;IAClB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,YAAY,CAAA;IACtB,SAAS,CAAC,EAAE,UAAU,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,qBAwH5D"}

package/content/code-block/CodeBlockSection.js

@@ -0,0 +1,105 @@
+'use client';
+import * as React from 'react';
+import { useCopier } from '@fairgarden/docs/useCopier';
+import { useScrollAnchor } from '@fairgarden/docs/useScrollAnchor';
+import { useScopeAttributes } from '../../utils/scope';
+import { SWAP_DURATION_MS } from '../../utils/tokens';
+import { useMediaQuery } from '../../utils/useMediaQuery';
+import { CodeActionsMenu } from './CodeActionsMenu';
+import { CodeBlockHeader } from './CodeBlockHeader';
+import { codeBlock, CodeBlockToggle, variantItems } from './CodeBlockFrame';
+import { CopyToaster } from './CodeBlockToasts';
+import styles from './code-block.module.css';
+/*
+ * Internal to Code Block and Demo: the code section both render from
+ * `useCode`'s (or `useDemo`'s) result, as fg-docs' CodeContent and
+ * DemoContent compose CodeBlockHeader, CodeActionsMenu and CodeSource; the
+ * header is File Tabs, with CodeActionsMenu as its controls, and copies
+ * confirm with toasts (CodeBlockToasts). The engine owns every state here
+ * (file, variant, transform, window, hash); this renders it. Not exported
+ * from the index.
+ */
+/** A swap's scroll-anchor window: twice the swap (the source's 700 ms). */
+export const SWAP_ANCHOR_MS = 2 * SWAP_DURATION_MS;
+/**
+ * The options Code Block and Demo pass `useCode` / `useDemo`, as fg-docs'
+ * CodeContent and CollapsibleCodeContent do: the block's `pre` class, the
+ * 350 ms swap (0 under reduced motion, where the CSS is instant too) and,
+ * with a window, the `'focus'` layout shifts and keyboard expansion that
+ * anchors like a click; and the copy toasts' callbacks.
+ */
+export function useCodeBlockOptions(collapsible, codeWindow, toasts) {
+    const reducedMotion = useMediaQuery('(prefers-reduced-motion: reduce)');
+    const delay = reducedMotion ? 0 : SWAP_DURATION_MS;
+    const { anchorScroll } = codeWindow;
+    return React.useMemo(() => ({
+        preClassName: styles.pre,
+        transformDelay: delay,
+        variantSwapDelay: delay,
+        transformLayoutShift: collapsible ? 'focus' : undefined,
+        variantLayoutShift: collapsible ? 'focus' : undefined,
+        onExpand: collapsible ? () => anchorScroll('expand') : undefined,
+        copy: toasts.copyOpts,
+    }), [delay, collapsible, anchorScroll, toasts.copyOpts]);
+}
+/**
+ * The code section: the scroll targets, the file tabs (or the one file's
+ * name), the busy label and the actions in the header, the selected file's
+ * highlighted `<pre>`, and the window's toggle.
+ */
+export function CodeBlockSection(props) {
+    const { code, codeWindow, collapsible, toasts, embedded = false, primary, secondary, className } = props;
+    const scope = useScopeAttributes();
+    const checkboxId = `${React.useId()}-expand`;
+    // One container for the window's session (useCodeWindow) and the swaps' (useScrollAnchor).
+    const { containerRef: windowContainerRef, toggleRef, anchorScroll: anchorWindow } = codeWindow;
+    const { containerRef: swapContainerRef, anchorScroll: anchorSwap } = useScrollAnchor();
+    const setRootRef = React.useCallback((node) => {
+        windowContainerRef.current = node;
+        swapContainerRef.current = node;
+    }, [windowContainerRef, swapContainerRef]);
+    const anchor = React.useCallback((element) => {
+        if (element)
+            anchorSwap(element, SWAP_ANCHOR_MS);
+    }, [anchorSwap]);
+    const tabs = React.useMemo(() => code.files.filter((file) => file.name).map(({ name, slug }) => ({ id: name, name, slug })), [code.files]);
+    const hasTabs = tabs.length > 1;
+    // One named file: its label and the inline row. Several files, or a
+    // nameless one (no header row), take the hanging ⋮ menu.
+    const inline = tabs.length === 1;
+    // "Copy link": the selected file's deep link, through the engine's copier.
+    const slug = code.selectedFileSlug;
+    const link = React.useCallback(() => (slug ? `${location.origin}${location.pathname}#${slug}` : undefined), [slug]);
+    const { copy: copyLink } = useCopier(link, toasts.linkOpts);
+    const jsTransform = code.availableTransforms.includes('js')
+        ? {
+            enabled: code.selectedTransform === 'js',
+            onToggle: (enabled, element) => {
+                anchor(element);
+                code.selectTransform(enabled ? 'js' : null);
+            },
+        }
+        : undefined;
+    const variants = !embedded && code.variants.length > 1
+        ? {
+            items: variantItems(code.variants),
+            selected: code.selectedVariant,
+            onChange: (value, element) => {
+                anchor(element);
+                code.selectVariant(value);
+            },
+        }
+        : undefined;
+    return (React.createElement("div", { ...scope, ref: setRootRef, className: codeBlock({ embedded, primary, secondary, className }), "aria-busy": code.pendingTransform !== undefined ? true : undefined, "data-collapsible": collapsible ? '' : undefined },
+        embedded
+            ? null
+            : code.allFilesSlugs.map((file) => (React.createElement("span", { key: file.slug, id: file.slug, className: styles.target }))),
+        React.createElement(CopyToaster, { toasts: toasts }),
+        React.createElement(CodeBlockHeader, { tabs: tabs, value: code.selectedFileName, onValueChange: code.selectFileName, embedded: embedded, pending: code.pendingTransform, primary: primary, secondary: secondary, actions: React.createElement(CodeActionsMenu, { inline: inline, fileName: code.selectedFileName, onCopy: toasts.track('source', code.copy, code.selectedFileName), onCopyLink: slug ? copyLink : undefined, fileUrl: code.selectedFileUrl, onCopyMarkdown: hasTabs ? toasts.track('markdown', code.copyMarkdown) : undefined, onReset: code.reset, jsTransform: jsTransform, variants: variants }) },
+            React.createElement("div", { className: styles.source, dir: "ltr" }, code.selectedFile)),
+        collapsible ? (React.createElement(CodeBlockToggle, { id: checkboxId, lines: code.selectedFileLines, checked: code.expanded, toggleRef: toggleRef, onChange: (expanded) => {
+                code.setExpanded(expanded);
+                anchorWindow(expanded ? 'expand' : 'collapse');
+            } })) : null));
+}
+//# sourceMappingURL=CodeBlockSection.js.map

package/content/code-block/CodeBlockSection.js.map

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

package/content/code-block/CodeBlockToasts.d.ts

@@ -0,0 +1,26 @@
+import * as React from 'react';
+import type { UseCopierOpts } from '@fairgarden/docs/useCopier';
+import { type ToastOptions } from '../../feedback/toast';
+type CopyFunction = (event: React.MouseEvent<Element>) => Promise<void>;
+type AddToast = (options: ToastOptions) => void;
+export type CopyToasts = {
+    /** useCode's `copy` option: the source and Markdown copies' outcomes. */
+    copyOpts: UseCopierOpts;
+    /** The link's useCopier options. */
+    linkOpts: UseCopierOpts;
+    /** Wraps useCode's `copy` or `copyMarkdown`, so its toast says what was copied. */
+    track: (kind: 'source' | 'markdown', copy: CopyFunction, name?: string) => CopyFunction;
+    /** The provider's `add`, set by CopyToaster; `null` without a provider. */
+    toastRef: React.RefObject<AddToast | null>;
+};
+/** The copy toasts for one block: pass `copyOpts` to useCode and the rest to CodeBlockSection. */
+export declare function useCopyToasts(): CopyToasts;
+/**
+ * Hands the page's toast manager to a block's copy toasts. A leaf of its
+ * own, so a toast coming or going re-renders only this, never the block.
+ */
+export declare function CopyToaster(props: {
+    toasts: CopyToasts;
+}): null;
+export {};
+//# sourceMappingURL=CodeBlockToasts.d.ts.map

package/content/code-block/CodeBlockToasts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeBlockToasts.d.ts","sourceRoot":"","sources":["../../src/content/code-block/CodeBlockToasts.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAA;AAE/D,OAAO,EAAmB,KAAK,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAsBzE,KAAK,YAAY,GAAG,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;AAEvE,KAAK,QAAQ,GAAG,CAAC,OAAO,EAAE,YAAY,KAAK,IAAI,CAAA;AAoB/C,MAAM,MAAM,UAAU,GAAG;IACvB,yEAAyE;IACzE,QAAQ,EAAE,aAAa,CAAA;IACvB,oCAAoC;IACpC,QAAQ,EAAE,aAAa,CAAA;IACvB,mFAAmF;IACnF,KAAK,EAAE,CAAC,IAAI,EAAE,QAAQ,GAAG,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,CAAC,EAAE,MAAM,KAAK,YAAY,CAAA;IACvF,2EAA2E;IAC3E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,QAAQ,GAAG,IAAI,CAAC,CAAA;CAC3C,CAAA;AAED,kGAAkG;AAClG,wBAAgB,aAAa,IAAI,UAAU,CAmC1C;AAgBD;;;GAGG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE;IAAE,MAAM,EAAE,UAAU,CAAA;CAAE,QAaxD"}

package/content/code-block/CodeBlockToasts.js

@@ -0,0 +1,88 @@
+'use client';
+import * as React from 'react';
+import { useToastManager } from '../../feedback/toast';
+/** One id for every copy toast on the page: a new copy replaces the one showing. */
+const COPY_TOAST_ID = 'fgd-code-block-copy';
+function copyToast({ kind, name }, ok) {
+    if (ok) {
+        const title = kind === 'link' ? 'Link copied' : kind === 'markdown' ? 'Markdown copied' : `${name ?? 'Code'} copied`;
+        return { id: COPY_TOAST_ID, status: 'success', title };
+    }
+    const what = kind === 'link' ? 'the link' : kind === 'markdown' ? 'the Markdown' : (name ?? 'the code');
+    return {
+        id: COPY_TOAST_ID,
+        status: 'danger',
+        title: `Couldn't copy ${what}`,
+        description: "The browser didn't allow access to the clipboard.",
+    };
+}
+/** The copy toasts for one block: pass `copyOpts` to useCode and the rest to CodeBlockSection. */
+export function useCopyToasts() {
+    const toastRef = React.useRef(null);
+    // useCode hands its one `copy` option to both copiers, so the source and
+    // Markdown copies report through the same callbacks, in the order they were
+    // made; each click queues what it copies. A copy with nothing to write
+    // reports neither outcome (and shows no toast), so its entry is dropped
+    // once the copy settles.
+    const queue = React.useRef([]);
+    return React.useMemo(() => {
+        const show = (request, ok) => {
+            if (request)
+                toastRef.current?.(copyToast(request, ok));
+        };
+        return {
+            toastRef,
+            copyOpts: {
+                onCopied: () => show(queue.current.shift(), true),
+                onError: () => show(queue.current.shift(), false),
+            },
+            linkOpts: {
+                onCopied: () => show({ kind: 'link' }, true),
+                onError: () => show({ kind: 'link' }, false),
+            },
+            track: (kind, copy, name) => async (event) => {
+                const request = { kind, name };
+                queue.current.push(request);
+                try {
+                    await copy(event);
+                }
+                finally {
+                    const index = queue.current.indexOf(request);
+                    if (index !== -1)
+                        queue.current.splice(index, 1);
+                }
+            },
+        };
+    }, []);
+}
+/**
+ * The provider's toast manager, or `null` outside a ToastProvider. Base
+ * UI's manager hook throws outside its provider before it calls any other
+ * hook, so catching that keeps the hook order stable: a block never moves
+ * in or out of a provider without remounting.
+ */
+function useOptionalToastManager() {
+    try {
+        return useToastManager();
+    }
+    catch {
+        return null;
+    }
+}
+/**
+ * Hands the page's toast manager to a block's copy toasts. A leaf of its
+ * own, so a toast coming or going re-renders only this, never the block.
+ */
+export function CopyToaster(props) {
+    const { toasts } = props;
+    const manager = useOptionalToastManager();
+    const add = manager ? manager.add : null;
+    React.useEffect(() => {
+        toasts.toastRef.current = add;
+        return () => {
+            toasts.toastRef.current = null;
+        };
+    }, [add, toasts]);
+    return null;
+}
+//# sourceMappingURL=CodeBlockToasts.js.map

package/content/code-block/CodeBlockToasts.js.map

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