mdx-forge 0.1.1 → 0.1.4

package/LICENSE

@@ -1,21 +1,21 @@
-MIT License
-
-Copyright (c) 2026 Garrett Fincke
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+MIT License
+
+Copyright (c) 2026 Garrett Fincke
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,64 +1,64 @@
-# mdx-forge
-
-`mdx-forge` is a unified MDX runtime toolkit with three domain exports:
-
-- `mdx-forge/compiler` for safe and trusted MDX compilation
-- `mdx-forge/browser` for browser-side module loading/evaluation
-- `mdx-forge/components` for framework shim components and CSS
-
-## Install
-
-```bash
-npm install mdx-forge
-```
-
-Peer dependencies:
-
-- `react >= 18` for `components`
-- `unified` and `@mdx-js/mdx` for `compiler`
-
-## Quick Start
-
-```ts
-import { compileSafe } from 'mdx-forge/compiler';
-
-const result = await compileSafe('# Hello', {
-  logger: { debug() {}, warn() {}, error() {} },
-});
-
-console.log(result.html);
-```
-
-## Subpath Exports
-
-- `mdx-forge/compiler`
-- `mdx-forge/compiler/plugins`
-- `mdx-forge/compiler/transforms`
-- `mdx-forge/browser`
-- `mdx-forge/browser/registry`
-- `mdx-forge/components`
-- `mdx-forge/components/generic`
-- `mdx-forge/components/docusaurus`
-- `mdx-forge/components/starlight`
-- `mdx-forge/components/nextra`
-- `mdx-forge/components/nextjs`
-- `mdx-forge/components/registry`
-- `mdx-forge/components/styles/*.css`
-
-## Security Model
-
-- `mdx-forge/browser` evaluates code via `new Function()`.
-- Consumers must allow `unsafe-eval` in CSP for `mdx-forge/browser`.
-- Runtime style injection may require `style-src 'unsafe-inline'` or a nonce-aware strategy.
-- The library does not validate trust boundaries for fetched code; host code must enforce trust.
-- `compileSafe` is a compilation mode, not a full sanitization layer.
-
-## Limitations
-
-- Browser-domain runtime assumes a browser environment.
-- Component domain requires matching CSS imports.
-- Trusted mode compilation/execution is not suitable for untrusted code without additional controls.
-
-## License
-
-MIT. See `LICENSE`.
+# mdx-forge
+
+`mdx-forge` is a unified MDX runtime toolkit with three domain exports:
+
+- `mdx-forge/compiler` for safe and trusted MDX compilation
+- `mdx-forge/browser` for browser-side module loading/evaluation
+- `mdx-forge/components` for framework shim components and CSS
+
+## Install
+
+```bash
+npm install mdx-forge
+```
+
+Peer dependencies:
+
+- `react >= 18` for `components`
+- `unified` and `@mdx-js/mdx` for `compiler`
+
+## Quick Start
+
+```ts
+import { compileSafe } from 'mdx-forge/compiler';
+
+const result = await compileSafe('# Hello', {
+  logger: { debug() {}, warn() {}, error() {} },
+});
+
+console.log(result.html);
+```
+
+## Subpath Exports
+
+- `mdx-forge/compiler`
+- `mdx-forge/compiler/plugins`
+- `mdx-forge/compiler/transforms`
+- `mdx-forge/browser`
+- `mdx-forge/browser/registry`
+- `mdx-forge/components`
+- `mdx-forge/components/generic`
+- `mdx-forge/components/docusaurus`
+- `mdx-forge/components/starlight`
+- `mdx-forge/components/nextra`
+- `mdx-forge/components/nextjs`
+- `mdx-forge/components/registry`
+- `mdx-forge/components/styles/*.css`
+
+## Security Model
+
+- `mdx-forge/browser` evaluates code via `new Function()`.
+- Consumers must allow `unsafe-eval` in CSP for `mdx-forge/browser`.
+- Runtime style injection may require `style-src 'unsafe-inline'` or a nonce-aware strategy.
+- The library does not validate trust boundaries for fetched code; host code must enforce trust.
+- `compileSafe` is a compilation mode, not a full sanitization layer.
+
+## Limitations
+
+- Browser-domain runtime assumes a browser environment.
+- Component domain requires matching CSS imports.
+- Trusted mode compilation/execution is not suitable for untrusted code without additional controls.
+
+## License
+
+MIT. See `LICENSE`.

