npm - blume - Versions diffs - 1.1.1 → 1.1.2 - Mend

blume 1.1.1 → 1.1.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (24) hide show

package/CHANGELOG.md +9 -0
package/dist/cli/index.js +80 -5
package/dist/cli/index.js.map +6 -6
package/dist/types/core/config-input.d.ts +6 -5
package/dist/types/core/schema.d.ts +19 -18
package/dist/types/core/types.d.ts +7 -0
package/dist/types/markdown/themes.d.ts +21 -0
package/docs/configuration/index.mdx +1 -1
package/docs/content/components.mdx +1 -1
package/docs/content/syntax.mdx +14 -0
package/package.json +1 -1
package/src/astro/generate.ts +46 -0
package/src/astro/templates.ts +42 -1
package/src/components/content/Component.astro +99 -6
package/src/components/content/diff.ts +53 -4
package/src/components/layout/RootLayout.astro +9 -1
package/src/components/layout/nav-utils.ts +18 -7
package/src/core/config-input.ts +6 -5
package/src/core/navigation.ts +11 -7
package/src/core/schema.ts +32 -2
package/src/core/types.ts +7 -0
package/src/markdown/index.ts +2 -0
package/src/markdown/inline-code.ts +1 -1
package/src/markdown/themes.ts +7 -2

package/CHANGELOG.md CHANGED Viewed

@@ -1,5 +1,14 @@
 # blume
+## 1.1.2
+### Patch Changes
+- 6cf2995: Allow custom Shiki theme objects in `markdown.codeBlocks.theme.light` and `markdown.codeBlocks.theme.dark`. Custom themes now flow through fenced code, inline highlighted code, `<CodeBlock>`, and `<Diff>` alongside bundled Shiki theme names.
+- cb30a40: Recognize the localized/based root tab when scoping the sidebar. With i18n enabled and header tabs configured, a non-default locale's tabs arrive localized (`/` becomes `/en`), but render-time scoping compared the active tab against a bare `/` — so on any `/en/...` route the root tab was misread as a section tab, and a root-level `(group)` folder (whose path is exactly the locale prefix) collapsed the sidebar to that one group. The same bare comparison blanked the sidebar entirely under a `basePath` with a root tab. The navigation now carries its root in the tabs' own path space (`/`, `/en`, `/docs`) and the sidebar scoping compares against it, so non-default locales show the full tree minus tab-owned sections, matching the default locale.
+- aa3f588: Size `<Component>` preview panes to the rendered example instead of the source line count. The generated frame page now observes the example with a ResizeObserver and reports its height to the docs page, which applies it to both the Preview and Code tabs — so short sources that render tall UIs no longer clip, and long sources that render small components no longer float in dead space. The line-count estimate remains the SSR/no-JS initial height (288px floor, 400px ceiling; the measured height is unceilinged up to the viewport), with a height transition so the settle on lazy load doesn't snap. Examples that resize after load keep the pane in sync, and viewport-tracking examples (`h-screen`) can't feed the measurement back into unbounded growth.
+- 103733d: Re-point a cache-restored `.blume/node_modules` junction that resolves a superseded Blume install. A restored build cache (e.g. Vercel's) could resurrect the junction pointing into the previous release's store directory; because releases rarely bump Astro, every astro-based health check passed straight through the stale link, and the freshly generated Astro config then imported the old package — crashing on any export added since (`blumeTwoslashTransformer is not a function`). The junction is now dropped and relinked whenever the directory behind it holds a `blume` other than the one running.
 ## 1.1.1
 ### Patch Changes

package/dist/cli/index.js CHANGED Viewed

@@ -4770,7 +4770,42 @@ const Example = entry.Component;
   <!-- Flex + margin:auto centers the example and, unlike place-items, keeps
        the top edge reachable when the example outgrows the frame. -->
   <body style="display:flex;min-height:100svh;padding:1.5rem">
-    <div style="margin:auto"><Example /></div>
+    <div data-blume-example style="margin:auto"><Example /></div>
+    <script is:inline>
+      (() => {
+        // Report the example's rendered height so the embedding docs page can
+        // size the preview pane to the content. The wrapper is observed rather
+        // than the body: the body stretches to the frame's own height, so it
+        // would only echo the pane back. Direct opens have no distinct parent
+        // and skip out; the frame is same-origin with the docs page (see the
+        // theme sync above), so the origin is pinned on both ends.
+        if (window.parent === window) {
+          return;
+        }
+        const wrapper = document.querySelector("[data-blume-example]");
+        if (!wrapper) {
+          return;
+        }
+        // The body's padding frames the example; fold it into the report so
+        // the parent can apply the number as-is. Read from the live value —
+        // the user's examples.css is injected after Blume's defaults precisely
+        // so their tokens win, so a root font-size override must be honored
+        // rather than assuming 1.5rem is 48px.
+        const bodyStyle = getComputedStyle(document.body);
+        const paddingPx =
+          parseFloat(bodyStyle.paddingTop) + parseFloat(bodyStyle.paddingBottom);
+        new ResizeObserver(() => {
+          window.parent.postMessage(
+            {
+              height:
+                Math.ceil(wrapper.getBoundingClientRect().height) + paddingPx,
+              type: "blume:example-height",
+            },
+            window.location.origin
+          );
+        }).observe(wrapper);
+      })();
+    </script>
   </body>
 </html>
 `;
@@ -7927,9 +7962,23 @@ var githubConfigSchema = z2.strictObject({
   owner: z2.string(),
   repo: z2.string()
 });
+var codeThemeSchema = z2.custom((value) => {
+  if (typeof value === "string") {
+    return true;
+  }
+  if (typeof value !== "object" || value === null || Array.isArray(value)) {
+    return false;
+  }
+  const theme = value;
+  const settingsValid = theme.settings === undefined || Array.isArray(theme.settings);
+  const tokenColorsValid = theme.tokenColors === undefined || Array.isArray(theme.tokenColors);
+  const colorsValid = theme.colors === undefined || typeof theme.colors === "object" && theme.colors !== null && !Array.isArray(theme.colors);
+  const hasContent = theme.settings !== undefined || theme.tokenColors !== undefined || theme.colors !== undefined;
+  return settingsValid && tokenColorsValid && colorsValid && hasContent;
+}, "Expected a Shiki theme name or custom theme object");
 var codeBlockThemeSchema = z2.strictObject({
-  dark: z2.string().default("github-dark"),
-  light: z2.string().default("github-light")
+  dark: codeThemeSchema.default("github-dark"),
+  light: codeThemeSchema.default("github-light")
 });
 var codeBlocksConfigSchema = z2.strictObject({
   theme: codeBlockThemeSchema.default({})
@@ -8738,19 +8787,21 @@ var buildNavigation = (pages, options) => {
       }
     }
   }
+  const rootTabPath = withBasePath(basePath, options.localizedRoot ?? "/");
   if (options.sidebar) {
     const sidebar2 = buildConfigSidebar(options.sidebar, byRoute, display, basePath);
     return {
       featured,
+      root: rootTabPath,
       selectors,
       sidebar: sidebar2,
       tabs: withTabHrefs(tabs, sidebar2)
     };
   }
-  const rootTabPath = withBasePath(basePath, options.localizedRoot ?? "/");
   const sidebar = buildFileSystemSidebar(pages, options.folderMeta, sharedFolderMeta, metaPrefix, display, new Set(tabs.flatMap((tab) => tab.path === rootTabPath ? [] : [tab.path])), options.diagnostics);
   return {
     featured,
+    root: rootTabPath,
     selectors,
     sidebar,
     tabs: withTabHrefs(tabs, sidebar)
@@ -12488,6 +12539,7 @@ import {
   lstat,
   mkdir as mkdir6,
   readFile as readFile14,
+  realpath,
   rename,
   rm as rm2,
   symlink,
@@ -14441,6 +14493,28 @@ var astroConflictWarning = (blumeAstroPkg, shadowAstroPkg) => {
   const pin = blume ?? "<Blume's astro version>";
   return `Astro version conflict: another dependency hoisted ${versions} to the project root, so @astrojs/mdx binds to the wrong copy and the build fails on a missing export (e.g. "chunkToString"). A single symlink can't reconcile a split install — pin Blume's Astro by adding a package.json "overrides" (npm/bun/pnpm) or "resolutions" (yarn) entry { "astro": "${pin}" }, then reinstall. Run \`npm ls astro\` to find the dependency pulling the older copy.`;
 };
