@dr-ishaan/remake-blocks 1.0.0 → 1.2.0

package/LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2026 astro-callout-blocks contributors
+Copyright (c) 2025 dr-ishaan
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/README.md

@@ -1,39 +1,43 @@
-# @dr-ishaan/remake-blocks
+# remake-blocks
 
-Professional Astro 6 integration for rendering GitHub-style callouts (admonitions) and enhanced blockquotes in Markdown content.
+Remark plugin for rendering GitHub-style callouts (admonitions), enhanced blockquotes, and disclosure widgets in Markdown content. Framework-agnostic with an optional Astro integration.
 
-**29 first-class callout types** — each directive maps 1:1 to its own unique visual identity, SVG icon, color palette, and CSS class. No alias resolution.
+**27 first-class callout types** + plain disclosure widgets — each directive maps 1:1 to its own unique visual identity, SVG icon, color palette, and CSS class. No alias resolution.
 
 ---
 
 ## Features
 
-- **29 built-in callout types** — GFM standard (5) + Obsidian core (10) + promoted aliases (14), each with unique styling
+- **27 built-in callout types** — GFM standard (5) + Obsidian core (10) + promoted aliases (12), each with unique styling
 - **GitHub admonition syntax** — `> [!NOTE]`, `> [!TIP]`, `> [!WARNING]`, etc.
 - **Custom titles** — `> [!WARNING] Deprecated API` renders with your title
 - **Collapsible callouts** — `> [!FAQ]-` (collapsed) and `> [!TIP]+` (expanded)
+- **Disclosure widgets** — `> [!] Title` creates a plain collapsible block (no color/icon)
+- **Accordion grouping** — consecutive `[!]` blocks auto-group into an accordion
+- **Tree view** — nested `[!]` blocks get depth indicators
 - **Custom callout types** — define your own with icon, color, and CSS class
 - **Enhanced blockquotes** — regular blockquotes get improved styling automatically
 - **Dark mode** — automatic via `prefers-color-scheme` and manual via `data-theme` attribute
 - **Auto CSS injection** — styles injected into every page by default
-- **Zero JavaScript** — pure CSS + HTML (collapsibles use native `<details>`/`<summary>`)
+- **Zero JavaScript** for callouts — pure CSS + HTML (collapsibles use native `<details>`/`<summary>`)
 - **Accessible** — proper ARIA roles, semantic HTML
 - **Print-optimized** — clean print styles
+- **Safe-by-default** — raw HTML in markdown is HTML-escaped by default to prevent XSS (set `allowDangerousHtml: true` to opt out)
 
 ---
 
 ## Install
 
 ```bash
-npm install @dr-ishaan/remake-blocks
+npm install remake-blocks
 ```
 
-## Quick Start
+## Quick Start (Astro)
 
 ```js
 // astro.config.mjs
 import { defineConfig } from "astro/config";
-import remakeBlocks from "@dr-ishaan/remake-blocks";
+import remakeBlocks from "remake-blocks/astro";
 
 export default defineConfig({
   integrations: [remakeBlocks()],
@@ -53,9 +57,25 @@ Then use callouts in any Markdown or MDX file:
 > This collapsible warning starts collapsed.
 ```
 
+## Quick Start (Remark only)
+
+```js
+import { unified } from "unified";
+import remarkParse from "remark-parse";
+import { remarkRemakeBlocks } from "remake-blocks";
+import remarkRehype from "remark-rehype";
+import rehypeStringify from "rehype-stringify";
+
+const processor = unified()
+  .use(remarkParse)
+  .use(remarkRemakeBlocks)
+  .use(remarkRehype, { allowDangerousHtml: true })  // pass through callout HTML
+  .use(rehypeStringify, { allowDangerousHtml: true });
+```
+
 ---
 
-## All 29 Callout Types
+## All 27 Callout Types
 
 ### GFM Standard (5)
 
@@ -82,7 +102,7 @@ Then use callouts in any Markdown or MDX file:
 | `[!EXAMPLE]` | Example | `callout-example` |
 | `[!TODO]` | Todo | `callout-todo` |
 
-### Promoted Aliases — First-Class Types (14)
+### Promoted Aliases — First-Class Types (12)
 
 Each of these is its **own distinct type** with unique colors, not an alias:
 
@@ -101,6 +121,14 @@ Each of these is its **own distinct type** with unique colors, not an alias:
 | `[!ERROR]` | Error | `callout-error` |
 | `[!CITE]` | Cite | `callout-cite` |
 
