fixup!

Author: avivkeller

src/generators/web/constants.mjs

@@ -24,7 +24,7 @@ export const JSX_IMPORTS = {
   },
   CodeTabs: {
     name: 'CodeTabs',
-    source: '@node-core/ui-components/MDX/CodeTabs',
+    source: resolve(ROOT, './ui/components/CodeTabs'),
   },
   MDXTooltip: {
     name: 'MDXTooltip',

src/generators/web/ui/components/CodeTabs.jsx

@@ -0,0 +1,8 @@
+import CodeTabs from '@node-core/ui-components/MDX/CodeTabs';
+
+import withIsland from '../islands/withIsland.jsx';
+
+export default withIsland(CodeTabs, {
+  name: 'CodeTabs',
+  on: { interaction: 'pointerover,focusin,touchstart' },
+});

src/generators/web/ui/islands/runtime.mjs

@@ -43,10 +43,12 @@ Island.addInitType('preact', async island => {
   // script has to go before the tree it describes is diffed against them.
   script?.remove();
 
-  const slot = island.querySelector('island-slot');
+  const slots = [...island.querySelectorAll('island-slot')].filter(
+    slot => slot.closest('is-land') === island
+  );
 
-  if (slot) {
-    props.children = h(Slot, { html: slot.innerHTML });
+  if (slots.length) {
+    props.children = slots.map(slot => h(Slot, { html: slot.innerHTML }));
   }
 
   try {

src/generators/web/ui/islands/withIsland.jsx

@@ -1,3 +1,5 @@
+import { toChildArray } from 'preact';
+
 import { server } from '#theme/config';
 
 /**
@@ -45,9 +47,11 @@ export default (Component, { name, on }) => {
       )}
 
       <Component {...props}>
-        {children != null && (
-          <island-slot defer-hydration>{children}</island-slot>
-        )}
+        {toChildArray(children).map((child, index) => (
+          <island-slot defer-hydration key={index}>
+            {child}
+          </island-slot>
+        ))}
       </Component>
     </is-land>
   );