@prosefly/astro-components 0.2.1 → 0.3.0

package/dist/markdown/callout-directives.d.ts

@@ -0,0 +1,3 @@
+import type { RemarkPlugin } from '@astrojs/markdown-remark';
+export declare const remarkCalloutDirectives: RemarkPlugin;
+//# sourceMappingURL=callout-directives.d.ts.map

package/dist/markdown/callout-directives.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"callout-directives.d.ts","sourceRoot":"","sources":["../../src/markdown/callout-directives.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAoC7D,eAAO,MAAM,uBAAuB,EAAE,YA0BrC,CAAC"}

package/dist/markdown/callout-directives.js

@@ -0,0 +1,130 @@
+import remarkDirective from 'remark-directive';
+const importStatement = "import { Callout as ProseflyDirectiveCallout } from '@prosefly/astro-components';";
+const calloutTypes = new Map([
+    ['caution', 'warning'],
+    ['danger', 'danger'],
+    ['note', 'note'],
+    ['tip', 'tip'],
+    ['warning', 'warning'],
+]);
+export const remarkCalloutDirectives = function () {
+    this.use(remarkDirective);
+    return (tree) => {
+        const root = tree;
+        let transformed = false;
+        visitChildren(root, (node, parent, index) => {
+            if (!parent?.children ||
+                index === undefined ||
+                !isCalloutDirective(node)) {
+                return;
+            }
+            parent.children[index] = createCalloutNode(node);
+            transformed = true;
+        });
+        if (transformed && !hasCalloutDirectiveImport(root)) {
+            root.children.unshift(createImportNode());
+        }
+    };
+};
+function visitChildren(node, visitor, parent, index) {
+    visitor(node, parent, index);
+    if (!node.children) {
+        return;
+    }
+    node.children.forEach((child, childIndex) => {
+        visitChildren(child, visitor, node, childIndex);
+    });
+}
+function isCalloutDirective(node) {
+    return ((node.type === 'containerDirective' || node.type === 'leafDirective') &&
+        typeof node.name === 'string' &&
+        calloutTypes.has(node.name) &&
+        Array.isArray(node.children));
+}
+function createCalloutNode(node) {
+    const { title, children } = getCalloutContent(node);
+    const type = calloutTypes.get(node.name) ?? 'note';
+    const attributes = [
+        {
+            type: 'mdxJsxAttribute',
+            name: 'type',
+            value: type,
+        },
+    ];
+    if (title) {
+        attributes.push({
+            type: 'mdxJsxAttribute',
+            name: 'title',
+            value: title,
+        });
+    }
+    return {
+        type: 'mdxJsxFlowElement',
+        name: 'ProseflyDirectiveCallout',
+        attributes,
+        children,
+    };
+}
+function getCalloutContent(node) {
+    const title = getAttributeTitle(node) ?? getDirectiveLabel(node);
+    const children = title
+        ? node.children.filter((child) => !isDirectiveLabel(child))
+        : node.children;
+    return { children, title };
+}
+function getAttributeTitle(node) {
+    const title = node.attributes?.title;
+    return typeof title === 'string' && title.trim() ? title : undefined;
+}
+function getDirectiveLabel(node) {
+    const label = node.children.find(isDirectiveLabel);
+    if (!label?.children) {
+        return undefined;
+    }
+    const text = label.children.map(getPlainText).join('').trim();
+    return text || undefined;
+}
+function isDirectiveLabel(node) {
+    return node.type === 'paragraph' && node.data?.directiveLabel === true;
+}
+function getPlainText(node) {
+    if (typeof node.value === 'string') {
+        return node.value;
+    }
+    return node.children?.map(getPlainText).join('') ?? '';
+}
+function createImportNode() {
+    return {
+        type: 'mdxjsEsm',
+        value: importStatement,
+        data: {
+            estree: {
+                type: 'Program',
+                sourceType: 'module',
+                body: [
+                    {
+                        type: 'ImportDeclaration',
+                        specifiers: [
+                            {
+                                type: 'ImportSpecifier',
+                                imported: { type: 'Identifier', name: 'Callout' },
+                                local: { type: 'Identifier', name: 'ProseflyDirectiveCallout' },
+                            },
+                        ],
+                        source: {
+                            type: 'Literal',
+                            value: '@prosefly/astro-components',
+                            raw: "'@prosefly/astro-components'",
+                        },
+                    },
+                ],
+            },
+        },
+    };
+}
+function hasCalloutDirectiveImport(tree) {
+    return tree.children.some((node) => node.type === 'mdxjsEsm' &&
+        typeof node.value === 'string' &&
+        node.value.includes('ProseflyDirectiveCallout'));
+}
+//# sourceMappingURL=callout-directives.js.map

