@rspress-theme-anatole/theme-default 0.1.25 → 0.1.27

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 (3) hide show
  1. package/components/tabs.tsx +117 -113
  2. package/config.ts +8 -8
  3. package/package.json +1 -1
package/components/tabs.tsx CHANGED
@@ -1,9 +1,10 @@
1
- import React, { useState, Children, isValidElement } from 'react';
2
- import ReactDOMServer from 'react-dom/server';
1
+ import React, { useState, useEffect, Children, isValidElement } from 'react';
2
+ // import ReactDOMServer from 'react-dom/server';
3
+ import { usePageData } from '@rspress/runtime';
3
4
 
4
5
  interface TabItem {
5
6
  label: string;
6
- content: string;
7
+ content: React.ReactNode;
7
8
  }
8
9
 
9
10
  interface TabsProps {
@@ -14,110 +15,115 @@ export const Tabs: React.FC<TabsProps> = ({ children }) => {
14
15
  // console.log(children);
15
16
  const outputItems: TabItem[] = [];
16
17
 
17
- const convertToHTML = (node: any): string => {
18
- // console.log(node);
19
- if (node === null || node === undefined) return '';
20
-
21
- if (typeof node === 'string' || typeof node === 'number') {
22
- return String(node);
23
- }
24
-
25
- if (Array.isArray(node)) {
26
- return node.map(item => {
27
- return convertToHTML(item);
28
- }
29
- ).join('');
30
- }
31
-
32
- if (isValidElement(node)) {
33
- const element = node as React.ReactElement;
34
- const props = element.props as Record<string, any>;
35
-
36
- if (element.type === React.Fragment) {
37
- return convertToHTML(props.children);
38
- }
39
-
40
- if (typeof element.type === 'string') {
41
- // Build attributes string
42
- const attributes = Object.entries(props)
43
- .filter(([key]) => key !== 'children' && key !== 'className')
44
- .map(([key, value]) => `${key}="${value}"`)
45
- .concat(props.className ? [`class="${props.className}"`] : [])
46
- .join(' ');
47
-
48
- const attributeString = attributes ? ` ${attributes}` : '';
49
-
50
- // Convert children to HTML
51
- const childrenContent = props.children ? convertToHTML(props.children) : '';
52
-
53
- // Handle void elements
54
- const voidElements = ['img', 'br', 'hr', 'input', 'meta', 'link'];
55
- if (voidElements.includes(element.type)) {
56
- return `<${element.type}${attributeString}>`;
57
- }
58
-
59
- // Handle regular elements
60
- return `<${element.type}${attributeString}>${childrenContent}</${element.type}>`;
61
- }
62
-
63
- try {
64
- return ReactDOMServer.renderToStaticMarkup(element);
65
- } catch (error) {
66
- // return convertToHTML(props.children);
67
- if (element) {
68
- const modifiedElement = {
69
- ...element,
70
- props: {
71
- ...(typeof element.props === 'object' && element.props !== null ? element.props : {}),
72
- children: DealWithUrl(props.children)
73
- }
74
- };
75
-
76
- // console.log(modifiedElement);
77
- if (modifiedElement) {
78
- try {
79
- return ReactDOMServer.renderToStaticMarkup(modifiedElement);
80
- }
81
- catch {
82
- return convertToHTML(props.children);
83
- }
84
- }
85
- }
86
- }
87
- }
88
-
89
- // Handle objects with props (like context providers)
90
- if (node && typeof node === 'object' && 'props' in node) {
91
- return convertToHTML((node as any).props.children);
92
- }
93
-
94
- return '';
95
- };
96
-
97
- function DealWithUrl(para: any): any {
98
- if (Array.isArray(para)) {
99
- return para.map((child: any) => {
100
- if (child && child.type) {
101
- // console.log(child.props);
102
- if ("href" in child.props) {
103
- return child.props.children;
104
- }
105
- else if (child.props && child.props.children) {
106
- return {
107
- ...child,
108
- props: {
109
- ...child.props,
110
- children: DealWithUrl(child.props.children)
111
- }
112
- };
113
- }
114
- }
115
- return child;
116
- });
117
- } else {
118
- return para;
119
- }
120
- }
18
+ // const convertToHTML = (node: any): string => {
19
+ // // console.log(node);
20
+ // if (node === null || node === undefined) return '';
21
+
22
+ // if (typeof node === 'string' || typeof node === 'number') {
23
+ // return String(node);
24
+ // }
25
+
26
+ // if (Array.isArray(node)) {
27
+ // return node.map(item => {
28
+ // return convertToHTML(item);
29
+ // }
30
+ // ).join('');
31
+ // }
32
+
33
+ // if (isValidElement(node)) {
34
+ // const element = node as React.ReactElement;
35
+ // const props = element.props as Record<string, any>;
36
+
37
+ // if (element.type === React.Fragment) {
38
+ // return convertToHTML(props.children);
39
+ // }
40
+
41
+ // if (typeof element.type === 'string') {
42
+ // // Build attributes string
43
+ // const attributes = Object.entries(props)
44
+ // .filter(([key]) => key !== 'children' && key !== 'className')
45
+ // .map(([key, value]) => `${key}="${value}"`)
46
+ // .concat(props.className ? [`class="${props.className}"`] : [])
47
+ // .join(' ');
48
+
49
+ // const attributeString = attributes ? ` ${attributes}` : '';
50
+
51
+ // // Convert children to HTML
52
+ // const childrenContent = props.children ? convertToHTML(props.children) : '';
53
+
54
+ // // Handle void elements
55
+ // const voidElements = ['img', 'br', 'hr', 'input', 'meta', 'link'];
56
+ // if (voidElements.includes(element.type)) {
57
+ // return `<${element.type}${attributeString}>`;
58
+ // }
59
+
60
+ // // Handle regular elements
61
+ // return `<${element.type}${attributeString}>${childrenContent}</${element.type}>`;
62
+ // }
63
+
64
+ // try {
65
+ // return ReactDOMServer.renderToStaticMarkup(element);
66
+ // } catch (error) {
67
+ // // return convertToHTML(props.children);
68
+ // if (element) {
69
+ // const modifiedElement = {
70
+ // ...element,
71
+ // props: {
72
+ // ...(typeof element.props === 'object' && element.props !== null ? element.props : {}),
73
+ // children: DealWithUrl(props.children)
74
+ // }
75
+ // };
76
+
77
+ // // console.log(modifiedElement);
78
+ // if (modifiedElement) {
79
+ // try {
80
+ // return ReactDOMServer.renderToStaticMarkup(modifiedElement);
81
+ // }
82
+ // catch {
83
+ // return convertToHTML(props.children);
84
+ // }
85
+ // }
86
+ // }
87
+ // }
88
+ // }
89
+
90
+ // // Handle objects with props (like context providers)
91
+ // if (node && typeof node === 'object' && 'props' in node) {
92
+ // return convertToHTML((node as any).props.children);
93
+ // }
94
+
95
+ // return '';
96
+ // };
97
+
98
+ // function DealWithUrl(para: any): any {
99
+ // if (Array.isArray(para)) {
100
+ // return para.map((child: any) => {
101
+ // if (child && child.type) {
102
+ // if ("href" in child.props) {
103
+ // // console.log(child.props);
104
+ // if (child.props.children === "#") {
105
+ // return <a class={child.props.className} aria-hidden={child.props["aria-hidden"]} href={child.props.href}>#</a>;
106
+ // }
107
+ // else {
108
+ // return child.props.children;
109
+ // }
110
+ // }
111
+ // else if (child.props && child.props.children) {
112
+ // return {
113
+ // ...child,
114
+ // props: {
115
+ // ...child.props,
116
+ // children: DealWithUrl(child.props.children)
117
+ // }
118
+ // };
119
+ // }
120
+ // }
121
+ // return child;
122
+ // });
123
+ // } else {
124
+ // return para;
125
+ // }
126
+ // }
121
127
 
122
128
  // function convertUrlsToLinks(content: string) {
123
129
  // const urlPattern = /(https?:\/\/[^\s<]+[^<.,:;"')\]\s])/g;
@@ -151,16 +157,14 @@ export const Tabs: React.FC<TabsProps> = ({ children }) => {
151
157
  else {
152
158
  const lastTab = outputItems[outputItems.length - 1];
153
159
  if (lastTab) {
154
- const htmlContent = convertToHTML(inputItem);
155
- lastTab.content += htmlContent;
160
+ lastTab.content = <>{lastTab.content}{inputItem}</>;
156
161
  }
157
162
  }
158
163
  }
159
164
  else {
160
165
  const lastTab = outputItems[outputItems.length - 1];
161
166
  if (lastTab) {
162
- const htmlContent = convertToHTML(inputItem);
163
- lastTab.content += htmlContent;
167
+ lastTab.content = <>{lastTab.content}{inputItem}</>;
164
168
  }
165
169
  }
166
170
  }
@@ -186,8 +190,8 @@ export const Tabs: React.FC<TabsProps> = ({ children }) => {
186
190
  </button>
187
191
  ))}