+### Disclosure Widgets
+
+| Directive | Description |
+|-----------|-------------|
+| `[!]` | Plain collapsible block (no color, no icon) — uses native `<details>`/`<summary>` |
+
+Consecutive `[!]` blocks are automatically grouped into an accordion. Nested `[!]` blocks get tree-view styling.
+
 ---
 
 ## Syntax
@@ -145,6 +173,19 @@ Each of these is its **own distinct type** with unique colors, not an alias:
 > - List item 2
 ```
 
+### Disclosure Widget
+
+```markdown
+> [!] Section Title
+> Content hidden by default.
+
+> [!] Another Section
+> Content hidden by default.
+
+> [!]+ Expanded Section
+> Content visible by default.
+```
+
 ---
 
 ## Configuration
@@ -152,7 +193,7 @@ Each of these is its **own distinct type** with unique colors, not an alias:
 ```js
 // astro.config.mjs
 import { defineConfig } from "astro/config";
-import remakeBlocks from "@dr-ishaan/remake-blocks";
+import remakeBlocks from "remake-blocks/astro";
 
 export default defineConfig({
   integrations: [
@@ -175,6 +216,25 @@ export default defineConfig({
       // Add data-callout-type attribute (default: true)
       dataCalloutType: true,
 
+      // ⚠️ SECURITY: Allow raw HTML in markdown to pass through (default: false)
+      // Set to true ONLY if you trust your markdown source AND have sanitized it.
+      // When false (default), raw HTML is HTML-escaped before being placed
+      // in callout bodies to prevent XSS attacks.
+      allowDangerousHtml: false,
+
+      // Disclosure widget options (all default: true)
+      enableDisclosures: true,
+      disclosureClass: "disclosure",
+      disclosureTitleClass: "disclosure-title",
+      disclosureBodyClass: "disclosure-body",
+
+      // Accordion grouping (default: true)
+      enableAccordion: true,
+      accordionClass: "disclosure-accordion",
+
+      // Tree view for nested disclosures (default: true)
+      enableTreeView: true,
+
       // Custom callout types
       customCallouts: [
         {
@@ -193,6 +253,50 @@ export default defineConfig({
 
 ---
 
+## Security: Safe-by-Default
+
+By default, **raw HTML in markdown is HTML-escaped** before being placed in callout bodies. This prevents XSS attacks from untrusted markdown content.
+
+```markdown
+> [!NOTE]
+> <img src=x onerror=alert(1)>
+```
+
+**Default behavior** (`allowDangerousHtml: false`):
+```html
+<aside class="callout callout-note" ...>
+  ...
+  <div class="callout-body">
+    <p>&lt;img src=x onerror=alert(1)&gt;</p>
+  </div>
+</aside>
+```
+
+**Opt-in to raw HTML** (`allowDangerousHtml: true`):
+```html
+<aside class="callout callout-note" ...>
+  ...
+  <div class="callout-body">
+    <p><img src=x onerror=alert(1)></p>  <!-- ⚠️ XSS risk! -->
+  </div>
+</aside>
+```
+
+Only set `allowDangerousHtml: true` if:
+1. You fully trust your markdown source, **AND**
+2. You have sanitized the markdown with a tool like `rehype-sanitize`
+
+### Custom Callout Config Validation
+
+Custom callout configurations are validated and normalized:
+- Missing fields are filled with safe defaults (no crash)
+- `null` or non-object entries are skipped
+- Entries with missing/empty `type` are skipped
+- `className` is HTML-escaped before being placed in the class attribute (prevents attribute breakout)
+- `color` is validated against a safe CSS color pattern (hex, rgb, hsl, var(), named, etc.); invalid values fall back to a default gray
+
+---
+
 ## Custom Callout Types
 
 Define your own callout types with full control over appearance:
@@ -223,7 +327,7 @@ If you set `injectStyles: false`, import the stylesheet manually:
 
 ```js
 // In a layout component or global CSS file
-import "@dr-ishaan/remake-blocks/styles.css";
+import "remake-blocks/styles.css";
 ```
 
 ---
@@ -269,7 +373,7 @@ See `styles.css` for the complete list of CSS custom properties.
 Each callout renders as:
 
 ```html
-<div class="callout callout-note" data-callout-type="note" role="note">
+<aside class="callout callout-note" data-callout-type="note" role="note">
   <div class="callout-title" style="color:#0969da">
     <span class="callout-icon" style="color:#0969da">
       <!-- SVG icon -->
@@ -279,7 +383,7 @@ Each callout renders as:
   <div class="callout-body">
     <p>Content goes here.</p>
   </div>
-</div>
+</aside>
 ```
 
 Collapsible callouts use `<details>`/`<summary>`:
@@ -298,6 +402,47 @@ Collapsible callouts use `<details>`/`<summary>`:
 
 ---
 
+## Caveats
+
+### Strikethrough (`~~text~~`) requires `remark-gfm`
+
+The plugin's body serializer handles `<del>` nodes correctly, but `remark-parse` alone does **not** enable GFM strikethrough. To use `~~strikethrough~~` syntax in callout bodies, add `remark-gfm` to your Astro config:
+
+```js
+import remarkGfm from "remark-gfm";
+
+export default defineConfig({
+  markdown: { remarkPlugins: [remarkGfm] },
+  integrations: [remakeBlocks()],
+});
+```
+
+### Horizontal rule after directive becomes a setext H2
+
+In CommonMark, this markdown:
+
+```markdown
+> [!NOTE]
+> ---
+```
+
+is interpreted as a setext H2 heading ("[!NOTE]" with `---` underline), **not** as a callout with a thematic break body. To get a thematic break in the body, add a blank line before `---`:
+
+```markdown
+> [!NOTE]
+> Above
+>
+> ---
+>
+> Below
+```
+
+### Tables and other GFM features require `remark-gfm`
+
+GFM-only features like tables, autolinks, and task list items require the `remark-gfm` plugin. The plugin's body serializer handles them when `remark-gfm` produces the appropriate mdast nodes.
+
+---
+
 ## Advanced: Using the Remark Plugin Directly
 
 The remark plugin can be used independently of the Astro integration:
@@ -305,11 +450,17 @@ The remark plugin can be used independently of the Astro integration:
 ```js
 import { unified } from "unified";
 import remarkParse from "remark-parse";
-import { remarkCalloutBlocks } from "@dr-ishaan/remake-blocks";
+import { remarkRemakeBlocks } from "remake-blocks";
 
 const processor = unified()
   .use(remarkParse)
-  .use(remarkCalloutBlocks, { enhanceBlockquotes: true });
+  .use(remarkRemakeBlocks, { enhanceBlockquotes: true });
+```
+
+A backward-compatible alias `remarkCalloutBlocks` is also exported:
+
+```js
+import { remarkCalloutBlocks } from "remake-blocks";
 ```
 
 ---

package/dist/accordion.js

@@ -0,0 +1,28 @@
+/**
+ * remake-blocks – Accordion progressive enhancement
+ *
+ * When 2+ disclosure widgets appear consecutively, they are wrapped
+ * in a <div class="disclosure-accordion" data-accordion> container.
+ * This script adds accordion behavior: opening one closes the others.
+ *
+ * Without this script, each disclosure still toggles independently (graceful degradation).
+ *
+ * ~220 bytes minified.
+ */
+
+document.addEventListener('DOMContentLoaded', () => {
+  document.querySelectorAll('[data-accordion]').forEach(accordion => {
+    const details = accordion.querySelectorAll(':scope > details');
+    details.forEach(detail => {
+      detail.addEventListener('toggle', () => {
+        if (detail.open) {
+          details.forEach(other => {
+            if (other !== detail && other.open) {
+              other.removeAttribute('open');
+            }
+          });
+        }
+      });
+    });
+  });
+});

package/dist/astro.d.ts

@@ -0,0 +1,57 @@
+/**
+ * remake-blocks
+ *
+ * Astro 6 integration for rendering GitHub-style callouts, enhanced
+ * blockquotes, and disclosure widgets in Markdown content.
+ *
+ * @example
+ * ```ts
+ * // astro.config.mjs
+ * import { defineConfig } from "astro/config";
+ * import remakeBlocks from "remake-blocks/astro";
+ *
+ * export default defineConfig({
+ *   integrations: [remakeBlocks()],
+ * });
+ * ```
+ *
+ * @example With custom callout types:
+ * ```ts
+ * export default defineConfig({
+ *   integrations: [
+ *     remakeBlocks({
+ *       customCallouts: [
+ *         {
+ *           type: "example",
+ *           icon: "💡",
+ *           className: "callout-example",
+ *           defaultTitle: "Example",
+ *           color: "#8b5cf6",
+ *           backgroundColor: "#f5f3ff",
+ *         },
+ *       ],
+ *     }),
+ *   ],
+ * });
+ * ```
+ */
+import type { AstroIntegration } from "astro";
+import type { AstroRemakeBlocksOptions } from "./types.js";
+export type { AstroRemakeBlocksOptions, RemakeBlocksOptions, CalloutConfig, CalloutType, BuiltinCalloutType, ParsedCallout } from "./types.js";
+export { remarkRemakeBlocks, remarkCalloutBlocks } from "./remark-remake-blocks.js";
+/**
+ * Create the `remake-blocks` Astro integration.
+ *
+ * This integration:
+ * 1. Registers the `remarkRemakeBlocks` remark plugin so that GitHub-style
+ *    admonition directives (`> [!NOTE]`, `> [!TIP]`, etc.) inside blockquotes
+ *    are transformed into styled callout HTML elements.
+ * 2. Supports disclosure widgets via `> [!] Title` syntax.
+ * 3. Optionally injects the default CSS styles into every page.
+ * 4. Optionally enhances regular blockquotes with improved styling.
+ *
+ * @param options - Plugin configuration options.
+ * @returns An Astro integration object.
+ */
+export default function remakeBlocks(options?: AstroRemakeBlocksOptions | null | undefined): AstroIntegration;
+//# sourceMappingURL=astro.d.ts.map

package/dist/astro.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"astro.d.ts","sourceRoot":"","sources":["../src/astro.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCG;AAIH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,KAAK,EAAE,wBAAwB,EAAuB,MAAM,YAAY,CAAC;AAIhF,YAAY,EAAE,wBAAwB,EAAE,mBAAmB,EAAE,aAAa,EAAE,WAAW,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAG/I,OAAO,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAEpF;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,OAAO,UAAU,YAAY,CAClC,OAAO,GAAE,wBAAwB,GAAG,IAAI,GAAG,SAAc,GACxD,gBAAgB,CAmClB"}

package/dist/astro.js

@@ -0,0 +1,87 @@
+/**
+ * remake-blocks
+ *
+ * Astro 6 integration for rendering GitHub-style callouts, enhanced
+ * blockquotes, and disclosure widgets in Markdown content.
+ *
+ * @example
+ * ```ts
+ * // astro.config.mjs
+ * import { defineConfig } from "astro/config";
+ * import remakeBlocks from "remake-blocks/astro";
+ *
+ * export default defineConfig({
+ *   integrations: [remakeBlocks()],
+ * });
+ * ```
+ *
+ * @example With custom callout types:
+ * ```ts
+ * export default defineConfig({
+ *   integrations: [
+ *     remakeBlocks({
+ *       customCallouts: [
+ *         {
+ *           type: "example",
+ *           icon: "💡",
+ *           className: "callout-example",
+ *           defaultTitle: "Example",
+ *           color: "#8b5cf6",
+ *           backgroundColor: "#f5f3ff",
+ *         },
+ *       ],
+ *     }),
+ *   ],
+ * });
+ * ```
+ */
+import { fileURLToPath } from "url";
+import path from "path";
+import { remarkRemakeBlocks } from "./remark-remake-blocks.js";
+// Re-export the remark plugin for advanced usage
+export { remarkRemakeBlocks, remarkCalloutBlocks } from "./remark-remake-blocks.js";
+/**
+ * Create the `remake-blocks` Astro integration.
+ *
+ * This integration:
+ * 1. Registers the `remarkRemakeBlocks` remark plugin so that GitHub-style
+ *    admonition directives (`> [!NOTE]`, `> [!TIP]`, etc.) inside blockquotes
+ *    are transformed into styled callout HTML elements.
+ * 2. Supports disclosure widgets via `> [!] Title` syntax.
+ * 3. Optionally injects the default CSS styles into every page.
+ * 4. Optionally enhances regular blockquotes with improved styling.
+ *
+ * @param options - Plugin configuration options.
+ * @returns An Astro integration object.
+ */
+export default function remakeBlocks(options = {}) {
+    // Defensive: accept null (the default parameter only kicks in for `undefined`,
+    // so an explicit `null` would otherwise crash the destructuring below).
+    const opts = options ?? {};
+    const { injectStyles = true, ...remarkOptions } = opts;
+    return {
+        name: "remake-blocks",
+        hooks: {
+            "astro:config:setup": ({ config, updateConfig, injectScript }) => {
+                // Inject the remark plugin
+                updateConfig({
+                    markdown: {
+                        remarkPlugins: [
+                            ...(config.markdown?.remarkPlugins ?? []),
+                            [remarkRemakeBlocks, remarkOptions],
+                        ],
+                    },
+                });
+                // If auto-injecting styles, add the stylesheet
+                if (injectStyles) {
+                    const __dirname = path.dirname(fileURLToPath(import.meta.url));
+                    const stylesPath = path.resolve(__dirname, "styles.css");
+                    const accordionPath = path.resolve(__dirname, "accordion.js");
+                    injectScript("page-ssr", `import "${stylesPath}";`);
+                    injectScript("page", `import "${accordionPath}";`);
+                }
+            },
+        },
+    };
+}
+//# sourceMappingURL=astro.js.map

package/dist/astro.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"astro.js","sourceRoot":"","sources":["../src/astro.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCG;AAEH,OAAO,EAAE,aAAa,EAAE,MAAM,KAAK,CAAC;AACpC,OAAO,IAAI,MAAM,MAAM,CAAC;AAGxB,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAK/D,iDAAiD;AACjD,OAAO,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAEpF;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,OAAO,UAAU,YAAY,CAClC,UAAuD,EAAE;IAEzD,+EAA+E;IAC/E,wEAAwE;IACxE,MAAM,IAAI,GAAG,OAAO,IAAI,EAAE,CAAC;IAC3B,MAAM,EACJ,YAAY,GAAG,IAAI,EACnB,GAAG,aAAa,EACjB,GAAG,IAAI,CAAC;IAET,OAAO;QACL,IAAI,EAAE,eAAe;QAErB,KAAK,EAAE;YACL,oBAAoB,EAAE,CAAC,EAAE,MAAM,EAAE,YAAY,EAAE,YAAY,EAAE,EAAE,EAAE;gBAC/D,2BAA2B;gBAC3B,YAAY,CAAC;oBACX,QAAQ,EAAE;wBACR,aAAa,EAAE;4BACb,GAAG,CAAC,MAAM,CAAC,QAAQ,EAAE,aAAa,IAAI,EAAE,CAAC;4BACzC,CAAC,kBAAkB,EAAE,aAAa,CAAC;yBACpC;qBACF;iBACF,CAAC,CAAC;gBAEH,+CAA+C;gBAC/C,IAAI,YAAY,EAAE,CAAC;oBACjB,MAAM,SAAS,GAAG,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;oBAC/D,MAAM,UAAU,GAAG,IAAI,CAAC,OAAO,CAAC,SAAS,EAAE,YAAY,CAAC,CAAC;oBACzD,MAAM,aAAa,GAAG,IAAI,CAAC,OAAO,CAAC,SAAS,EAAE,cAAc,CAAC,CAAC;oBAC9D,YAAY,CAAC,UAAU,EAAE,WAAW,UAAU,IAAI,CAAC,CAAC;oBACpD,YAAY,CAAC,MAAM,EAAE,WAAW,aAAa,IAAI,CAAC,CAAC;gBACrD,CAAC;YACH,CAAC;SACF;KACF,CAAC;AACJ,CAAC"}

package/dist/index.d.ts

@@ -1,56 +1,13 @@
 /**
- * @dr-ishaan/remake-blocks
+ * remake-blocks — main entry point
  *
- * Astro 6 integration for rendering GitHub-style callouts (admonitions)
- * and enhanced blockquotes in Markdown content.
- *
- * @example
- * ```ts
- * // astro.config.mjs
- * import { defineConfig } from "astro/config";
- * import remakeBlocks from "@dr-ishaan/remake-blocks";
- *
- * export default defineConfig({
- *   integrations: [remakeBlocks()],
- * });
- * ```
- *
- * @example With custom callout types:
- * ```ts
- * export default defineConfig({
- *   integrations: [
- *     remakeBlocks({
- *       customCallouts: [
- *         {
- *           type: "example",
- *           icon: "💡",
- *           className: "callout-example",
- *           defaultTitle: "Example",
- *           color: "#8b5cf6",
- *           backgroundColor: "#f5f3ff",
- *         },
- *       ],
- *     }),
- *   ],
- * });
- * ```
- */
-import type { AstroIntegration } from "astro";
-import type { AstroCalloutBlocksOptions } from "./types.js";
-export type { AstroCalloutBlocksOptions, RemarkCalloutBlocksOptions, CalloutConfig, CalloutType, BuiltinCalloutType, ParsedCallout } from "./types.js";
-export { remarkCalloutBlocks } from "./remark-callout-blocks.js";
-/**
- * Create the `@dr-ishaan/remake-blocks` Astro integration.
- *
- * This integration:
- * 1. Registers the `remarkCalloutBlocks` remark plugin so that GitHub-style
- *    admonition directives (`> [!NOTE]`, `> [!TIP]`, etc.) inside blockquotes
- *    are transformed into styled callout HTML elements.
- * 2. Optionally injects the default CSS styles into every page.
- * 3. Optionally enhances regular blockquotes with improved styling.
- *
- * @param options - Plugin configuration options.
- * @returns An Astro integration object.
+ * Re-exports the remark plugin, types, and Astro integration.
+ * The Astro integration is also available from the `/astro` subpath
+ * (`import remakeBlocks from "remake-blocks/astro"`), but is re-exported
+ * here for backward compatibility with `import remakeBlocks from "remake-blocks"`.
  */
-export default function remakeBlocks(options?: AstroCalloutBlocksOptions): AstroIntegration;
+export { remarkRemakeBlocks, remarkCalloutBlocks, BUILTIN_CALLOUTS } from "./remark-remake-blocks.js";
+export { escapeHtml, escapeAttribute, sanitizeColor } from "./remark-remake-blocks.js";
+export { default } from "./astro.js";
+export type { RemakeBlocksOptions, AstroRemakeBlocksOptions, CalloutConfig, CalloutType, BuiltinCalloutType, ParsedCallout, CustomCalloutType, CalloutConfigMap, } from "./types.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCG;AAIH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,KAAK,EAAE,yBAAyB,EAA8B,MAAM,YAAY,CAAC;AAIxF,YAAY,EAAE,yBAAyB,EAAE,0BAA0B,EAAE,aAAa,EAAE,WAAW,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAGvJ,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAEjE;;;;;;;;;;;;GAYG;AACH,MAAM,CAAC,OAAO,UAAU,YAAY,CAClC,OAAO,GAAE,yBAA8B,GACtC,gBAAgB,CAwClB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAEtG,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAGvF,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAGrC,YAAY,EACV,mBAAmB,EACnB,wBAAwB,EACxB,aAAa,EACb,WAAW,EACX,kBAAkB,EAClB,aAAa,EACb,iBAAiB,EACjB,gBAAgB,GACjB,MAAM,YAAY,CAAC"}

package/dist/index.js

@@ -1,90 +1,15 @@
 /**
- * @dr-ishaan/remake-blocks
+ * remake-blocks — main entry point
  *
- * Astro 6 integration for rendering GitHub-style callouts (admonitions)
- * and enhanced blockquotes in Markdown content.
- *
- * @example
- * ```ts
- * // astro.config.mjs
- * import { defineConfig } from "astro/config";
- * import remakeBlocks from "@dr-ishaan/remake-blocks";
- *
- * export default defineConfig({
- *   integrations: [remakeBlocks()],
- * });
- * ```
- *
- * @example With custom callout types:
- * ```ts
- * export default defineConfig({
- *   integrations: [
- *     remakeBlocks({
- *       customCallouts: [
- *         {
- *           type: "example",
- *           icon: "💡",
- *           className: "callout-example",
- *           defaultTitle: "Example",
- *           color: "#8b5cf6",
- *           backgroundColor: "#f5f3ff",
- *         },
- *       ],
- *     }),
- *   ],
- * });
- * ```
- */
-import { fileURLToPath } from "url";
-import path from "path";
-import { remarkCalloutBlocks } from "./remark-callout-blocks.js";
-// Re-export the remark plugin for advanced usage
-export { remarkCalloutBlocks } from "./remark-callout-blocks.js";
-/**
- * Create the `@dr-ishaan/remake-blocks` Astro integration.
- *
- * This integration:
- * 1. Registers the `remarkCalloutBlocks` remark plugin so that GitHub-style
- *    admonition directives (`> [!NOTE]`, `> [!TIP]`, etc.) inside blockquotes
- *    are transformed into styled callout HTML elements.
- * 2. Optionally injects the default CSS styles into every page.
- * 3. Optionally enhances regular blockquotes with improved styling.
- *
- * @param options - Plugin configuration options.
- * @returns An Astro integration object.
+ * Re-exports the remark plugin, types, and Astro integration.
+ * The Astro integration is also available from the `/astro` subpath
+ * (`import remakeBlocks from "remake-blocks/astro"`), but is re-exported
+ * here for backward compatibility with `import remakeBlocks from "remake-blocks"`.
  */
-export default function remakeBlocks(options = {}) {
-    const { injectStyles = true, ...remarkOptions } = options;
-    return {
-        name: "@dr-ishaan/remake-blocks",
-        hooks: {
-            /**
-             * During the Astro config setup, inject the remark plugin into the
-             * markdown.remarkPlugins array and optionally inject the stylesheet.
-             */
-            "astro:config:setup": ({ config, updateConfig, injectScript }) => {
-                // Inject the remark plugin
-                updateConfig({
-                    markdown: {
-                        remarkPlugins: [
-                            ...(config.markdown?.remarkPlugins ?? []),
-                            [remarkCalloutBlocks, remarkOptions],
-                        ],
-                    },
-                });
-                // If auto-injecting styles, add the stylesheet via Astro's
-                // built-in injectScript mechanism.
-                if (injectStyles) {
-                    // Resolve the path to the bundled stylesheet
-                    const __dirname = path.dirname(fileURLToPath(import.meta.url));
-                    const stylesPath = path.resolve(__dirname, "styles.css");
-                    // Inject an import so the styles are included in every page.
-                    // Users who need more control can set injectStyles: false
-                    // and import "@dr-ishaan/remake-blocks/styles.css" manually.
-                    injectScript("page-ssr", `import "${stylesPath}";`);
-                }
-            },
-        },
-    };
-}
+// Core remark plugin
+export { remarkRemakeBlocks, remarkCalloutBlocks, BUILTIN_CALLOUTS } from "./remark-remake-blocks.js";
+// Helpers (for users who supply a custom `build` render function)
+export { escapeHtml, escapeAttribute, sanitizeColor } from "./remark-remake-blocks.js";
+// Astro integration (default export, re-exported for backward compatibility)
+export { default } from "./astro.js";
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCG;AAEH,OAAO,EAAE,aAAa,EAAE,MAAM,KAAK,CAAC;AACpC,OAAO,IAAI,MAAM,MAAM,CAAC;AAGxB,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAKjE,iDAAiD;AACjD,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAEjE;;;;;;;;;;;;GAYG;AACH,MAAM,CAAC,OAAO,UAAU,YAAY,CAClC,UAAqC,EAAE;IAEvC,MAAM,EACJ,YAAY,GAAG,IAAI,EACnB,GAAG,aAAa,EACjB,GAAG,OAAO,CAAC;IAEZ,OAAO;QACL,IAAI,EAAE,0BAA0B;QAEhC,KAAK,EAAE;YACL;;;eAGG;YACH,oBAAoB,EAAE,CAAC,EAAE,MAAM,EAAE,YAAY,EAAE,YAAY,EAAE,EAAE,EAAE;gBAC/D,2BAA2B;gBAC3B,YAAY,CAAC;oBACX,QAAQ,EAAE;wBACR,aAAa,EAAE;4BACb,GAAG,CAAC,MAAM,CAAC,QAAQ,EAAE,aAAa,IAAI,EAAE,CAAC;4BACzC,CAAC,mBAAmB,EAAE,aAAa,CAAC;yBACrC;qBACF;iBACF,CAAC,CAAC;gBAEH,2DAA2D;gBAC3D,mCAAmC;gBACnC,IAAI,YAAY,EAAE,CAAC;oBACjB,6CAA6C;oBAC7C,MAAM,SAAS,GAAG,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;oBAC/D,MAAM,UAAU,GAAG,IAAI,CAAC,OAAO,CAAC,SAAS,EAAE,YAAY,CAAC,CAAC;oBAEzD,6DAA6D;oBAC7D,0DAA0D;oBAC1D,6DAA6D;oBAC7D,YAAY,CAAC,UAAU,EAAE,WAAW,UAAU,IAAI,CAAC,CAAC;gBACtD,CAAC;YACH,CAAC;SACF;KACF,CAAC;AACJ,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,qBAAqB;AACrB,OAAO,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AACtG,kEAAkE;AAClE,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAEvF,6EAA6E;AAC7E,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC"}