package/dist/markdown/callout-directives.js.map

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

package/dist/markdown/index.d.ts

@@ -1,3 +1,5 @@
+export { unified } from '@astrojs/markdown-remark';
 export { rehypeImageGallery } from './image-gallery-plugin.js';
+export { remarkCalloutDirectives } from './callout-directives.js';
 export { remarkPackageManagerTabs } from './package-manager-tabs.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/markdown/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/markdown/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAC/D,OAAO,EAAE,wBAAwB,EAAE,MAAM,2BAA2B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/markdown/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AACnD,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAC/D,OAAO,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAC;AAClE,OAAO,EAAE,wBAAwB,EAAE,MAAM,2BAA2B,CAAC"}

package/dist/markdown/index.js

@@ -1,3 +1,5 @@
+export { unified } from '@astrojs/markdown-remark';
 export { rehypeImageGallery } from './image-gallery-plugin.js';
+export { remarkCalloutDirectives } from './callout-directives.js';
 export { remarkPackageManagerTabs } from './package-manager-tabs.js';
 //# sourceMappingURL=index.js.map

package/dist/markdown/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/markdown/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAC/D,OAAO,EAAE,wBAAwB,EAAE,MAAM,2BAA2B,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/markdown/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AACnD,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAC/D,OAAO,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAC;AAClE,OAAO,EAAE,wBAAwB,EAAE,MAAM,2BAA2B,CAAC"}

package/dist/mdx/Callout.astro

@@ -16,7 +16,7 @@ const { title, type = 'note' } = Astro.props;
 const hasTitle = Boolean(title);
 ---
 
-<aside class="pl-callout" data-has-title={hasTitle ? 'true' : 'false'} data-type={type}>
+<div class="pl-callout" data-has-title={hasTitle ? 'true' : 'false'} data-type={type} role="note">
   <span class="pl-callout__icon" aria-hidden="true">
     <Icon name={iconNames[type]} />
   </span>
@@ -26,7 +26,7 @@ const hasTitle = Boolean(title);
       <slot />
     </div>
   </div>
-</aside>
+</div>
 
 <style>
   .pl-callout {

package/dist/mdx/Card.astro

@@ -41,7 +41,7 @@ const linkAttrs = href
       )
     }
     <div class="pl-card__body">
-      {title && <h3 class="pl-card__title">{title}</h3>}
+      {title && <p class="pl-card__title">{title}</p>}
       <div class="pl-card__content">
         <slot />
       </div>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prosefly/astro-components",
-  "version": "0.2.1",
+  "version": "0.3.0",
   "type": "module",
   "license": "BSD-3-Clause",
   "types": "./dist/index.d.ts",
@@ -8,7 +8,8 @@
     "build": "node ./scripts/build.mjs",
     "check": "tsc -p ./tsconfig.build.json --noEmit",
     "prepack": "npm run build",
-    "prepublishOnly": "npm run check && npm run build"
+    "prepublishOnly": "npm run check && npm run build",
+    "test": "pnpm run build && node --test test/*.test.mjs"
   },
   "repository": {
     "type": "git",
@@ -46,7 +47,8 @@
     "@astrojs/markdown-remark": "^7.2.1",
     "@iconify/utils": "^3.1.4",
     "rehype": "^13.0.2",
-    "rehype-format": "^5.0.1"
+    "rehype-format": "^5.0.1",
+    "remark-directive": "^4.0.0"
   },
   "devDependencies": {
     "astro": "7.1.0",