package/dist/components/base/styles/callout.css

@@ -1,64 +1,64 @@
-/* packages/webview-app/src/components/shims/base/styles/callout.css */
-/* Shared callout/aside/admonition styles using data-attribute selectors */
-/* Works w/ all frameworks that use createCallout() factory */
-
-/* Import shared tokens & callout color variants */
-@import '../../shared/index.css';
-
-/* ==================== Base Structure ==================== */
-[data-callout-type] {
-  padding: var(--mdx-space-lg) var(--mdx-space-xl);
-  margin: var(--mdx-space-lg) 0;
-  border-left: var(--mdx-callout-border-width) solid
-    var(--callout-color, var(--mdx-text-muted));
-  border-radius: 0 var(--mdx-radius-lg) var(--mdx-radius-lg) 0;
-  background-color: var(
-    --callout-bg,
-    rgba(128, 128, 128, var(--mdx-alpha-subtle))
-  );
-}
-
-/* Header layout (Generic, Starlight) */
-[data-callout-type] > [class*='-header'] {
-  display: flex;
-  align-items: center;
-  gap: var(--mdx-space-sm);
-  font-weight: var(--mdx-font-weight-semibold);
-  margin-bottom: var(--mdx-space-md);
-  color: var(--callout-color);
-}
-
-/* Title text - uppercase for header layout */
-[data-callout-type] > [class*='-header'] > [class*='-title'] {
-  text-transform: uppercase;
-  font-size: var(--mdx-font-size-sm);
-  letter-spacing: var(--mdx-letter-spacing-wide);
-}
-
-/* Icon container */
-[data-callout-type] [class*='-icon'] {
-  display: inline-flex;
-  align-items: center;
-}
-
-[data-callout-type] [class*='-icon'] svg {
-  width: 1.25em;
-  height: 1.25em;
-}
-
-/* Content container */
-[data-callout-type] > [class*='-content'] > :first-child {
-  margin-top: 0;
-}
-
-[data-callout-type] > [class*='-content'] > :last-child {
-  margin-bottom: 0;
-}
-
-/* ==================== Color Variants ==================== */
-/* Color variants are defined in shared/callout-variants.css using tokens */
-/* No need to duplicate them here - they're imported via shared/index.css */
-
-/* ==================== Dark Mode ==================== */
-/* Dark mode alpha adjustment is handled by --mdx-alpha-subtle in tokens.css */
-/* No need to duplicate dark mode rules - they use CSS custom properties */
+/* packages/webview-app/src/components/shims/base/styles/callout.css */
+/* Shared callout/aside/admonition styles using data-attribute selectors */
+/* Works w/ all frameworks that use createCallout() factory */
+
+/* Import shared tokens & callout color variants */
+@import '../../shared/index.css';
+
+/* ==================== Base Structure ==================== */
+[data-callout-type] {
+  padding: var(--mdx-space-lg) var(--mdx-space-xl);
+  margin: var(--mdx-space-lg) 0;
+  border-left: var(--mdx-callout-border-width) solid
+    var(--callout-color, var(--mdx-text-muted));
+  border-radius: 0 var(--mdx-radius-lg) var(--mdx-radius-lg) 0;
+  background-color: var(
+    --callout-bg,
+    rgba(128, 128, 128, var(--mdx-alpha-subtle))
+  );
+}
+
+/* Header layout (Generic, Starlight) */
+[data-callout-type] > [class*='-header'] {
+  display: flex;
+  align-items: center;
+  gap: var(--mdx-space-sm);
+  font-weight: var(--mdx-font-weight-semibold);
+  margin-bottom: var(--mdx-space-md);
+  color: var(--callout-color);
+}
+
+/* Title text - uppercase for header layout */
+[data-callout-type] > [class*='-header'] > [class*='-title'] {
+  text-transform: uppercase;
+  font-size: var(--mdx-font-size-sm);
+  letter-spacing: var(--mdx-letter-spacing-wide);
+}
+
+/* Icon container */
+[data-callout-type] [class*='-icon'] {
+  display: inline-flex;
+  align-items: center;
+}
+
+[data-callout-type] [class*='-icon'] svg {
+  width: 1.25em;
+  height: 1.25em;
+}
+
+/* Content container */
+[data-callout-type] > [class*='-content'] > :first-child {
+  margin-top: 0;
+}
+
+[data-callout-type] > [class*='-content'] > :last-child {
+  margin-bottom: 0;
+}
+
+/* ==================== Color Variants ==================== */
+/* Color variants are defined in shared/callout-variants.css using tokens */
+/* No need to duplicate them here - they're imported via shared/index.css */
+
+/* ==================== Dark Mode ==================== */
+/* Dark mode alpha adjustment is handled by --mdx-alpha-subtle in tokens.css */
+/* No need to duplicate dark mode rules - they use CSS custom properties */

