@rspress-theme-anatole/plugin-container-syntax 0.1.31 → 0.2.0

package/dist/index.js

@@ -23,6 +23,8 @@ const parseTitle = (rawTitle = '', isMDX = false) => {
 };
 
 const createContainer = (type, title, children) => {
+    // console.log('createContainer', JSON.stringify(children, null, 2));
+
     const isDetails = 'details' === type;
     const isTabs = 'tabs' === type;
     const rootHName = isDetails ? 'details' : 'div';
@@ -32,8 +34,8 @@ const createContainer = (type, title, children) => {
     if (isTabs) {
         // Identify tab sections by finding paragraphs starting with ==
         const tabSections = [];
-        let currentTabContent = null;
         let currentTabTitle = '';
+        let currentTabContent = null;
 
         // Process children to find tab sections
         for (let i = 0; i < children.length; i++) {
@@ -44,7 +46,6 @@ const createContainer = (type, title, children) => {
                 child.children[0] &&
                 child.children[0].type === 'text' &&
                 child.children[0].value.trim().startsWith('==')) {
-
                 // If we already have a tab section, push it
                 if (currentTabContent) {
                     tabSections.push({
@@ -53,9 +54,21 @@ const createContainer = (type, title, children) => {
                     });
                 }
 
-                // Start a new tab section
-                currentTabTitle = child.children[0].value.trim().substring(2).trim();
-                currentTabContent = [];
+                let text = child.children[0].value.trim();
+
+                if (text.includes('\r\n')) {
+                    let match = text.split('\r\n', 2);
+                    currentTabTitle = match[0].substring(2).trim();
+                    currentTabContent = [{
+                        type: 'text',
+                        value: text.substring(match[0].length).trim()
+                    }];
+                }
+                else {
+                    currentTabTitle = text.substring(2).trim();
+                    currentTabContent = [];
+                }
+
                 continue;
             }
 
@@ -178,36 +191,14 @@ const createContainer = (type, title, children) => {
     };
 };
 
-export function initializeTabs() {
-    document.addEventListener('DOMContentLoaded', () => {
-        const tabContainers = document.querySelectorAll('.rspress-directive.tabs');
-        
-        tabContainers.forEach(container => {
-            const navItems = container.querySelectorAll('.tabs-nav-item');
-            const panels = container.querySelectorAll('.tabs-panel');
-            
-            navItems.forEach((navItem, index) => {
-                navItem.addEventListener('click', () => {
-                    // Remove active class from all nav items and panels
-                    navItems.forEach(item => item.classList.remove('active'));
-                    panels.forEach(panel => panel.classList.remove('active'));
-                    
-                    // Add active class to clicked nav item and corresponding panel
-                    navItem.classList.add('active');
-                    panels[index].classList.add('active');
-                });
-            });
-        });
-    });
-}
-
-
 function transformer(tree) {
     let i = 0;
     try {
         while (i < tree.children.length) {
             const node = tree.children[i];
-            if ('children' in node) transformer(node);
+            if ('children' in node) {
+                transformer(node);
+            }
             if ('containerDirective' === node.type) {
                 const type = node.name;
                 if (DIRECTIVE_TYPES.includes(type)) tree.children.splice(i, 1, createContainer(type, node.attributes?.title ?? type.toUpperCase(), node.children));
@@ -229,6 +220,7 @@ function transformer(tree) {
                 i++;
                 continue;
             }
+
             const firstTextNode = node.children[0];
             const text = firstTextNode.value;
             const metaText = text.split('\n')[0];
@@ -250,7 +242,7 @@ function transformer(tree) {
                 continue;
             }
             const wrappedChildren = [];
-            if (content?.endsWith(':::')) {
+            if (node.type === 'text' && node.value.endsWith(':::')) {
                 wrappedChildren.push({
                     type: 'paragraph',
                     children: [
@@ -273,30 +265,40 @@ function transformer(tree) {
                     value: content
                 });
                 paragraphChild.children.push(...node.children.slice(1, -1));
+
                 if (0 === paragraphChild.children.length) wrappedChildren.pop();
+
                 const lastChildInNode = node.children[node.children.length - 1];
+
                 if ('text' === lastChildInNode.type && REGEX_END.test(lastChildInNode.value)) {
                     const lastChildInNodeText = lastChildInNode.value;
                     const matchedEndContent = lastChildInNodeText.slice(0, -3).trim();
-                    if (wrappedChildren.length) wrappedChildren[0].children.push({
-                        type: 'text',
-                        value: matchedEndContent
-                    });
-                    else if (matchedEndContent) wrappedChildren.push({
-                        type: 'paragraph',
-                        children: [
-                            {
-                                type: 'text',
-                                value: matchedEndContent
-                            }
-                        ]
-                    });
+                    if (wrappedChildren.length) {
+                        wrappedChildren[0].children.push({
+                            type: 'text',
+                            value: matchedEndContent
+                        });
+                    }
+                    else if (matchedEndContent) {
+                        wrappedChildren.push({
+                            type: 'paragraph',
+                            children: [
+                                {
+                                    type: 'text',
+                                    value: matchedEndContent
+                                }
+                            ]
+                        });
+                    }
+
                     const newChild = createContainer(type, title, wrappedChildren);
                     tree.children.splice(i, 1, newChild);
                     i++;
                     continue;
                 }
-                if (lastChildInNode !== firstTextNode && wrappedChildren.length) wrappedChildren[0].children.push(lastChildInNode);
+                if (lastChildInNode !== firstTextNode && wrappedChildren.length) {
+                    wrappedChildren[0].children.push(lastChildInNode);
+                }
                 let j = i + 1;
                 while (j < tree.children.length) {
                     const currentParagraph = tree.children[j];
@@ -306,6 +308,7 @@ function transformer(tree) {
                         continue;
                     }
                     const lastChild = currentParagraph.children[currentParagraph.children.length - 1];
+
                     if (lastChild === firstTextNode || 'text' === lastChild.type && REGEX_END.test(lastChild.value)) {
                         const lastChildText = lastChild.value;
                         const matchedEndContent = lastChildText.slice(0, -3).trim();
@@ -319,6 +322,7 @@ function transformer(tree) {
                                 }
                             ]
                         });
+
                         const newChild = createContainer(type, title, wrappedChildren);
                         tree.children.splice(i, j - i + 1, newChild);
                         break;
@@ -341,11 +345,6 @@ function transformer(tree) {
 const remarkPluginContainer = () => transformer;
 const src_dirname = (0, __WEBPACK_EXTERNAL_MODULE__rspress_shared_baa012d0__.normalizePosixPath)(__WEBPACK_EXTERNAL_MODULE_node_path_c5b9b54f__["default"].dirname((0, __WEBPACK_EXTERNAL_MODULE_node_url_e96de089__.fileURLToPath)(import.meta.url)));
 function pluginContainerSyntax() {
-    // Initialize tabs when the plugin loads
-    if (typeof window !== 'undefined') {
-        initializeTabs();
-    }
-
     return {
         name: '@rspress-theme-anatole/plugin-container-syntax',
         markdown: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rspress-theme-anatole/plugin-container-syntax",
-  "version": "0.1.31",
+  "version": "0.2.0",
   "license": "MIT",
   "sideEffects": [
     "*.css",
@@ -17,7 +17,7 @@
     "container.css"
   ],
   "dependencies": {
-    "@rspress-theme-anatole/shared": "0.1.30"
+    "@rspress-theme-anatole/shared": "0.2.0"
   },
   "devDependencies": {
     "@microsoft/api-extractor": "^7.49.2",