@prosefly/astro-components 0.1.0

package/dist/markdown/package-manager-tabs.js

@@ -0,0 +1,329 @@
+const importStatement = "import { Tabs as LotusPackageManagerTabs, TabItem as LotusPackageManagerTabItem } from '@prosefly/astro-components';";
+const shellLanguages = new Set([
+    'bash',
+    'console',
+    'sh',
+    'shell',
+    'terminal',
+    'zsh',
+]);
+const nodePackageManagers = [
+    { icon: 'simple-icons:pnpm', label: 'pnpm' },
+    { icon: 'simple-icons:npm', label: 'npm' },
+    { icon: 'simple-icons:yarn', label: 'yarn' },
+    { icon: 'simple-icons:bun', label: 'bun' },
+];
+const pythonPackageManagers = [
+    { icon: 'simple-icons:pypi', label: 'pip' },
+    { icon: 'simple-icons:uv', label: 'uv' },
+    { icon: 'simple-icons:poetry', label: 'poetry' },
+    { icon: 'simple-icons:pdm', label: 'pdm' },
+];
+export const remarkPackageManagerTabs = () => {
+    return (tree) => {
+        const root = tree;
+        let transformed = false;
+        visitChildren(root, (node, parent, index, ancestors) => {
+            if (!parent || index === undefined || !isCodeNode(node)) {
+                return;
+            }
+            if ((ancestors ?? []).some(isMdxComponentNode)) {
+                return;
+            }
+            const variantGroup = getPackageManagerVariants(node);
+            if (!variantGroup) {
+                return;
+            }
+            if (!parent.children) {
+                return;
+            }
+            parent.children[index] = createTabsNode(node, variantGroup);
+            transformed = true;
+        });
+        if (transformed && !hasPackageManagerTabsImport(root)) {
+            root.children.unshift(createImportNode());
+        }
+    };
+};
+function visitChildren(node, visitor, parent, index, ancestors = []) {
+    visitor(node, parent, index, ancestors);
+    if (!node.children) {
+        return;
+    }
+    node.children.forEach((child, childIndex) => {
+        visitChildren(child, visitor, node, childIndex, [...ancestors, node]);
+    });
+}
+function isCodeNode(node) {
+    return node.type === 'code' && typeof node.value === 'string';
+}
+function isMdxComponentNode(node) {
+    return node.type === 'mdxJsxFlowElement' || node.type === 'mdxJsxTextElement';
+}
+function getPackageManagerVariants(node) {
+    if (node.lang && !shellLanguages.has(node.lang)) {
+        return undefined;
+    }
+    const lines = node.value.split('\n');
+    const variants = lines.map(getLineVariants);
+    const commands = variants.filter((line) => line?.kind === 'command');
+    if (variants.some((line) => line === undefined)) {
+        return undefined;
+    }
+    if (commands.length === 0) {
+        return undefined;
+    }
+    const group = commands[0]?.variants.group;
+    if (!group || commands.some((line) => line.variants.group !== group)) {
+        return undefined;
+    }
+    return {
+        group,
+        lines: variants.map((line) => line?.kind === 'command' ? line.variants.variants : createEmptyLineVariants(group)),
+    };
+}
+function getLineVariants(line) {
+    if (line.trim().length === 0) {
+        return { kind: 'empty' };
+    }
+    const indentation = line.match(/^\s*/)?.[0] ?? '';
+    const command = line.trim();
+    if (command.startsWith('$ ')) {
+        const variants = getCommandVariants(command.slice(2));
+        return variants
+            ? { kind: 'command', variants: prefixVariants(variants, `${indentation}$ `) }
+            : undefined;
+    }
+    const variants = getCommandVariants(command);
+    return variants
+        ? { kind: 'command', variants: prefixVariants(variants, indentation) }
+        : undefined;
+}
+function getCommandVariants(command) {
+    return getNodeCommandVariants(command) ?? getPythonCommandVariants(command);
+}
+function getNodeCommandVariants(command) {
+    const installMatch = command.match(/^npm\s+(?:install|i|add)(?:\s+(.*))?$/);
+    if (installMatch) {
+        const dependencies = installMatch[1]?.trim() ?? '';
+        if (!dependencies) {
+            return createLineVariants(nodePackageManagerTabs, {
+                bun: 'bun install',
+                npm: 'npm install',
+                pnpm: 'pnpm install',
+                yarn: 'yarn install',
+            });
+        }
+        return createLineVariants(nodePackageManagerTabs, {
+            bun: `bun add ${normalizeDependencyArgs(dependencies, 'bun')}`,
+            npm: `npm install ${dependencies}`,
+            pnpm: `pnpm add ${normalizeDependencyArgs(dependencies, 'pnpm')}`,
+            yarn: `yarn add ${normalizeDependencyArgs(dependencies, 'yarn')}`,
+        });
+    }
+    const runMatch = command.match(/^npm\s+run\s+([^\s]+)(.*)$/);
+    if (runMatch) {
+        const scriptName = runMatch[1];
+        const args = runMatch[2]?.trimEnd() ?? '';
+        return createLineVariants(nodePackageManagerTabs, {
+            bun: `bun ${scriptName}${args}`,
+            npm: command,
+            pnpm: `pnpm ${scriptName}${args}`,
+            yarn: `yarn ${scriptName}${args}`,
+        });
+    }
+    const createMatch = command.match(/^npm\s+create\s+([^\s]+)(.*)$/);
+    if (createMatch) {
+        const initializer = createMatch[1];
+        const args = createMatch[2]?.trimEnd() ?? '';
+        return createLineVariants(nodePackageManagerTabs, {
+            bun: `bun create ${initializer}${args}`,
+            npm: command,
+            pnpm: `pnpm create ${initializer}${args}`,
+            yarn: `yarn create ${initializer}${args}`,
+        });
+    }
+    const dlxMatch = command.match(/^(?:npx|npm\s+dlx)\s+(.+)$/);
+    if (dlxMatch) {
+        const executable = dlxMatch[1].trim();
+        return createLineVariants(nodePackageManagerTabs, {
+            bun: `bunx --bun ${executable}`,
+            npm: command,
+            pnpm: `pnpm dlx ${executable}`,
+            yarn: `yarn dlx ${executable}`,
+        });
+    }
+    return undefined;
+}
+function getPythonCommandVariants(command) {
+    const pipInstallMatch = command.match(/^(?:(?:python|python3)\s+-m\s+)?pip\s+install(?:\s+(.*))?$/);
+    const uvPipInstallMatch = command.match(/^uv\s+pip\s+install(?:\s+(.*))?$/);
+    const uvAddMatch = command.match(/^uv\s+add(?:\s+(.*))?$/);
+    const poetryAddMatch = command.match(/^poetry\s+add(?:\s+(.*))?$/);
+    const pdmAddMatch = command.match(/^pdm\s+add(?:\s+(.*))?$/);
+    const dependencies = (pipInstallMatch?.[1] ??
+        uvPipInstallMatch?.[1] ??
+        uvAddMatch?.[1] ??
+        poetryAddMatch?.[1] ??
+        pdmAddMatch?.[1] ??
+        '').trim();
+    if (!pipInstallMatch && !uvPipInstallMatch && !uvAddMatch && !poetryAddMatch && !pdmAddMatch) {
+        return undefined;
+    }
+    return createLineVariants(pythonPackageManagerTabs, {
+        pip: dependencies ? `pip install ${dependencies}` : 'pip install',
+        uv: dependencies ? `uv add ${dependencies}` : 'uv pip install',
+        poetry: dependencies ? `poetry add ${dependencies}` : 'poetry install',
+        pdm: dependencies ? `pdm add ${dependencies}` : 'pdm install',
+    });
+}
+function normalizeDependencyArgs(dependencies, packageManager) {
+    const devFlag = packageManager === 'bun' ? '-d' : '-D';
+    const hasDevFlag = /(^|\s)(?:--save-dev|--dev|-D)(?=\s|$)/.test(dependencies);
+    const normalized = dependencies
+        .replace(/(^|\s)(?:--save-dev|--dev|-D)(?=\s|$)/g, ' ')
+        .trim()
+        .replace(/\s+/g, ' ');
+    return hasDevFlag ? `${devFlag} ${normalized}` : normalized;
+}
+function createLineVariants(group, variants) {
+    return { group, variants };
+}
+function prefixVariants(line, prefix) {
+    return {
+        group: line.group,
+        variants: Object.fromEntries(Object.entries(line.variants).map(([label, command]) => [label, `${prefix}${command}`])),
+    };
+}
+function createImportNode() {
+    return {
+        type: 'mdxjsEsm',
+        value: importStatement,
+        data: {
+            estree: {
+                type: 'Program',
+                sourceType: 'module',
+                body: [
+                    {
+                        type: 'ImportDeclaration',
+                        specifiers: [
+                            {
+                                type: 'ImportSpecifier',
+                                imported: { type: 'Identifier', name: 'Tabs' },
+                                local: { type: 'Identifier', name: 'LotusPackageManagerTabs' },
+                            },
+                            {
+                                type: 'ImportSpecifier',
+                                imported: { type: 'Identifier', name: 'TabItem' },
+                                local: { type: 'Identifier', name: 'LotusPackageManagerTabItem' },
+                            },
+                        ],
+                        source: {
+                            type: 'Literal',
+                            value: '@prosefly/astro-components',
+                            raw: "'@prosefly/astro-components'",
+                        },
+                    },
+                ],
+            },
+        },
+    };
+}
+function hasPackageManagerTabsImport(tree) {
+    return tree.children.some((node) => node.type === 'mdxjsEsm' &&
+        typeof node.value === 'string' &&
+        node.value.includes('LotusPackageManagerTabs'));
+}
+function createEmptyLineVariants(group) {
+    return Object.fromEntries(group.managers.map((manager) => [manager.label, '']));
+}
+function createTabsNode(sourceNode, variantGroup) {
+    const valueByPackageManager = Object.fromEntries(variantGroup.group.managers.map((manager) => [
+        manager.label,
+        variantGroup.lines.map((line) => line[manager.label]).join('\n'),
+    ]));
+    return {
+        type: 'mdxJsxFlowElement',
+        name: 'LotusPackageManagerTabs',
+        attributes: [
+            {
+                type: 'mdxJsxAttribute',
+                name: 'copy',
+                value: null,
+            },
+            {
+                type: 'mdxJsxAttribute',
+                name: 'syncKey',
+                value: variantGroup.group.syncKey,
+            },
+        ],
+        children: variantGroup.group.managers.map((manager) => ({
+            type: 'mdxJsxFlowElement',
+            name: 'LotusPackageManagerTabItem',
+            attributes: [
+                {
+                    type: 'mdxJsxAttribute',
+                    name: 'label',
+                    value: manager.label,
+                },
+                {
+                    type: 'mdxJsxAttribute',
+                    name: 'icon',
+                    value: manager.icon,
+                },
+            ],
+            children: [
+                createPackageManagerCodeElement(valueByPackageManager[manager.label] ?? '', sourceNode.lang ?? 'sh'),
+            ],
+        })),
+    };
+}
+function createPackageManagerCodeElement(code, language) {
+    // Use JSX elements instead of an mdast `code` node so Expressive Code does
+    // not transform package-manager tab contents.
+    return {
+        type: 'mdxJsxFlowElement',
+        name: 'figure',
+        attributes: [
+            {
+                type: 'mdxJsxAttribute',
+                name: 'className',
+                value: 'pl-package-manager-code',
+            },
+            {
+                type: 'mdxJsxAttribute',
+                name: 'data-language',
+                value: language,
+            },
+        ],
+        children: [
+            {
+                type: 'mdxJsxFlowElement',
+                name: 'pre',
+                attributes: [],
+                children: [
+                    {
+                        type: 'mdxJsxTextElement',
+                        name: 'code',
+                        attributes: [],
+                        children: [
+                            {
+                                type: 'text',
+                                value: code,
+                            },
+                        ],
+                    },
+                ],
+            },
+        ],
+    };
+}
+const nodePackageManagerTabs = {
+    managers: nodePackageManagers,
+    syncKey: 'package-manager',
+};
+const pythonPackageManagerTabs = {
+    managers: pythonPackageManagers,
+    syncKey: 'python-package-manager',
+};
+//# sourceMappingURL=package-manager-tabs.js.map