+var dropStaleDepsLink = async (link, pkgDir) => {
+  let existing;
+  try {
+    existing = await lstat(link);
+  } catch {
+    return;
+  }
+  if (!existing.isSymbolicLink()) {
+    return;
+  }
+  let linkedBlume;
+  let runningBlume;
+  try {
+    linkedBlume = await realpath(join26(link, "blume"));
+    runningBlume = await realpath(pkgDir);
+  } catch {
+    return;
+  }
+  if (linkedBlume !== runningBlume) {
+    await rm2(link, { force: true });
+  }
+};
 var ensureDepsLink = async (outDir, pkgDir = packageRoot()) => {
   const astroDir = candidateHolding(pkgDir, "astro");
   if (!astroDir) {
@@ -14448,6 +14522,7 @@ var ensureDepsLink = async (outDir, pkgDir = packageRoot()) => {
   }
   const mdxDir = candidateHolding(pkgDir, "@astrojs", "mdx");
   const blumeAstro = resolveAstroPackageJson(astroDir);
+  await dropStaleDepsLink(join26(outDir, "node_modules"), pkgDir);
   const outDirAstro = resolvedAstroPath(outDir);
   const astroCorrect = blumeAstro !== null && outDirAstro === blumeAstro;
   if (astroCorrect && mdxDir === astroDir) {
@@ -17224,5 +17299,5 @@ process.on("unhandledRejection", (error) => {
 });
 runMain(main);
-//# debugId=F92BD712EE9633C264756E2164756E21
+//# debugId=7D02660AA9B8797064756E2164756E21
 //# sourceMappingURL=index.js.map