@dr-ishaan/rehype-perfect-code-blocks 1.1.0 → 1.1.1

package/dist/astro.d.ts

@@ -5,14 +5,14 @@
  *
  *   // astro.config.mjs
  *   import { defineConfig } from 'astro/config';
- *   import perfectCode from 'rehype-perfect-code-blocks/astro';
+ *   import perfectCode from '@dr-ishaan/rehype-perfect-code-blocks/astro';
  *
  *   export default defineConfig({
  *     integrations: [
  *       perfectCode({
  *         decorations: true,
  *         copyButton: true,
- *         // ...all options from src/types.ts
+ *         rehypePlugins: [rehypeRaw],  // for code blocks inside raw HTML
  *       }),
  *     ],
  *   });

package/dist/astro.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"astro.d.ts","sourceRoot":"","sources":["../src/astro.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AAEH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,OAAO,CAAC;AAI9C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAIrD,MAAM,CAAC,OAAO,UAAU,WAAW,CACjC,OAAO,GAAE,kBAAuB,GAC/B,gBAAgB,CAuDlB"}
+{"version":3,"file":"astro.d.ts","sourceRoot":"","sources":["../src/astro.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AAEH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,OAAO,CAAC;AAI9C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAuBrD,MAAM,CAAC,OAAO,UAAU,WAAW,CACjC,OAAO,GAAE,kBAAuB,GAC/B,gBAAgB,CAuDlB"}

package/dist/astro.js

@@ -5,14 +5,14 @@
  *
  *   // astro.config.mjs
  *   import { defineConfig } from 'astro/config';
- *   import perfectCode from 'rehype-perfect-code-blocks/astro';
+ *   import perfectCode from '@dr-ishaan/rehype-perfect-code-blocks/astro';
  *
  *   export default defineConfig({
  *     integrations: [
  *       perfectCode({
  *         decorations: true,
  *         copyButton: true,
- *         // ...all options from src/types.ts
+ *         rehypePlugins: [rehypeRaw],  // for code blocks inside raw HTML
  *       }),
  *     ],
  *   });
@@ -20,16 +20,33 @@
 import { rehypePerfectCodeBlocks } from './index.js';
 import { remarkPreserveCodeMeta } from './remark.js';
 import { COPY_SCRIPT } from './copy-script.js';
-// Vite's ?raw query — type declared in src/vite-raw.d.ts
-import css from './styles.css?raw';
+import { readFileSync } from 'node:fs';
+import { fileURLToPath } from 'node:url';
+import { dirname, join } from 'node:path';
+const __dirname = dirname(fileURLToPath(import.meta.url));
+// Read styles.css at runtime instead of using Vite's ?raw import.
+// This avoids "Unknown file extension .css" errors when Astro loads
+// the config via Node's ESM loader (outside of Vite).
+function loadCss() {
+    try {
+        return readFileSync(join(__dirname, 'styles.css'), 'utf8');
+    }
+    catch {
+        // Fallback: try from src/ (dev mode)
+        try {
+            return readFileSync(join(__dirname, '..', 'src', 'styles.css'), 'utf8');
+        }
+        catch {
+            return '';
+        }
+    }
+}
 export default function perfectCode(options = {}) {
     return {
         name: 'rehype-perfect-code-blocks',
         hooks: {
             'astro:config:setup': ({ updateConfig, injectScript }) => {
                 // 1. Register the remark + rehype plugins with the Markdown pipeline.
-                //    The remark plugin preserves fence meta (title="...", {1,3-5}, flags)
-                //    onto the hast tree so the rehype plugin can read it.
                 updateConfig({
                     markdown: {
                         syntaxHighlight: 'shiki',
@@ -44,7 +61,10 @@ export default function perfectCode(options = {}) {
                 });
                 // 2. Inject global styles (unless user opted out).
                 if (options.injectStyles !== false) {
-                    injectScript('page', `<style data-pcb>${css}</style>`);
+                    const css = loadCss();
+                    if (css) {
+                        injectScript('page', `<style data-pcb>${css}</style>`);
+                    }
                 }
                 // 3. Inject the copy-button script once per page.
                 if (options.copyButton !== false) {
@@ -56,7 +76,6 @@ export default function perfectCode(options = {}) {
                     }
                 }
                 // 4. Respect manual theme override (set on <html data-theme="...">).
-                // Validate against allowlist to prevent injection.
                 if (options.theme && options.theme !== 'auto') {
                     const safeTheme = ['dark', 'light'].includes(options.theme) ? options.theme : 'auto';
                     if (safeTheme !== 'auto') {

package/dist/astro.js.map

@@ -1 +1 @@
-{"version":3,"file":"astro.js","sourceRoot":"","sources":["../src/astro.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AAGH,OAAO,EAAE,uBAAuB,EAAE,MAAM,YAAY,CAAC;AACrD,OAAO,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE/C,yDAAyD;AACzD,OAAO,GAAG,MAAM,kBAAkB,CAAC;AAEnC,MAAM,CAAC,OAAO,UAAU,WAAW,CACjC,UAA8B,EAAE;IAEhC,OAAO;QACL,IAAI,EAAE,4BAA4B;QAClC,KAAK,EAAE;YACL,oBAAoB,EAAE,CAAC,EAAE,YAAY,EAAE,YAAY,EAAE,EAAE,EAAE;gBACvD,sEAAsE;gBACtE,0EAA0E;gBAC1E,0DAA0D;gBAC1D,YAAY,CAAC;oBACX,QAAQ,EAAE;wBACR,eAAe,EAAE,OAAO;wBACxB,WAAW,EACT,OAAO,OAAO,CAAC,KAAK,EAAE,KAAK,KAAK,QAAQ;4BACtC,CAAC,CAAC,EAAE,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC,KAAK,EAAE;4BAChC,CAAC,CAAC,OAAO,CAAC,KAAK,EAAE,KAAK;gCACpB,CAAC,CAAC,EAAE,MAAM,EAAE,OAAO,CAAC,KAAK,CAAC,KAAK,EAAE;gCACjC,CAAC,CAAC,SAAS;wBACjB,aAAa,EAAE,CAAC,sBAAsB,CAAC;wBACvC,aAAa,EAAE,CAAC,EAAE,OAAO,EAAE,cAAc,EAAE,uBAAuB,EAAE,CAAC;qBACtE;iBACF,CAAC,CAAC;gBAEH,mDAAmD;gBACnD,IAAI,OAAO,CAAC,YAAY,KAAK,KAAK,EAAE,CAAC;oBACnC,YAAY,CAAC,MAAM,EAAE,mBAAmB,GAAG,UAAU,CAAC,CAAC;gBACzD,CAAC;gBAED,kDAAkD;gBAClD,IAAI,OAAO,CAAC,UAAU,KAAK,KAAK,EAAE,CAAC;oBACjC,YAAY,CAAC,MAAM,EAAE,WAAW,WAAW,WAAW,CAAC,CAAC;oBAExD,qEAAqE;oBACrE,qDAAqD;oBACrD,IAAI,OAAO,CAAC,iBAAiB,KAAK,KAAK,EAAE,CAAC;wBACxC,YAAY,CACV,MAAM,EACN,mEAAmE,CACpE,CAAC;oBACJ,CAAC;gBACH,CAAC;gBAED,qEAAqE;gBACrE,mDAAmD;gBACnD,IAAI,OAAO,CAAC,KAAK,IAAI,OAAO,CAAC,KAAK,KAAK,MAAM,EAAE,CAAC;oBAC9C,MAAM,SAAS,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC;oBACrF,IAAI,SAAS,KAAK,MAAM,EAAE,CAAC;wBACzB,YAAY,CACV,MAAM,EACN,+DAA+D,SAAS,cAAc,CACvF,CAAC;oBACJ,CAAC;gBACH,CAAC;YACH,CAAC;SACF;KACF,CAAC;AACJ,CAAC"}
+{"version":3,"file":"astro.js","sourceRoot":"","sources":["../src/astro.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dr-ishaan/rehype-perfect-code-blocks",
-  "version": "1.1.0",
+  "version": "1.1.1",
   "description": "Beautiful, configurable code blocks for Astro / MDX / any rehype pipeline. Built on Shiki, inspired by rehype-pretty-code, VitePress, Docusaurus, and Expressive Code.",
   "type": "module",
   "main": "./dist/index.js",

package/src/astro.ts

@@ -5,14 +5,14 @@
  *
  *   // astro.config.mjs
  *   import { defineConfig } from 'astro/config';
- *   import perfectCode from 'rehype-perfect-code-blocks/astro';
+ *   import perfectCode from '@dr-ishaan/rehype-perfect-code-blocks/astro';
  *
  *   export default defineConfig({
  *     integrations: [
  *       perfectCode({
  *         decorations: true,
  *         copyButton: true,
- *         // ...all options from src/types.ts
+ *         rehypePlugins: [rehypeRaw],  // for code blocks inside raw HTML
  *       }),
  *     ],
  *   });
@@ -23,8 +23,27 @@ import { rehypePerfectCodeBlocks } from './index.js';
 import { remarkPreserveCodeMeta } from './remark.js';
 import { COPY_SCRIPT } from './copy-script.js';
 import type { PerfectCodeOptions } from './types.js';
-// Vite's ?raw query — type declared in src/vite-raw.d.ts
-import css from './styles.css?raw';
+import { readFileSync } from 'node:fs';
+import { fileURLToPath } from 'node:url';
+import { dirname, join } from 'node:path';
+
+const __dirname = dirname(fileURLToPath(import.meta.url));
+
+// Read styles.css at runtime instead of using Vite's ?raw import.
+// This avoids "Unknown file extension .css" errors when Astro loads
+// the config via Node's ESM loader (outside of Vite).
+function loadCss(): string {
+  try {
+    return readFileSync(join(__dirname, 'styles.css'), 'utf8');
+  } catch {
+    // Fallback: try from src/ (dev mode)
+    try {
+      return readFileSync(join(__dirname, '..', 'src', 'styles.css'), 'utf8');
+    } catch {
+      return '';
+    }
+  }
+}
 
 export default function perfectCode(
   options: PerfectCodeOptions = {}
@@ -34,8 +53,6 @@ export default function perfectCode(
     hooks: {
       'astro:config:setup': ({ updateConfig, injectScript }) => {
         // 1. Register the remark + rehype plugins with the Markdown pipeline.
-        //    The remark plugin preserves fence meta (title="...", {1,3-5}, flags)
-        //    onto the hast tree so the rehype plugin can read it.
         updateConfig({
           markdown: {
             syntaxHighlight: 'shiki',
@@ -52,7 +69,10 @@ export default function perfectCode(
 
         // 2. Inject global styles (unless user opted out).
         if (options.injectStyles !== false) {
-          injectScript('page', `<style data-pcb>${css}</style>`);
+          const css = loadCss();
+          if (css) {
+            injectScript('page', `<style data-pcb>${css}</style>`);
+          }
         }
 
         // 3. Inject the copy-button script once per page.
@@ -70,7 +90,6 @@ export default function perfectCode(
         }
 
         // 4. Respect manual theme override (set on <html data-theme="...">).
-        // Validate against allowlist to prevent injection.
         if (options.theme && options.theme !== 'auto') {
           const safeTheme = ['dark', 'light'].includes(options.theme) ? options.theme : 'auto';
           if (safeTheme !== 'auto') {