package/dist/markdown/package-manager-tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"package-manager-tabs.js","sourceRoot":"","sources":["../../src/markdown/package-manager-tabs.ts"],"names":[],"mappings":"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"}

package/dist/mdx/AccordionItem.astro

@@ -0,0 +1,54 @@
+---
+interface Props {
+  title: string;
+  id?: string;
+  value?: string;
+  defaultOpen?: boolean;
+  open?: boolean;
+  disabled?: boolean;
+}
+
+const {
+  title,
+  id,
+  value = id ?? title,
+  defaultOpen = false,
+  open = defaultOpen,
+  disabled = false,
+} = Astro.props;
+
+if (!title) {
+  throw new Error('Missing prop `title` on `<AccordionItem>`.');
+}
+---
+
+<details
+  class="pl-accordion"
+  data-pl-accordion
+  data-value={value}
+  data-disabled={disabled ? 'true' : undefined}
+  id={id}
+  open={open}
+>
+  <summary
+    aria-disabled={disabled ? 'true' : undefined}
+    class="pl-accordion__trigger"
+    data-pl-accordion-trigger
+  >
+    <span class="pl-accordion__title">{title}</span>
+    <span aria-hidden="true" class="pl-accordion__chevron">
+      <svg fill="none" height="16" viewBox="0 0 24 24" width="16">
+        <path
+          d="m6 9 6 6 6-6"
+          stroke="currentColor"
+          stroke-linecap="round"
+          stroke-linejoin="round"
+          stroke-width="2"
+        />
+      </svg>
+    </span>
+  </summary>
+  <div class="pl-accordion__content">
+    <slot />
+  </div>
+</details>