package/dist/components/base/styles/collapsible.css

@@ -1,96 +1,96 @@
-/* packages/webview-app/src/components/shims/base/styles/collapsible.css */
-/* Shared collapsible/details styles using data-attribute selectors */
-/* Works w/ all frameworks that use createCollapsible */
-
-/* Import shared tokens */
-@import '../../shared/tokens.css';
-
-/* ==================== Base Structure ==================== */
-[data-component='collapsible'] {
-  margin: var(--mdx-space-lg) 0;
-  border: 1px solid var(--vscode-panel-border, var(--mdx-border-color));
-  border-radius: var(--mdx-radius-lg);
-  overflow: hidden;
-}
-
-/* Summary / header element */
-[data-component='collapsible'] > summary {
-  display: flex;
-  align-items: center;
-  gap: var(--mdx-space-sm);
-  padding: var(--mdx-space-md) var(--mdx-space-lg);
-  cursor: pointer;
-  background-color: var(--vscode-editor-background, var(--mdx-bg-secondary));
-  font-weight: var(--mdx-font-weight-medium);
-  list-style: none;
-  user-select: none;
-}
-
-/* Hide native disclosure markers */
-[data-component='collapsible'] > summary::-webkit-details-marker {
-  display: none;
-}
-
-[data-component='collapsible'] > summary::marker {
-  display: none;
-}
-
-[data-component='collapsible'] > summary:hover {
-  background-color: var(
-    --vscode-list-hoverBackground,
-    rgba(0, 0, 0, var(--mdx-alpha-hover))
-  );
-}
-
-/* Icon container */
-[data-component='collapsible'] > summary > [class*='-icon'] {
-  display: inline-flex;
-  align-items: center;
-  transition: transform var(--mdx-transition-normal) ease;
-}
-
-/* Icon rotation when open */
-[data-component='collapsible'] > summary > [class*='-icon'].open,
-[data-component='collapsible'] > summary > [class*='-icon'].expanded {
-  transform: rotate(90deg);
-}
-
-[data-component='collapsible'] > summary > [class*='-icon'] svg {
-  width: 1em;
-  height: 1em;
-}
-
-/* Title text */
-[data-component='collapsible'] > summary > [class*='-title'],
-[data-component='collapsible'] > summary > [class*='-text'] {
-  flex: 1;
-}
-
-/* Content container */
-[data-component='collapsible'] > [class*='-content'] {
-  padding: var(--mdx-space-lg);
-  border-top: 1px solid var(--vscode-panel-border, var(--mdx-border-color));
-}
-
-[data-component='collapsible'] > [class*='-content'] > :first-child {
-  margin-top: 0;
-}
-
-[data-component='collapsible'] > [class*='-content'] > :last-child {
-  margin-bottom: 0;
-}
-
-/* ==================== Dark Mode ==================== */
-/* Dark mode values are handled by VS Code CSS variables w/ fallbacks to tokens */
-
-.vscode-dark [data-component='collapsible'] {
-  border-color: var(--vscode-panel-border, var(--mdx-border-color));
-}
-
-.vscode-dark [data-component='collapsible'] > summary {
-  background-color: var(--vscode-editor-background, var(--mdx-bg-primary));
-}
-
-.vscode-dark [data-component='collapsible'] > [class*='-content'] {
-  border-top-color: var(--vscode-panel-border, var(--mdx-border-color));
-}
+/* packages/webview-app/src/components/shims/base/styles/collapsible.css */
+/* Shared collapsible/details styles using data-attribute selectors */
+/* Works w/ all frameworks that use createCollapsible */
+
+/* Import shared tokens */
+@import '../../shared/tokens.css';
+
+/* ==================== Base Structure ==================== */
+[data-component='collapsible'] {
+  margin: var(--mdx-space-lg) 0;
+  border: 1px solid var(--vscode-panel-border, var(--mdx-border-color));
+  border-radius: var(--mdx-radius-lg);
+  overflow: hidden;
+}
+
+/* Summary / header element */
+[data-component='collapsible'] > summary {
+  display: flex;
+  align-items: center;
+  gap: var(--mdx-space-sm);
+  padding: var(--mdx-space-md) var(--mdx-space-lg);
+  cursor: pointer;
+  background-color: var(--vscode-editor-background, var(--mdx-bg-secondary));
+  font-weight: var(--mdx-font-weight-medium);
+  list-style: none;
+  user-select: none;
+}
+
+/* Hide native disclosure markers */
+[data-component='collapsible'] > summary::-webkit-details-marker {
+  display: none;
+}
+
+[data-component='collapsible'] > summary::marker {
+  display: none;
+}
+
+[data-component='collapsible'] > summary:hover {
+  background-color: var(
+    --vscode-list-hoverBackground,
+    rgba(0, 0, 0, var(--mdx-alpha-hover))
+  );
+}
+
+/* Icon container */
+[data-component='collapsible'] > summary > [class*='-icon'] {
+  display: inline-flex;
+  align-items: center;
+  transition: transform var(--mdx-transition-normal) ease;
+}
+
+/* Icon rotation when open */
+[data-component='collapsible'] > summary > [class*='-icon'].open,
+[data-component='collapsible'] > summary > [class*='-icon'].expanded {
+  transform: rotate(90deg);
+}
+
+[data-component='collapsible'] > summary > [class*='-icon'] svg {
+  width: 1em;
+  height: 1em;
+}
+
+/* Title text */
+[data-component='collapsible'] > summary > [class*='-title'],
+[data-component='collapsible'] > summary > [class*='-text'] {
+  flex: 1;
+}
+
+/* Content container */
+[data-component='collapsible'] > [class*='-content'] {
+  padding: var(--mdx-space-lg);
+  border-top: 1px solid var(--vscode-panel-border, var(--mdx-border-color));
+}
+
+[data-component='collapsible'] > [class*='-content'] > :first-child {
+  margin-top: 0;
+}
+
+[data-component='collapsible'] > [class*='-content'] > :last-child {
+  margin-bottom: 0;
+}
+
+/* ==================== Dark Mode ==================== */
+/* Dark mode values are handled by VS Code CSS variables w/ fallbacks to tokens */
+
+.vscode-dark [data-component='collapsible'] {
+  border-color: var(--vscode-panel-border, var(--mdx-border-color));
+}
+
+.vscode-dark [data-component='collapsible'] > summary {
+  background-color: var(--vscode-editor-background, var(--mdx-bg-primary));
+}
+
+.vscode-dark [data-component='collapsible'] > [class*='-content'] {
+  border-top-color: var(--vscode-panel-border, var(--mdx-border-color));
+}

package/dist/components/base/styles/index.css

@@ -1,7 +1,7 @@
-/* packages/webview-app/src/components/shims/base/styles/index.css */
-/* Base component styles - imported by App.tsx */
-/* These provide shared styles for all framework shims via data-attribute selectors */
-
-@import './callout.css';
-@import './tabs.css';
-@import './collapsible.css';
+/* packages/webview-app/src/components/shims/base/styles/index.css */
+/* Base component styles - imported by App.tsx */
+/* These provide shared styles for all framework shims via data-attribute selectors */
+
+@import './callout.css';
+@import './tabs.css';
+@import './collapsible.css';