@nendlabs/docpage 0.1.0

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 (26) hide show
  1. package/README.md +142 -0
  2. package/README.repo.md +68 -0
  3. package/dist/cn.d.ts +3 -0
  4. package/dist/cn.d.ts.map +1 -0
  5. package/dist/components/api-tabs.d.ts +9 -0
  6. package/dist/components/api-tabs.d.ts.map +1 -0
  7. package/dist/components/code-block.d.ts +11 -0
  8. package/dist/components/code-block.d.ts.map +1 -0
  9. package/dist/components/mermaid.d.ts +4 -0
  10. package/dist/components/mermaid.d.ts.map +1 -0
  11. package/dist/docpage.d.ts +9 -0
  12. package/dist/docpage.d.ts.map +1 -0
  13. package/dist/hooks/use-active-scroll-section-ids.d.ts +8 -0
  14. package/dist/hooks/use-active-scroll-section-ids.d.ts.map +1 -0
  15. package/dist/hooks/use-color-scheme.d.ts +4 -0
  16. package/dist/hooks/use-color-scheme.d.ts.map +1 -0
  17. package/dist/index.d.ts +9 -0
  18. package/dist/index.d.ts.map +1 -0
  19. package/dist/index.js +832 -0
  20. package/dist/package.md +142 -0
  21. package/dist/styles/docpage.css +1002 -0
  22. package/dist/types.d.ts +162 -0
  23. package/dist/types.d.ts.map +1 -0
  24. package/package.json +72 -0
  25. package/styles/docpage-theme.css +162 -0
  26. package/styles/tailwind.css +5 -0