package/dist/mdx/Accordions.astro

@@ -0,0 +1,126 @@
+---
+interface Props {
+  multiple?: boolean;
+  defaultValue?: string | string[];
+}
+
+const { multiple = false, defaultValue } = Astro.props;
+const defaultValues =
+  typeof defaultValue === 'string'
+    ? [defaultValue]
+    : Array.isArray(defaultValue)
+      ? defaultValue
+      : [];
+---
+
+<div
+  class="pl-accordions"
+  data-default-values={JSON.stringify(defaultValues)}
+  data-multiple={multiple ? 'true' : undefined}
+  data-pl-accordions
+>
+  <slot />
+</div>
+
+<script>
+  import '../client/accordions';
+</script>
+
+<style is:global>
+  .pl-accordions {
+    border-bottom: 1px solid
+      color-mix(in oklab, var(--pl-text-muted, #667085) 18%, transparent);
+    border-top: 1px solid
+      color-mix(in oklab, var(--pl-text-muted, #667085) 18%, transparent);
+    margin-block: 1.5rem;
+  }
+
+  .pl-accordion {
+    border-bottom: 1px solid
+      color-mix(in oklab, var(--pl-text-muted, #667085) 18%, transparent);
+  }
+
+  .pl-accordion:last-child {
+    border-bottom: 0;
+  }
+
+  .pl-accordion__trigger {
+    align-items: center;
+    color: var(--pl-text-strong, var(--pl-text, #182230));
+    cursor: pointer;
+    display: flex;
+    gap: 1rem;
+    justify-content: space-between;
+    list-style: none;
+    padding-block: 1rem;
+    text-align: left;
+    transition: color 160ms ease;
+  }
+
+  .pl-accordion__trigger::-webkit-details-marker {
+    display: none;
+  }
+
+  .pl-accordion__trigger:hover {
+    color: var(--pl-accent, #4f46e5);
+    text-decoration: underline;
+    text-underline-offset: 0.25rem;
+  }
+
+  .pl-accordion__trigger:focus-visible {
+    border-radius: var(--pl-radius-md, 0.5rem);
+    outline: 2px solid var(--pl-accent, #4f46e5);
+    outline-offset: 2px;
+  }
+
+  .pl-accordion__title {
+    font-size: 0.9375rem;
+    font-weight: 500;
+    line-height: 1.5rem;
+  }
+
+  .pl-accordion__chevron {
+    color: var(--pl-text-muted, #667085);
+    display: inline-flex;
+    flex: 0 0 auto;
+    transition:
+      color 160ms ease,
+      transform 160ms ease;
+  }
+
+  .pl-accordion[open] > .pl-accordion__trigger .pl-accordion__chevron {
+    transform: rotate(180deg);
+  }
+
+  .pl-accordion__trigger:hover .pl-accordion__chevron {
+    color: currentColor;
+  }
+
+  .pl-accordion__content {
+    color: var(--pl-text, #344054);
+    font-size: 0.9375rem;
+    line-height: 1.75;
+    padding-block: 0 1rem;
+  }
+
+  .pl-accordion__content > :first-child {
+    margin-block-start: 0;
+  }
+
+  .pl-accordion__content > :last-child {
+    margin-block-end: 0;
+  }
+
+  .pl-accordion__content > * + * {
+    margin-block-start: 0.75rem;
+  }
+
+  .pl-accordion[data-disabled='true'] {
+    opacity: 0.55;
+  }
+
+  .pl-accordion[data-disabled='true'] > .pl-accordion__trigger {
+    cursor: not-allowed;
+    text-decoration: none;
+  }
+</style>

package/dist/mdx/Badge.astro

@@ -0,0 +1,140 @@
+---
+type BadgeVariant = 'solid' | 'soft' | 'subtle' | 'outline';
+type BadgeColor = 'neutral' | 'accent' | 'success' | 'warning' | 'danger';
+
+interface Props {
+  variant?: BadgeVariant;
+  color?: BadgeColor;
+  class?: string;
+  [key: string]: unknown;
+}
+
+const {
+  variant = 'soft',
+  color = 'neutral',
+  class: className,
+  ...attrs
+} = Astro.props;
+---
+
+<span
+  class:list={['pl-badge', className]}
+  data-color={color}
+  data-variant={variant}
+  {...attrs}
+>
+  <slot />
+</span>
+
+<style>
+  .pl-badge {
+    --pl-badge-color: var(--pl-text-strong, var(--pl-text, #182230));
+    --pl-badge-solid: var(--pl-text-strong, var(--pl-text, #182230));
+    --pl-badge-soft: var(--pl-surface, #f4f6f8);
+    --pl-badge-contrast: var(--pl-background, #ffffff);
+    --pl-badge-border: color-mix(
+      in oklab,
+      var(--pl-text-muted, #667085) 24%,
+      transparent
+    );
+
+    align-items: center;
+    border: 1px solid transparent;
+    border-radius: var(--pl-radius-full, var(--pl-radius-md, 999px));
+    display: inline-flex;
+    font-size: 0.75rem;
+    font-weight: 600;
+    gap: 0.25rem;
+    line-height: 1;
+    padding: 0.25rem 0.625rem;
+    vertical-align: baseline;
+    white-space: nowrap;
+  }
+
+  .pl-badge[data-color='accent'] {
+    --pl-badge-color: var(--pl-accent, #4f46e5);
+    --pl-badge-solid: var(--pl-accent, #4f46e5);
+    --pl-badge-soft: var(
+      --pl-accent-soft,
+      color-mix(in oklab, var(--pl-accent, #4f46e5) 12%, var(--pl-background, #ffffff))
+    );
+    --pl-badge-contrast: var(--pl-accent-contrast, #ffffff);
+    --pl-badge-border: color-mix(
+      in oklab,
+      var(--pl-accent, #4f46e5) 28%,
+      transparent
+    );
+  }
+
+  .pl-badge[data-color='success'] {
+    --pl-badge-color: oklch(0.45 0.13 155);
+    --pl-badge-solid: oklch(0.55 0.14 155);
+    --pl-badge-soft: color-mix(
+      in oklab,
+      oklch(0.64 0.16 155) 12%,
+      var(--pl-background, #ffffff)
+    );
+    --pl-badge-contrast: #ffffff;
+    --pl-badge-border: color-mix(
+      in oklab,
+      oklch(0.64 0.16 155) 30%,
+      transparent
+    );
+  }
+
+  .pl-badge[data-color='warning'] {
+    --pl-badge-color: oklch(0.5 0.12 80);
+    --pl-badge-solid: oklch(0.76 0.16 80);
+    --pl-badge-soft: color-mix(
+      in oklab,
+      oklch(0.74 0.16 80) 14%,
+      var(--pl-background, #ffffff)
+    );
+    --pl-badge-contrast: oklch(0.18 0.04 80);
+    --pl-badge-border: color-mix(
+      in oklab,
+      oklch(0.74 0.16 80) 34%,
+      transparent
+    );
+  }
+
+  .pl-badge[data-color='danger'] {
+    --pl-badge-color: oklch(0.52 0.18 25);
+    --pl-badge-solid: oklch(0.58 0.2 25);
+    --pl-badge-soft: color-mix(
+      in oklab,
+      oklch(0.62 0.2 25) 12%,
+      var(--pl-background, #ffffff)
+    );
+    --pl-badge-contrast: #ffffff;
+    --pl-badge-border: color-mix(
+      in oklab,
+      oklch(0.62 0.2 25) 30%,
+      transparent
+    );
+  }
+
+  .pl-badge[data-variant='solid'] {
+    background: var(--pl-badge-solid);
+    border-color: var(--pl-badge-solid);
+    color: var(--pl-badge-contrast);
+  }
+
+  .pl-badge[data-variant='soft'] {
+    background: var(--pl-badge-soft);
+    color: var(--pl-badge-color);
+  }
+
+  .pl-badge[data-variant='subtle'] {
+    background: var(--pl-badge-soft);
+    border-color: var(--pl-badge-border);
+    color: var(--pl-badge-color);
+  }
+
+  .pl-badge[data-variant='outline'] {
+    background: transparent;
+    border-color: var(--pl-badge-border);
+    color: var(--pl-badge-color);
+  }
+
+</style>