origam 2.35.0 → 2.35.1

package/CHANGELOG.md

@@ -18,6 +18,16 @@ This project follows [Semantic Versioning](https://semver.org).
 
 ## [Unreleased]
 
+## [2.35.1] - 2026-10-19
+
+### Fixed — `OrigamCode` : un 2e bloc monté pendant un import de `shiki` en échec restait vide (#1189)
+
+Quand `shiki` n'est pas résolvable, deux `<origam-code>` montés dans le même tick : le premier s'affichait en texte brut, le second restait **vide** (zone défilante de hauteur 0) avec un rejet de promesse non capturé. `loadHighlighter()` ne renvoyait la promesse munie de son repli qu'au premier appelant ; un appelant concurrent recevait la promesse brute, qui rejetait, et `rebuild()` n'avait qu'un `try/finally`.
+
+- `loadHighlighter()` renvoie désormais la même promesse, déjà munie de son repli (`null` → code brut), à tous les appelants.
+- `rebuild()` capture en plus un éventuel rejet et peint le code en clair : aucun bloc ne reste vide.
+- Prouvé par `packages/tests/TU/components/Code/OrigamCode-concurrent-load-failure.spec.ts` (rouge sur le parent, vert après).
+
 ## [2.35.0] - 2026-10-19
 
 ### Added — `OrigamCode` : `lang` ouvert, `createOrigam({ code: { langs } })` (#1180)

package/dist/src/components/Code/OrigamCode.vue

@@ -266,6 +266,13 @@ async function rebuild() {
     const html = await highlight(formattedCode.value, props.lang);
     if (token !== _renderToken) return;
     paintIntoDom(html);
+  } catch (err) {
+    console.warn("[origam] OrigamCode: highlighting failed \u2014 rendering plain code.", err);
+    if (token === _renderToken) {
+      const plain = document.createElement("div");
+      plain.textContent = formattedCode.value;
+      paintIntoDom(plain.innerHTML);
+    }
   } finally {
     if (token === _renderToken) isHighlighting.value = false;
   }

package/dist/src/composables/Code/code.composable.cjs

@@ -37,7 +37,7 @@ function lruSet(key, value) {
 async function loadHighlighter(loader, langs) {
   if (_highlighterUnavailable) return null;
   if (_highlighterPromise) return _highlighterPromise;
-  _highlighterPromise = (async () => {
+  const raw = (async () => {
     const shiki = loader ? await loader() : await Promise.resolve().then(() => require("shiki"));
     const highlighter = await shiki.createHighlighter({
       themes: [_code.CODE_LIGHT_THEME, _code.CODE_DARK_THEME],
@@ -46,7 +46,7 @@ async function loadHighlighter(loader, langs) {
     _highlighterReady = true;
     return highlighter;
   })();
-  return _highlighterPromise.catch(err => {
+  _highlighterPromise = raw.catch(err => {
     _highlighterUnavailable = true;
     _highlighterPromise = null;
     if (!_unavailableWarned) {
@@ -55,6 +55,7 @@ async function loadHighlighter(loader, langs) {
     }
     return null;
   });
+  return _highlighterPromise;
 }
 function resolveLang(lang, hasCustomHighlighter, extraLangs) {
   if (hasCustomHighlighter) return lang;

package/dist/src/composables/Code/code.composable.js

@@ -30,7 +30,7 @@ function lruSet(key, value) {
 async function loadHighlighter(loader, langs) {
   if (_highlighterUnavailable) return null;
   if (_highlighterPromise) return _highlighterPromise;
-  _highlighterPromise = (async () => {
+  const raw = (async () => {
     const shiki = loader ? await loader() : await import(
       /* @vite-ignore */
       "shiki"
@@ -42,7 +42,7 @@ async function loadHighlighter(loader, langs) {
     _highlighterReady = true;
     return highlighter;
   })();
-  return _highlighterPromise.catch((err) => {
+  _highlighterPromise = raw.catch((err) => {
     _highlighterUnavailable = true;
     _highlighterPromise = null;
     if (!_unavailableWarned) {
@@ -54,6 +54,7 @@ async function loadHighlighter(loader, langs) {
     }
     return null;
   });
+  return _highlighterPromise;
 }
 function resolveLang(lang, hasCustomHighlighter, extraLangs) {
   if (hasCustomHighlighter) return lang;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "origam",
-  "version": "2.35.0",
+  "version": "2.35.1",
   "type": "module",
   "description": "origam — a Vue 3 design system with multi-theme design tokens, CSS-first components and TypeScript types.",
   "keywords": [