package/dist/types.d.ts ADDED
@@ -0,0 +1,162 @@
1
+ import type { ComponentType, CSSProperties, ReactNode } from "react";
2
+ import type { MDXComponents } from "mdx/types";
3
+ export type DocThemeTokens = {
4
+ background?: string;
5
+ foreground?: string;
6
+ card?: string;
7
+ cardForeground?: string;
8
+ popover?: string;
9
+ popoverForeground?: string;
10
+ primary?: string;
11
+ primaryForeground?: string;
12
+ secondary?: string;
13
+ secondaryForeground?: string;
14
+ muted?: string;
15
+ mutedForeground?: string;
16
+ accent?: string;
17
+ accentForeground?: string;
18
+ destructive?: string;
19
+ destructiveForeground?: string;
20
+ border?: string;
21
+ input?: string;
22
+ ring?: string;
23
+ chart1?: string;
24
+ chart2?: string;
25
+ chart3?: string;
26
+ chart4?: string;
27
+ chart5?: string;
28
+ radius?: string;
29
+ };
30
+ export type DocTheme = {
31
+ light?: DocThemeTokens;
32
+ dark?: DocThemeTokens;
33
+ };
34
+ export type DocBrand = {
35
+ name: string;
36
+ href?: string;
37
+ logo?: ReactNode;
38
+ };
39
+ export type DocNav = {
40
+ signInLabel?: string;
41
+ signInHref?: string;
42
+ rightSlot?: ReactNode;
43
+ };
44
+ export type DocHeader = {
45
+ title: ReactNode;
46
+ subtitle?: ReactNode;
47
+ kicker?: ReactNode;
48
+ };
49
+ export type DocTocEntry = {
50
+ id: string;
51
+ label: string;
52
+ };
53
+ export type DocFooterLink = {
54
+ href: string;
55
+ label: string;
56
+ };
57
+ export type DocFooter = {
58
+ links?: DocFooterLink[];
59
+ copyrightName?: string;
60
+ note?: ReactNode;
61
+ };
62
+ export type DocSectionBase = {
63
+ id: string;
64
+ label?: string;
65
+ title?: ReactNode;
66
+ hideTitle?: boolean;
67
+ titleBorder?: boolean;
68
+ className?: string;
69
+ };
70
+ export type DocParagraphBlock = {
71
+ kind: "p";
72
+ text: ReactNode;
73
+ };
74
+ export type DocListBlock = {
75
+ kind: "ul";
76
+ items: ReactNode[];
77
+ };
78
+ export type DocOrderedListBlock = {
79
+ kind: "ol";
80
+ items: ReactNode[];
81
+ };
82
+ export type DocLabeledListItem = {
83
+ label: ReactNode;
84
+ text: ReactNode;
85
+ };
86
+ export type DocLabeledListBlock = {
87
+ kind: "labeled-list";
88
+ items: DocLabeledListItem[];
89
+ };
90
+ export type DocCodeBlock = {
91
+ kind: "code";
92
+ code: string;
93
+ language?: string;
94
+ caption?: ReactNode;
95
+ };
96
+ export type DocPreBlock = {
97
+ kind: "pre";
98
+ code: string;
99
+ };
100
+ export type DocMermaidBlock = {
101
+ kind: "mermaid";
102
+ chart: string;
103
+ caption?: ReactNode;
104
+ };
105
+ export type DocCalloutTone = "info" | "warn" | "danger" | "neutral";
106
+ export type DocCalloutBlock = {
107
+ kind: "callout";
108
+ tone?: DocCalloutTone;
109
+ title?: ReactNode;
110
+ body: ReactNode;
111
+ };
112
+ export type DocNodeBlock = {
113
+ kind: "node";
114
+ node: ReactNode;
115
+ };
116
+ export type DocBlock = DocParagraphBlock | DocListBlock | DocOrderedListBlock | DocLabeledListBlock | DocCodeBlock | DocPreBlock | DocMermaidBlock | DocCalloutBlock | DocNodeBlock;
117
+ export type DocProseSection = DocSectionBase & {
118
+ kind: "prose";
119
+ blocks: DocBlock[];
120
+ };
121
+ export type DocApiTab = {
122
+ id: string;
123
+ label?: string;
124
+ language?: string;
125
+ code: string;
126
+ };
127
+ export type DocApiSection = DocSectionBase & {
128
+ kind: "api";
129
+ intro?: ReactNode;
130
+ tabs: DocApiTab[];
131
+ defaultTabId?: string;
132
+ };
133
+ export type DocMdxSection = DocSectionBase & {
134
+ kind: "mdx";
135
+ Component: ComponentType;
136
+ components?: MDXComponents;
137
+ };
138
+ export type DocSection = DocProseSection | DocApiSection | DocMdxSection;
139
+ export type DocOptions = {
140
+ syncTocToUrl?: boolean;
141
+ tocRootMargin?: string;
142
+ tocThreshold?: number | number[];
143
+ tocMinWidthPx?: number;
144
+ };
145
+ export type DocPageConfig = {
146
+ brand: DocBrand;
147
+ nav?: DocNav;
148
+ header: DocHeader;
149
+ tocTitle?: ReactNode;
150
+ toc?: DocTocEntry[];
151
+ sections: DocSection[];
152
+ footer?: DocFooter;
153
+ theme?: DocTheme;
154
+ options?: DocOptions;
155
+ className?: string;
156
+ style?: CSSProperties;
157
+ };
158
+ export type DocPageProps = {
159
+ config: DocPageConfig;
160
+ className?: string;
161
+ };
162
+ //# sourceMappingURL=types.d.ts.map
package/dist/types.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"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"}
package/package.json ADDED
@@ -0,0 +1,72 @@
1
+ {
2
+ "name": "@nendlabs/docpage",
3
+ "version": "0.1.0",
4
+ "description": "nendlabs docpage: an interactive paper-style project page renderer",
5
+ "type": "module",
6
+ "license": "MIT",
7
+ "sideEffects": [
8
+ "./dist/styles/docpage.css"
9
+ ],
10
+ "files": [
11
+ "dist",
12
+ "styles",
13
+ "README.md"
14
+ ],
15
+ "exports": {
16
+ ".": {
17
+ "types": "./dist/index.d.ts",
18
+ "import": "./dist/index.js",
19
+ "default": "./dist/index.js"
20
+ },
21
+ "./styles.css": "./dist/styles/docpage.css",
22
+ "./styles/docpage.css": "./dist/styles/docpage.css"
23
+ },
24
+ "types": "./dist/index.d.ts",
25
+ "scripts": {
26
+ "clean": "rm -rf dist",
27
+ "build:js": "bun build ./src/index.ts --outdir ./dist --target browser --format esm --external react --external react-dom --packages external",
28
+ "build:types": "tsc -p ./tsconfig.build.json",
29
+ "build:styles": "mkdir -p dist/styles && ./node_modules/.bin/tailwindcss -i ./styles/tailwind.css -o ./dist/styles/docpage.css",
30
+ "build:docs": "mkdir -p dist && cp docs/package.md dist/package.md",
31
+ "build": "bun run clean && bun run build:js && bun run build:types && bun run build:styles && bun run build:docs",
32
+ "readme:package": "./scripts/readme-swap.sh package",
33
+ "readme:restore": "./scripts/readme-swap.sh restore",
34
+ "prepack": "bun run build && bun run readme:package",
35
+ "postpack": "bun run readme:restore",
36
+ "dev": "vite --config playground/vite.config.ts",
37
+ "dev:playground": "vite --config playground/vite.config.ts",
38
+ "preview": "vite preview --config playground/vite.config.ts",
39
+ "test": "bun test --preload ./tests/setup.ts",
40
+ "typecheck": "tsc -p ./tsconfig.json --noEmit"
41
+ },
42
+ "peerDependencies": {
43
+ "react": ">=18",
44
+ "react-dom": ">=18"
45
+ },
46
+ "dependencies": {
47
+ "@mdx-js/react": "^3.0.0",
48
+ "clsx": "^2.1.1",
49
+ "highlight.js": "^11.11.1",
50
+ "lucide-react": "^0.544.0",
51
+ "mermaid": "^11.12.0",
52
+ "tailwind-merge": "^3.3.1"
53
+ },
54
+ "devDependencies": {
55
+ "@mdx-js/rollup": "^3.0.0",
56
+ "@tailwindcss/cli": "^4.1.18",
57
+ "@tailwindcss/vite": "^4.1.4",
58
+ "@testing-library/dom": "^10.4.0",
59
+ "@testing-library/react": "^16.1.0",
60
+ "@types/jsdom": "^21.1.7",
61
+ "@types/node": "^20.16.5",
62
+ "@types/react": "^19.1.2",
63
+ "@types/react-dom": "^19.1.2",
64
+ "@vitejs/plugin-react": "^4.3.1",
65
+ "bun-types": "^1.1.43",
66
+ "jsdom": "^24.1.3",
67
+ "tailwindcss": "^4.1.4",
68
+ "typescript": "^5.8.3",
69
+ "vite": "^6.3.3"
70
+ },
71
+ "packageManager": "bun@1.1.43"
72
+ }
package/styles/docpage-theme.css ADDED
@@ -0,0 +1,162 @@
1
+ .docpage {
2
+ --docpage-background: var(--docpage-background-light, 0 0% 100%);
3
+ --docpage-foreground: var(--docpage-foreground-light, 20 14.3% 4.1%);
4
+ --docpage-card: var(--docpage-card-light, 0 0% 100%);
5
+ --docpage-card-foreground: var(--docpage-card-foreground-light, 20 14.3% 4.1%);
6
+ --docpage-popover: var(--docpage-popover-light, 0 0% 100%);
7
+ --docpage-popover-foreground: var(--docpage-popover-foreground-light, 20 14.3% 4.1%);
8
+ --docpage-primary: var(--docpage-primary-light, 24 9.8% 10%);
9
+ --docpage-primary-foreground: var(--docpage-primary-foreground-light, 60 9.1% 97.8%);
10
+ --docpage-secondary: var(--docpage-secondary-light, 60 4.8% 95.9%);
11
+ --docpage-secondary-foreground: var(--docpage-secondary-foreground-light, 24 9.8% 10%);
12
+ --docpage-muted: var(--docpage-muted-light, 60 4.8% 95.9%);
13
+ --docpage-muted-foreground: var(--docpage-muted-foreground-light, 25 5.3% 44.7%);
14
+ --docpage-accent: var(--docpage-accent-light, 60 4.8% 95.9%);
15
+ --docpage-accent-foreground: var(--docpage-accent-foreground-light, 24 9.8% 10%);
16
+ --docpage-destructive: var(--docpage-destructive-light, 0 84.2% 60.2%);
17
+ --docpage-destructive-foreground: var(--docpage-destructive-foreground-light, 60 9.1% 97.8%);
18
+ --docpage-border: var(--docpage-border-light, 20 5.9% 90%);
19
+ --docpage-input: var(--docpage-input-light, 20 5.9% 90%);
20
+ --docpage-ring: var(--docpage-ring-light, 20 14.3% 4.1%);
21
+ --docpage-chart-1: var(--docpage-chart-1-light, 12 76% 61%);
22
+ --docpage-chart-2: var(--docpage-chart-2-light, 173 58% 39%);
23
+ --docpage-chart-3: var(--docpage-chart-3-light, 197 37% 24%);
24
+ --docpage-chart-4: var(--docpage-chart-4-light, 43 74% 66%);
25
+ --docpage-chart-5: var(--docpage-chart-5-light, 27 87% 67%);
26
+ --docpage-radius: var(--docpage-radius-light, 0.5rem);
27
+
28
+ --background: var(--docpage-background);
29
+ --foreground: var(--docpage-foreground);
30
+ --card: var(--docpage-card);
31
+ --card-foreground: var(--docpage-card-foreground);
32
+ --popover: var(--docpage-popover);
33
+ --popover-foreground: var(--docpage-popover-foreground);
34
+ --primary: var(--docpage-primary);
35
+ --primary-foreground: var(--docpage-primary-foreground);
36
+ --secondary: var(--docpage-secondary);
37
+ --secondary-foreground: var(--docpage-secondary-foreground);
38
+ --muted: var(--docpage-muted);
39
+ --muted-foreground: var(--docpage-muted-foreground);
40
+ --accent: var(--docpage-accent);
41
+ --accent-foreground: var(--docpage-accent-foreground);
42
+ --destructive: var(--docpage-destructive);
43
+ --destructive-foreground: var(--docpage-destructive-foreground);
44
+ --border: var(--docpage-border);
45
+ --input: var(--docpage-input);
46
+ --ring: var(--docpage-ring);
47
+ --chart-1: var(--docpage-chart-1);
48
+ --chart-2: var(--docpage-chart-2);
49
+ --chart-3: var(--docpage-chart-3);
50
+ --chart-4: var(--docpage-chart-4);
51
+ --chart-5: var(--docpage-chart-5);
52
+ --radius: var(--docpage-radius);
53
+
54
+ background-color: hsl(var(--background));
55
+ color: hsl(var(--foreground));
56
+ }
57
+
58
+ @media (prefers-color-scheme: dark) {
59
+ .docpage {
60
+ --docpage-background: var(--docpage-background-dark, 20 14.3% 4.1%);
61
+ --docpage-foreground: var(--docpage-foreground-dark, 60 9.1% 97.8%);
62
+ --docpage-card: var(--docpage-card-dark, 20 14.3% 4.1%);
63
+ --docpage-card-foreground: var(--docpage-card-foreground-dark, 60 9.1% 97.8%);
64
+ --docpage-popover: var(--docpage-popover-dark, 20 14.3% 4.1%);
65
+ --docpage-popover-foreground: var(--docpage-popover-foreground-dark, 60 9.1% 97.8%);
66
+ --docpage-primary: var(--docpage-primary-dark, 60 9.1% 97.8%);
67
+ --docpage-primary-foreground: var(--docpage-primary-foreground-dark, 24 9.8% 10%);
68
+ --docpage-secondary: var(--docpage-secondary-dark, 12 6.5% 15.1%);
69
+ --docpage-secondary-foreground: var(--docpage-secondary-foreground-dark, 60 9.1% 97.8%);
70
+ --docpage-muted: var(--docpage-muted-dark, 12 6.5% 15.1%);
71
+ --docpage-muted-foreground: var(--docpage-muted-foreground-dark, 24 5.4% 63.9%);
72
+ --docpage-accent: var(--docpage-accent-dark, 12 6.5% 15.1%);
73
+ --docpage-accent-foreground: var(--docpage-accent-foreground-dark, 60 9.1% 97.8%);
74
+ --docpage-destructive: var(--docpage-destructive-dark, 0 62.8% 30.6%);
75
+ --docpage-destructive-foreground: var(--docpage-destructive-foreground-dark, 60 9.1% 97.8%);
76
+ --docpage-border: var(--docpage-border-dark, 12 6.5% 15.1%);
77
+ --docpage-input: var(--docpage-input-dark, 12 6.5% 15.1%);
78
+ --docpage-ring: var(--docpage-ring-dark, 24 5.7% 82.9%);
79
+ --docpage-chart-1: var(--docpage-chart-1-dark, 220 70% 50%);
80
+ --docpage-chart-2: var(--docpage-chart-2-dark, 160 60% 45%);
81
+ --docpage-chart-3: var(--docpage-chart-3-dark, 30 80% 55%);
82
+ --docpage-chart-4: var(--docpage-chart-4-dark, 280 65% 60%);
83
+ --docpage-chart-5: var(--docpage-chart-5-dark, 340 75% 55%);
84
+ --docpage-radius: var(--docpage-radius-dark, 0.5rem);
85
+ }
86
+ }
87
+
88
+ .docpage * {
89
+ border-color: hsl(var(--border));
90
+ }
91
+
92
+ .docpage a {
93
+ color: hsl(var(--foreground));
94
+ text-decoration: underline;
95
+ text-underline-offset: 2px;
96
+ }
97
+
98
+ .docpage a:hover {
99
+ opacity: 0.85;
100
+ }
101
+
102
+ .docpage .docpage-prose :where(h3, h4) {
103
+ margin-top: 1.75rem;
104
+ margin-bottom: 0.75rem;
105
+ color: hsl(var(--foreground));
106
+ font-weight: 600;
107
+ letter-spacing: -0.01em;
108
+ }
109
+
110
+ .docpage .docpage-prose :where(p, ul, ol, pre, figure, div) + :where(p, ul, ol, pre, figure, div) {
111
+ margin-top: 0.5rem;
112
+ }
113
+
114
+ .docpage .docpage-mdx :where(ul, ol) {
115
+ padding-left: 1.5rem;
116
+ }
117
+
118
+ .docpage .docpage-mdx :where(li) {
119
+ margin-top: 0.5rem;
120
+ margin-bottom: 0.5rem;
121
+ }
122
+
123
+ .docpage .docpage-code pre code {
124
+ display: block;
125
+ min-width: max-content;
126
+ }
127
+
128
+ .docpage .hljs {
129
+ color: hsl(var(--foreground));
130
+ background: transparent;
131
+ }
132
+
133
+ .docpage .hljs-comment,
134
+ .docpage .hljs-quote {
135
+ color: hsl(var(--muted-foreground));
136
+ font-style: italic;
137
+ }
138
+
139
+ .docpage .hljs-keyword,
140
+ .docpage .hljs-selector-tag,
141
+ .docpage .hljs-subst,
142
+ .docpage .hljs-title,
143
+ .docpage .hljs-section {
144
+ color: hsl(var(--primary));
145
+ font-weight: 600;
146
+ }
147
+
148
+ .docpage .hljs-string,
149
+ .docpage .hljs-attr,
150
+ .docpage .hljs-template-tag,
151
+ .docpage .hljs-template-variable {
152
+ color: hsl(var(--chart-2));
153
+ }
154
+
155
+ .docpage .hljs-number,
156
+ .docpage .hljs-literal,
157
+ .docpage .hljs-variable,
158
+ .docpage .hljs-params,
159
+ .docpage .hljs-symbol,
160
+ .docpage .hljs-bullet {
161
+ color: hsl(var(--chart-1));
162
+ }
package/styles/tailwind.css ADDED
@@ -0,0 +1,5 @@
1
+ @import "tailwindcss" source("../src");
2
+
3
+ @source "../playground/src";
4
+
5
+ @import "./docpage-theme.css";