188
192
  </div>
189
- <div className="tabs-content"
190
- dangerouslySetInnerHTML={{ __html: tabs.find((tab) => tab.label === activeTab)?.content ?? '' }}>
193
+ <div className="tabs-content">
194
+ {tabs.find((tab) => tab.label === activeTab)?.content}
191
195
  </div>
192
196
 
193
197
  <style>{`
package/config.ts CHANGED
@@ -15,14 +15,14 @@ export function defineConfig(config: UserConfig): UserConfig {
15
15
  dark: 'data:image/png;base64,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',
16
16
  },
17
17
  plugins: [
18
- directives({
19
- directive: 'tabs',
20
- transformer: {
21
- type: 'globalComponent',
22
- getComponentName: (meta) => 'Tabs',
23
- componentPath: path.join(__dirname, './components/tabs.tsx'),
24
- },
25
- }),
18
+ // directives({
19
+ // directive: 'tabs',
20
+ // transformer: {
21
+ // type: 'globalComponent',
22
+ // getComponentName: (meta) => 'Tabs',
23
+ // componentPath: path.join(__dirname, './components/tabs.tsx'),
24
+ // },
25
+ // }),
26
26
  mermaid({
27
27
  mermaidConfig: {
28
28
  theme: "forest",
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@rspress-theme-anatole/theme-default",
3
3
  "author": "Anatole Tong",
4
- "version": "0.1.25",
4
+ "version": "0.1.27",
5
5
  "license": "MIT",
6
6
  "sideEffects": [
7
7
  "*.css",