@dominikcz/greg 0.9.29 → 0.9.32

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 (27) hide show
  1. package/docs/guide/asset-handling.md +15 -0
  2. package/docs/guide/markdown/links-and-toc.md +16 -0
  3. package/package.json +2 -1
  4. package/public/book-color.svg +5 -0
  5. package/public/book.svg +5 -0
  6. package/public/favicon-dark.svg +36 -0
  7. package/public/favicon-light.svg +36 -0
  8. package/public/favicon.svg +44 -0
  9. package/public/greg-logo-dark.svg +92 -0
  10. package/public/greg-logo-light.svg +92 -0
  11. package/public/greg-logo.svg +108 -0
  12. package/public/pure.html +15 -0
  13. package/public/quaggan.png +0 -0
  14. package/public/svelte.svg +1 -0
  15. package/src/lib/MarkdownDocs/MarkdownDocs.svelte +4 -0
  16. package/src/lib/MarkdownDocs/MarkdownRenderer.svelte +21 -1
  17. package/src/lib/MarkdownDocs/__tests__/helpers.js +3 -0
  18. package/src/lib/MarkdownDocs/__tests__/markdown.test.js +51 -0
  19. package/src/lib/MarkdownDocs/markdownRendererRuntime.ts +12 -0
  20. package/src/lib/MarkdownDocs/remarkFlexRow.js +86 -0
  21. package/src/lib/MarkdownDocs/vitePluginCopyDocs.js +44 -21
  22. package/src/lib/MarkdownDocs/vitePluginFrontmatter.js +11 -1
  23. package/src/lib/components/MarkdownImagePreview.svelte +345 -0
  24. package/src/lib/scss/__markdown.scss +21 -0
  25. package/src/lib/scss/__scrollbar.scss +11 -0
  26. package/svelte.config.js +2 -0
  27. package/types/index.d.ts +2 -0
package/docs/guide/asset-handling.md CHANGED
@@ -18,6 +18,21 @@ Relative paths are resolved from the location of the `.md` file:
18
18
  ![diagram](./images/diagram.png)
19
19
  ```
20
20
 
21
+ By default, Markdown images are rendered as thumbnails. Click an image to open
22
+ the full-size preview.
23
+
24
+ When preview is enabled, a caption is rendered under the thumbnail:
25
+ - uses `title` when present,
26
+ - otherwise falls back to `alt` text.
27
+
28
+ You can disable this behavior globally in `greg.config.js`:
29
+
30
+ ```js
31
+ export default {
32
+ markdownImagePreview: false,
33
+ }
34
+ ```
35
+
21
36
  Absolute paths are resolved from the project root's `public/` directory:
22
37
 
23
38
  ```md
package/docs/guide/markdown/links-and-toc.md CHANGED
@@ -62,3 +62,19 @@ Output:
62
62
  By default h2 and h3 headings are included. The right-side **Outline** panel is
63
63
  a persistent alternative. See `outline` prop in the
64
64
  [`<MarkdownDocs>` reference](/reference/markdowndocs).
65
+
66
+ ## Flex row list - `[[ ... ]]`
67
+
68
+ Use `[[ ... ]]` to render multiple markdown blocks in a horizontal wrapping row.
69
+ Each non-empty line inside the block becomes one flex item.
70
+
71
+ ```md
72
+ [[
73
+ ![Freezer A](/know-how/gastro-orlen/mroznia/freezer-a.webp)
74
+ ![Freezer B](/know-how/gastro-orlen/mroznia/freezer-b.webp)
75
+ ![Freezer C](/know-how/gastro-orlen/mroznia/freezer-c.webp)
76
+ ]]
77
+ ```
78
+
79
+ Use line breaks (Enter) to separate items. Brace syntax (`{...}`) and one-line
80
+ comma-only syntax (for example `[[One, Two]]`) are not supported.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dominikcz/greg",
3
- "version": "0.9.29",
3
+ "version": "0.9.32",
4
4
  "type": "module",
5
5
  "types": "./types/index.d.ts",
6
6
  "bin": {
@@ -19,6 +19,7 @@
19
19
  },
20
20
  "files": [
21
21
  "bin",
22
+ "public",
22
23
  "scripts/generate-static.js",
23
24
  "scripts/build-versions.js",
24
25
  "scripts/render-markdown.js",
package/public/book-color.svg ADDED
@@ -0,0 +1,5 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="#ff6f61"
2
+ stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="prefix__s-Et5g9c-6G1xH">
3
+ <path d="M4 19.5A2.5 2.5 0 016.5 17H20" class="prefix__s-Et5g9c-6G1xH" />
4
+ <path d="M6.5 2H20v20H6.5A2.5 2.5 0 014 19.5v-15A2.5 2.5 0 016.5 2z" class="prefix__s-Et5g9c-6G1xH" />
5
+ </svg>
package/public/book.svg ADDED
@@ -0,0 +1,5 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor"
2
+ stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="prefix__s-Et5g9c-6G1xH">
3
+ <path d="M4 19.5A2.5 2.5 0 016.5 17H20" class="prefix__s-Et5g9c-6G1xH" />
4
+ <path d="M6.5 2H20v20H6.5A2.5 2.5 0 014 19.5v-15A2.5 2.5 0 016.5 2z" class="prefix__s-Et5g9c-6G1xH" />
5
+ </svg>
package/public/favicon-dark.svg ADDED
@@ -0,0 +1,36 @@
1
+ <svg width="64" height="64" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Greg favicon dark">
2
+ <style>
3
+ :root {
4
+ --accent: #ff6f61;
5
+ --accent-shadow: #9b453d;
6
+ }
7
+ </style>
8
+ <defs>
9
+ <g id="gMain" fill="none" stroke-linecap="round" stroke-linejoin="round">
10
+ <g stroke="currentColor" stroke-width="3.5">
11
+ <path d="M34.06 33.64L42.41 31.24L50.34 34.28L46.68 43.90L33.89 53.29L17.85 45.08L13.61 29.30L20.48 17.15L31.76 13.14L41.84 15.04"/>
12
+ </g>
13
+ <g stroke="currentColor" stroke-width="1.25" fill="currentColor">
14
+ <circle cx="34.06" cy="33.64" r="2.4"/>
15
+ <circle cx="42.41" cy="31.24" r="2.4"/>
16
+ <circle cx="50.34" cy="34.28" r="2.8"/>
17
+ <circle cx="46.68" cy="43.90" r="3.0"/>
18
+ <circle cx="33.89" cy="53.29" r="3.0"/>
19
+ <circle cx="17.85" cy="45.08" r="3.3"/>
20
+ <circle cx="13.61" cy="29.30" r="2.9"/>
21
+ <circle cx="20.48" cy="17.15" r="2.4"/>
22
+ <circle cx="31.76" cy="13.14" r="2.3"/>
23
+ <circle cx="41.84" cy="15.04" r="2.1"/>
24
+ </g>
25
+ </g>
26
+ </defs>
27
+
28
+ <g transform="translate(-8 -10.5) scale(1.24)">
29
+ <g color="var(--accent-shadow)">
30
+ <use href="#gMain" transform="translate(1.2 1.8)"/>
31
+ </g>
32
+ <g color="var(--accent)">
33
+ <use href="#gMain"/>
34
+ </g>
35
+ </g>
36
+ </svg>
package/public/favicon-light.svg ADDED
@@ -0,0 +1,36 @@
1
+ <svg width="64" height="64" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Greg favicon light">
2
+ <style>
3
+ :root {
4
+ --accent: #646cff;
5
+ --accent-shadow: #3940b8;
6
+ }
7
+ </style>
8
+ <defs>
9
+ <g id="gMain" fill="none" stroke-linecap="round" stroke-linejoin="round">
10
+ <g stroke="currentColor" stroke-width="3.5">
11
+ <path d="M34.06 33.64L42.41 31.24L50.34 34.28L46.68 43.90L33.89 53.29L17.85 45.08L13.61 29.30L20.48 17.15L31.76 13.14L41.84 15.04"/>
12
+ </g>
13
+ <g stroke="currentColor" stroke-width="1.25" fill="currentColor">
14
+ <circle cx="34.06" cy="33.64" r="2.4"/>
15
+ <circle cx="42.41" cy="31.24" r="2.4"/>
16
+ <circle cx="50.34" cy="34.28" r="2.8"/>
17
+ <circle cx="46.68" cy="43.90" r="3.0"/>
18
+ <circle cx="33.89" cy="53.29" r="3.0"/>
19
+ <circle cx="17.85" cy="45.08" r="3.3"/>
20
+ <circle cx="13.61" cy="29.30" r="2.9"/>
21
+ <circle cx="20.48" cy="17.15" r="2.4"/>
22
+ <circle cx="31.76" cy="13.14" r="2.3"/>
23
+ <circle cx="41.84" cy="15.04" r="2.1"/>
24
+ </g>
25
+ </g>
26
+ </defs>
27
+
28
+ <g transform="translate(-8 -10.5) scale(1.24)">
29
+ <g color="var(--accent-shadow)">
30
+ <use href="#gMain" transform="translate(1.2 1.8)"/>
31
+ </g>
32
+ <g color="var(--accent)">
33
+ <use href="#gMain"/>
34
+ </g>
35
+ </g>
36
+ </svg>
package/public/favicon.svg ADDED
@@ -0,0 +1,44 @@
1
+ <svg width="64" height="64" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Greg favicon simplified">
2
+ <style>
3
+ :root {
4
+ --accent: #646cff;
5
+ --accent-shadow: #3940b8;
6
+ }
7
+ @media (prefers-color-scheme: dark) {
8
+ :root {
9
+ --accent: #ff6f61;
10
+ --accent-shadow: #9b453d;
11
+ }
12
+ }
13
+ </style>
14
+ <defs>
15
+ <!-- Same graph silhouette as main logo, scaled to favicon space -->
16
+ <g id="gMain" fill="none" stroke-linecap="round" stroke-linejoin="round">
17
+ <g stroke="currentColor" stroke-width="3.5">
18
+ <path d="M34.06 33.64L42.41 31.24L50.34 34.28L46.68 43.90L33.89 53.29L17.85 45.08L13.61 29.30L20.48 17.15L31.76 13.14L41.84 15.04"/>
19
+ </g>
20
+ <g stroke="currentColor" stroke-width="1.25" fill="currentColor">
21
+ <circle cx="34.06" cy="33.64" r="2.4"/>
22
+ <circle cx="42.41" cy="31.24" r="2.4"/>
23
+ <circle cx="50.34" cy="34.28" r="2.8"/>
24
+ <circle cx="46.68" cy="43.90" r="3.0"/>
25
+ <circle cx="33.89" cy="53.29" r="3.0"/>
26
+ <circle cx="17.85" cy="45.08" r="3.3"/>
27
+ <circle cx="13.61" cy="29.30" r="2.9"/>
28
+ <circle cx="20.48" cy="17.15" r="2.4"/>
29
+ <circle cx="31.76" cy="13.14" r="2.3"/>
30
+ <circle cx="41.84" cy="15.04" r="2.1"/>
31
+ </g>
32
+ </g>
33
+ </defs>
34
+
35
+ <g transform="translate(-8 -10.5) scale(1.24)">
36
+ <!-- Shifted lower layer with reduced gap -->
37
+ <g color="var(--accent-shadow)">
38
+ <use href="#gMain" transform="translate(1.2 1.8)"/>
39
+ </g>
40
+ <g color="var(--accent)">
41
+ <use href="#gMain"/>
42
+ </g>
43
+ </g>
44
+ </svg>
package/public/greg-logo-dark.svg ADDED
@@ -0,0 +1,92 @@
1
+ <svg width="256" height="256" viewBox="0 0 256 256" aria-label="Greg logo dark" version="1.1" id="prefix__svg2" xmlns="http://www.w3.org/2000/svg">
2
+ <style id="style1">
3
+ :root {
4
+ --logo-bg-1: #ff6f61;
5
+ --logo-bg-2: #cf5c52;
6
+ --logo-glow: #ffd4ce;
7
+ --logo-shade: #7a2f2a;
8
+ --edge: #fff7f5;
9
+ --n1: #fff7f5;
10
+ --n2: #ffe8e3;
11
+ --n3: #ffd8d1;
12
+ --n4: #ffc8be;
13
+ color: var(--edge);
14
+ }
15
+ </style>
16
+
17
+ <defs id="prefix__defs2">
18
+ <linearGradient id="prefix__g" x1="0" y1="0" x2="1" y2="1">
19
+ <stop offset="0%" stop-color="var(--logo-bg-1)" id="prefix__stop1" />
20
+ <stop offset="100%" stop-color="var(--logo-bg-2)" id="prefix__stop2" />
21
+ </linearGradient>
22
+ <radialGradient id="prefix__g2" cx="0.3" cy="0.28" r="0.9">
23
+ <stop offset="0%" stop-color="var(--logo-glow)" stop-opacity="0.58" />
24
+ <stop offset="100%" stop-color="var(--logo-glow)" stop-opacity="0" />
25
+ </radialGradient>
26
+ <radialGradient id="prefix__g3" cx="0.82" cy="0.84" r="0.95">
27
+ <stop offset="0%" stop-color="var(--logo-shade)" stop-opacity="0.35" />
28
+ <stop offset="100%" stop-color="var(--logo-shade)" stop-opacity="0" />
29
+ </radialGradient>
30
+
31
+ <g id="prefix__graph-shape">
32
+ <g fill="none" stroke="var(--edge)" stroke-width="3.2" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="0.9">
33
+ <path d="M136.24 134.567L169.654 124.963" />
34
+ <path d="M169.654 124.963L201.362 137.115" />
35
+ <path d="M201.362 137.115L186.709 175.596" />
36
+ <path d="M186.709 175.596L135.559 213.151" />
37
+ <path d="M135.559 213.151L71.407 180.315" />
38
+ <path d="M71.407 180.315L54.456 117.206" />
39
+ <path d="M54.456 117.206L81.925 68.597" />
40
+ <path d="M81.925 68.597L127.029 52.576" />
41
+ <path d="M127.029 52.576L167.378 60.164" />
42
+ </g>
43
+
44
+ <circle cx="136.24" cy="134.567" r="6.075" fill="var(--n1)" stroke="var(--edge)" stroke-opacity="0.35" stroke-width="1.1" />
45
+ <circle cx="169.654" cy="124.963" r="6.075" fill="var(--n2)" stroke="var(--edge)" stroke-opacity="0.35" stroke-width="1.1" />
46
+ <circle cx="201.362" cy="137.115" r="8.325" fill="var(--n3)" stroke="var(--edge)" stroke-opacity="0.35" stroke-width="1.1" />
47
+ <circle cx="186.709" cy="175.596" r="9.552" fill="var(--n4)" stroke="var(--edge)" stroke-opacity="0.35" stroke-width="1.1" />
48
+ <circle cx="135.559" cy="213.151" r="9.961" fill="var(--n1)" stroke="var(--edge)" stroke-opacity="0.35" stroke-width="1.1" />
49
+ <circle cx="71.407" cy="180.315" r="11.188" fill="var(--n2)" stroke="var(--edge)" stroke-opacity="0.35" stroke-width="1.1" />
50
+ <circle cx="54.456" cy="117.206" r="9.143" fill="var(--n3)" stroke="var(--edge)" stroke-opacity="0.35" stroke-width="1.1" />
51
+ <circle cx="81.925" cy="68.597" r="6.075" fill="var(--n4)" stroke="var(--edge)" stroke-opacity="0.35" stroke-width="1.1" />
52
+ <circle cx="127.029" cy="52.576" r="5.461" fill="var(--n1)" stroke="var(--edge)" stroke-opacity="0.35" stroke-width="1.1" />
53
+ <circle cx="167.378" cy="60.164" r="4.234" fill="var(--n2)" stroke="var(--edge)" stroke-opacity="0.35" stroke-width="1.1" />
54
+ </g>
55
+ </defs>
56
+
57
+ <rect x="16" y="16" width="224" height="224" rx="48" fill="url(#prefix__g)" id="prefix__rect2" />
58
+ <rect x="16" y="16" width="224" height="224" rx="48" fill="url(#prefix__g2)" />
59
+ <rect x="16" y="16" width="224" height="224" rx="48" fill="url(#prefix__g3)" />
60
+
61
+ <g transform="translate(-7.48 -1.11)">
62
+ <use href="#prefix__graph-shape" transform="translate(18 -12)" opacity="0.42" />
63
+
64
+ <g fill="none" stroke="var(--edge)" stroke-width="2.2" stroke-linecap="round" stroke-opacity="0.6">
65
+ <path d="M136.24 134.567L154.24 122.567" />
66
+ <path d="M169.654 124.963L187.654 112.963" />
67
+ <path d="M201.362 137.115L219.362 125.115" />
68
+ <path d="M186.709 175.596L204.709 163.596" />
69
+ <path d="M135.559 213.151L153.559 201.151" />
70
+ <path d="M71.407 180.315L89.407 168.315" />
71
+ <path d="M54.456 117.206L72.456 105.206" />
72
+ <path d="M81.925 68.597L99.925 56.597" />
73
+ <path d="M127.029 52.576L145.029 40.576" />
74
+ <path d="M167.378 60.164L185.378 48.164" />
75
+ </g>
76
+
77
+ <g fill="none" stroke="var(--edge)" stroke-width="1.5" stroke-linecap="round" stroke-opacity="0.38">
78
+ <path d="M136.24 134.567L187.654 112.963" />
79
+ <path d="M169.654 124.963L219.362 125.115" />
80
+ <path d="M201.362 137.115L204.709 163.596" />
81
+ <path d="M186.709 175.596L153.559 201.151" />
82
+ <path d="M135.559 213.151L89.407 168.315" />
83
+ <path d="M71.407 180.315L72.456 105.206" />
84
+ <path d="M54.456 117.206L89.407 168.315" />
85
+ <path d="M81.925 68.597L145.029 40.576" />
86
+ <path d="M127.029 52.576L185.378 48.164" />
87
+ <path d="M167.378 60.164L154.24 122.567" />
88
+ </g>
89
+
90
+ <use href="#prefix__graph-shape" />
91
+ </g>
92
+ </svg>
package/public/greg-logo-light.svg ADDED
@@ -0,0 +1,92 @@
1
+ <svg width="256" height="256" viewBox="0 0 256 256" aria-label="Greg logo light" version="1.1" id="prefix__svg2" xmlns="http://www.w3.org/2000/svg">
2
+ <style id="style1">
3
+ :root {
4
+ --logo-bg-1: #646cff;
5
+ --logo-bg-2: #4f55d6;
6
+ --logo-glow: #c9ccff;
7
+ --logo-shade: #2e338c;
8
+ --edge: #ffffff;
9
+ --n1: #ffffff;
10
+ --n2: #eef1ff;
11
+ --n3: #d7ddff;
12
+ --n4: #c2ccff;
13
+ color: var(--edge);
14
+ }
15
+ </style>
16
+
17
+ <defs id="prefix__defs2">
18
+ <linearGradient id="prefix__g" x1="0" y1="0" x2="1" y2="1">
19
+ <stop offset="0%" stop-color="var(--logo-bg-1)" id="prefix__stop1" />
20
+ <stop offset="100%" stop-color="var(--logo-bg-2)" id="prefix__stop2" />
21
+ </linearGradient>
22
+ <radialGradient id="prefix__g2" cx="0.3" cy="0.28" r="0.9">
23
+ <stop offset="0%" stop-color="var(--logo-glow)" stop-opacity="0.58" />
24
+ <stop offset="100%" stop-color="var(--logo-glow)" stop-opacity="0" />
25
+ </radialGradient>
26
+ <radialGradient id="prefix__g3" cx="0.82" cy="0.84" r="0.95">
27
+ <stop offset="0%" stop-color="var(--logo-shade)" stop-opacity="0.35" />
28
+ <stop offset="100%" stop-color="var(--logo-shade)" stop-opacity="0" />
29
+ </radialGradient>
30
+
31
+ <g id="prefix__graph-shape">
32
+ <g fill="none" stroke="var(--edge)" stroke-width="3.2" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="0.9">
33
+ <path d="M136.24 134.567L169.654 124.963" />
34
+ <path d="M169.654 124.963L201.362 137.115" />
35
+ <path d="M201.362 137.115L186.709 175.596" />
36
+ <path d="M186.709 175.596L135.559 213.151" />
37
+ <path d="M135.559 213.151L71.407 180.315" />
38
+ <path d="M71.407 180.315L54.456 117.206" />
39
+ <path d="M54.456 117.206L81.925 68.597" />
40
+ <path d="M81.925 68.597L127.029 52.576" />
41
+ <path d="M127.029 52.576L167.378 60.164" />
42
+ </g>
43
+
44
+ <circle cx="136.24" cy="134.567" r="6.075" fill="var(--n1)" stroke="var(--edge)" stroke-opacity="0.35" stroke-width="1.1" />
45
+ <circle cx="169.654" cy="124.963" r="6.075" fill="var(--n2)" stroke="var(--edge)" stroke-opacity="0.35" stroke-width="1.1" />
46
+ <circle cx="201.362" cy="137.115" r="8.325" fill="var(--n3)" stroke="var(--edge)" stroke-opacity="0.35" stroke-width="1.1" />
47
+ <circle cx="186.709" cy="175.596" r="9.552" fill="var(--n4)" stroke="var(--edge)" stroke-opacity="0.35" stroke-width="1.1" />
48
+ <circle cx="135.559" cy="213.151" r="9.961" fill="var(--n1)" stroke="var(--edge)" stroke-opacity="0.35" stroke-width="1.1" />
49
+ <circle cx="71.407" cy="180.315" r="11.188" fill="var(--n2)" stroke="var(--edge)" stroke-opacity="0.35" stroke-width="1.1" />
50
+ <circle cx="54.456" cy="117.206" r="9.143" fill="var(--n3)" stroke="var(--edge)" stroke-opacity="0.35" stroke-width="1.1" />
51
+ <circle cx="81.925" cy="68.597" r="6.075" fill="var(--n4)" stroke="var(--edge)" stroke-opacity="0.35" stroke-width="1.1" />
52
+ <circle cx="127.029" cy="52.576" r="5.461" fill="var(--n1)" stroke="var(--edge)" stroke-opacity="0.35" stroke-width="1.1" />
53
+ <circle cx="167.378" cy="60.164" r="4.234" fill="var(--n2)" stroke="var(--edge)" stroke-opacity="0.35" stroke-width="1.1" />
54
+ </g>
55
+ </defs>
56
+
57
+ <rect x="16" y="16" width="224" height="224" rx="48" fill="url(#prefix__g)" id="prefix__rect2" />
58
+ <rect x="16" y="16" width="224" height="224" rx="48" fill="url(#prefix__g2)" />
59
+ <rect x="16" y="16" width="224" height="224" rx="48" fill="url(#prefix__g3)" />
60
+
61
+ <g transform="translate(-7.48 -1.11)">
62
+ <use href="#prefix__graph-shape" transform="translate(18 -12)" opacity="0.42" />
63
+
64
+ <g fill="none" stroke="var(--edge)" stroke-width="2.2" stroke-linecap="round" stroke-opacity="0.6">
65
+ <path d="M136.24 134.567L154.24 122.567" />
66
+ <path d="M169.654 124.963L187.654 112.963" />
67
+ <path d="M201.362 137.115L219.362 125.115" />
68
+ <path d="M186.709 175.596L204.709 163.596" />
69
+ <path d="M135.559 213.151L153.559 201.151" />
70
+ <path d="M71.407 180.315L89.407 168.315" />
71
+ <path d="M54.456 117.206L72.456 105.206" />
72
+ <path d="M81.925 68.597L99.925 56.597" />
73
+ <path d="M127.029 52.576L145.029 40.576" />
74
+ <path d="M167.378 60.164L185.378 48.164" />
75
+ </g>
76
+
77
+ <g fill="none" stroke="var(--edge)" stroke-width="1.5" stroke-linecap="round" stroke-opacity="0.38">
78
+ <path d="M136.24 134.567L187.654 112.963" />
79
+ <path d="M169.654 124.963L219.362 125.115" />
80
+ <path d="M201.362 137.115L204.709 163.596" />
81
+ <path d="M186.709 175.596L153.559 201.151" />
82
+ <path d="M135.559 213.151L89.407 168.315" />
83
+ <path d="M71.407 180.315L72.456 105.206" />
84
+ <path d="M54.456 117.206L89.407 168.315" />
85
+ <path d="M81.925 68.597L145.029 40.576" />
86
+ <path d="M127.029 52.576L185.378 48.164" />
87
+ <path d="M167.378 60.164L154.24 122.567" />
88
+ </g>
89
+
90
+ <use href="#prefix__graph-shape" />
91
+ </g>
92
+ </svg>
package/public/greg-logo.svg ADDED
@@ -0,0 +1,108 @@
1
+ <svg width="256" height="256" viewBox="0 0 256 256" aria-label="Greg logo variant wave G" version="1.1" id="prefix__svg2" xmlns="http://www.w3.org/2000/svg">
2
+ <style id="style1">
3
+ :root {
4
+ --logo-bg-1: #646cff;
5
+ --logo-bg-2: #4f55d6;
6
+ --logo-glow: #c9ccff;
7
+ --logo-shade: #2e338c;
8
+ --edge: #ffffff;
9
+ --n1: #ffffff;
10
+ --n2: #eef1ff;
11
+ --n3: #d7ddff;
12
+ --n4: #c2ccff;
13
+ color: var(--edge);
14
+ }
15
+
16
+ @media (prefers-color-scheme: dark) {
17
+ :root {
18
+ --logo-bg-1: #ff6f61;
19
+ --logo-bg-2: #cf5c52;
20
+ --logo-glow: #ffd4ce;
21
+ --logo-shade: #7a2f2a;
22
+ --edge: #fff7f5;
23
+ --n1: #fff7f5;
24
+ --n2: #ffe8e3;
25
+ --n3: #ffd8d1;
26
+ --n4: #ffc8be;
27
+ }
28
+ }
29
+ </style>
30
+
31
+ <defs id="prefix__defs2">
32
+ <linearGradient id="prefix__g" x1="0" y1="0" x2="1" y2="1">
33
+ <stop offset="0%" stop-color="var(--logo-bg-1)" id="prefix__stop1" />
34
+ <stop offset="100%" stop-color="var(--logo-bg-2)" id="prefix__stop2" />
35
+ </linearGradient>
36
+ <radialGradient id="prefix__g2" cx="0.3" cy="0.28" r="0.9">
37
+ <stop offset="0%" stop-color="var(--logo-glow)" stop-opacity="0.58" />
38
+ <stop offset="100%" stop-color="var(--logo-glow)" stop-opacity="0" />
39
+ </radialGradient>
40
+ <radialGradient id="prefix__g3" cx="0.82" cy="0.84" r="0.95">
41
+ <stop offset="0%" stop-color="var(--logo-shade)" stop-opacity="0.35" />
42
+ <stop offset="100%" stop-color="var(--logo-shade)" stop-opacity="0" />
43
+ </radialGradient>
44
+
45
+ <g id="prefix__graph-shape">
46
+ <g fill="none" stroke="var(--edge)" stroke-width="3.2" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="0.9">
47
+ <path d="M136.24 134.567L169.654 124.963" />
48
+ <path d="M169.654 124.963L201.362 137.115" />
49
+ <path d="M201.362 137.115L186.709 175.596" />
50
+ <path d="M186.709 175.596L135.559 213.151" />
51
+ <path d="M135.559 213.151L71.407 180.315" />
52
+ <path d="M71.407 180.315L54.456 117.206" />
53
+ <path d="M54.456 117.206L81.925 68.597" />
54
+ <path d="M81.925 68.597L127.029 52.576" />
55
+ <path d="M127.029 52.576L167.378 60.164" />
56
+ </g>
57
+
58
+ <circle cx="136.24" cy="134.567" r="6.075" fill="var(--n1)" stroke="var(--edge)" stroke-opacity="0.35" stroke-width="1.1" />
59
+ <circle cx="169.654" cy="124.963" r="6.075" fill="var(--n2)" stroke="var(--edge)" stroke-opacity="0.35" stroke-width="1.1" />
60
+ <circle cx="201.362" cy="137.115" r="8.325" fill="var(--n3)" stroke="var(--edge)" stroke-opacity="0.35" stroke-width="1.1" />
61
+ <circle cx="186.709" cy="175.596" r="9.552" fill="var(--n4)" stroke="var(--edge)" stroke-opacity="0.35" stroke-width="1.1" />
62
+ <circle cx="135.559" cy="213.151" r="9.961" fill="var(--n1)" stroke="var(--edge)" stroke-opacity="0.35" stroke-width="1.1" />
63
+ <circle cx="71.407" cy="180.315" r="11.188" fill="var(--n2)" stroke="var(--edge)" stroke-opacity="0.35" stroke-width="1.1" />
64
+ <circle cx="54.456" cy="117.206" r="9.143" fill="var(--n3)" stroke="var(--edge)" stroke-opacity="0.35" stroke-width="1.1" />
65
+ <circle cx="81.925" cy="68.597" r="6.075" fill="var(--n4)" stroke="var(--edge)" stroke-opacity="0.35" stroke-width="1.1" />
66
+ <circle cx="127.029" cy="52.576" r="5.461" fill="var(--n1)" stroke="var(--edge)" stroke-opacity="0.35" stroke-width="1.1" />
67
+ <circle cx="167.378" cy="60.164" r="4.234" fill="var(--n2)" stroke="var(--edge)" stroke-opacity="0.35" stroke-width="1.1" />
68
+ </g>
69
+ </defs>
70
+
71
+ <rect x="16" y="16" width="224" height="224" rx="48" fill="url(#prefix__g)" id="prefix__rect2" />
72
+ <rect x="16" y="16" width="224" height="224" rx="48" fill="url(#prefix__g2)" />
73
+ <rect x="16" y="16" width="224" height="224" rx="48" fill="url(#prefix__g3)" />
74
+
75
+ <!-- Pseudo-3D graph: back copy in isometric shift + connectors + front copy -->
76
+ <g transform="translate(-7.48 -1.11)">
77
+ <use href="#prefix__graph-shape" transform="translate(18 -12)" opacity="0.42" />
78
+
79
+ <g fill="none" stroke="var(--edge)" stroke-width="2.2" stroke-linecap="round" stroke-opacity="0.6">
80
+ <path d="M136.24 134.567L154.24 122.567" />
81
+ <path d="M169.654 124.963L187.654 112.963" />
82
+ <path d="M201.362 137.115L219.362 125.115" />
83
+ <path d="M186.709 175.596L204.709 163.596" />
84
+ <path d="M135.559 213.151L153.559 201.151" />
85
+ <path d="M71.407 180.315L89.407 168.315" />
86
+ <path d="M54.456 117.206L72.456 105.206" />
87
+ <path d="M81.925 68.597L99.925 56.597" />
88
+ <path d="M127.029 52.576L145.029 40.576" />
89
+ <path d="M167.378 60.164L185.378 48.164" />
90
+ </g>
91
+
92
+ <!-- Diagonal truss connectors between layers -->
93
+ <g fill="none" stroke="var(--edge)" stroke-width="1.5" stroke-linecap="round" stroke-opacity="0.38">
94
+ <path d="M136.24 134.567L187.654 112.963" />
95
+ <path d="M169.654 124.963L219.362 125.115" />
96
+ <path d="M201.362 137.115L204.709 163.596" />
97
+ <path d="M186.709 175.596L153.559 201.151" />
98
+ <path d="M135.559 213.151L89.407 168.315" />
99
+ <path d="M71.407 180.315L72.456 105.206" />
100
+ <path d="M54.456 117.206L89.407 168.315" />
101
+ <path d="M81.925 68.597L145.029 40.576" />
102
+ <path d="M127.029 52.576L185.378 48.164" />
103
+ <path d="M167.378 60.164L154.24 122.567" />
104
+ </g>
105
+
106
+ <use href="#prefix__graph-shape" />
107
+ </g>
108
+ </svg>
package/public/pure.html ADDED
@@ -0,0 +1,15 @@
1
+ <!doctype html>
2
+ <html>
3
+
4
+ <head>
5
+ <title>Plain HTML page | Greg</title>
6
+ <meta charset="utf-8" />
7
+ <meta name="robots" content="noindex, nofollow" />
8
+ </head>
9
+
10
+ <body>
11
+ <h1>Not part of the main Greg docs site</h1>
12
+ <div>This page is plain HTML in the <code>public</code> directory.</div>
13
+ </body>
14
+
15
+ </html>
package/public/quaggan.png ADDED
Binary file
package/public/svelte.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="26.6" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 308"><path fill="#FF3E00" d="M239.682 40.707C211.113-.182 154.69-12.301 113.895 13.69L42.247 59.356a82.198 82.198 0 0 0-37.135 55.056a86.566 86.566 0 0 0 8.536 55.576a82.425 82.425 0 0 0-12.296 30.719a87.596 87.596 0 0 0 14.964 66.244c28.574 40.893 84.997 53.007 125.787 27.016l71.648-45.664a82.182 82.182 0 0 0 37.135-55.057a86.601 86.601 0 0 0-8.53-55.577a82.409 82.409 0 0 0 12.29-30.718a87.573 87.573 0 0 0-14.963-66.244"></path><path fill="#FFF" d="M106.889 270.841c-23.102 6.007-47.497-3.036-61.103-22.648a52.685 52.685 0 0 1-9.003-39.85a49.978 49.978 0 0 1 1.713-6.693l1.35-4.115l3.671 2.697a92.447 92.447 0 0 0 28.036 14.007l2.663.808l-.245 2.659a16.067 16.067 0 0 0 2.89 10.656a17.143 17.143 0 0 0 18.397 6.828a15.786 15.786 0 0 0 4.403-1.935l71.67-45.672a14.922 14.922 0 0 0 6.734-9.977a15.923 15.923 0 0 0-2.713-12.011a17.156 17.156 0 0 0-18.404-6.832a15.78 15.78 0 0 0-4.396 1.933l-27.35 17.434a52.298 52.298 0 0 1-14.553 6.391c-23.101 6.007-47.497-3.036-61.101-22.649a52.681 52.681 0 0 1-9.004-39.849a49.428 49.428 0 0 1 22.34-33.114l71.664-45.677a52.218 52.218 0 0 1 14.563-6.398c23.101-6.007 47.497 3.036 61.101 22.648a52.685 52.685 0 0 1 9.004 39.85a50.559 50.559 0 0 1-1.713 6.692l-1.35 4.116l-3.67-2.693a92.373 92.373 0 0 0-28.037-14.013l-2.664-.809l.246-2.658a16.099 16.099 0 0 0-2.89-10.656a17.143 17.143 0 0 0-18.398-6.828a15.786 15.786 0 0 0-4.402 1.935l-71.67 45.674a14.898 14.898 0 0 0-6.73 9.975a15.9 15.9 0 0 0 2.709 12.012a17.156 17.156 0 0 0 18.404 6.832a15.841 15.841 0 0 0 4.402-1.935l27.345-17.427a52.147 52.147 0 0 1 14.552-6.397c23.101-6.006 47.497 3.037 61.102 22.65a52.681 52.681 0 0 1 9.003 39.848a49.453 49.453 0 0 1-22.34 33.12l-71.664 45.673a52.218 52.218 0 0 1-14.563 6.398"></path></svg>
package/src/lib/MarkdownDocs/MarkdownDocs.svelte CHANGED
@@ -164,6 +164,8 @@
164
164
  * { id, title, titleHtml, sectionTitle, sectionTitleHtml?, sectionAnchor, excerptHtml, score }
165
165
  */
166
166
  searchProvider?: (query: string, limit?: number) => Promise<any[]>;
167
+ /** Render markdown images as thumbnails with click-to-preview overlay. */
168
+ markdownImagePreview?: boolean;
167
169
  };
168
170
 
169
171
  type VersionManifestEntry = {
@@ -209,6 +211,7 @@
209
211
  (gregConfig as any).outline ?? ([2, 3] as [number, number]),
210
212
  mermaidTheme = (gregConfig as any).mermaidTheme,
211
213
  mermaidThemes,
214
+ markdownImagePreview = (gregConfig as any).markdownImagePreview ?? true,
212
215
  breadcrumb = (gregConfig as any).breadcrumb ?? false,
213
216
  backToTop = (gregConfig as any).backToTop ?? false,
214
217
  lastModified: globalLastModified = (gregConfig as any).lastModified ?? false,
@@ -1733,6 +1736,7 @@
1733
1736
  docsPrefix={withBase(currentSrcDir)}
1734
1737
  {mermaidTheme}
1735
1738
  {mermaidThemes}
1739
+ enableImagePreview={markdownImagePreview}
1736
1740
  colorTheme={theme}
1737
1741
  />
1738
1742
  {#if lastModified && activeFrontmatter?._mtime}
package/src/lib/MarkdownDocs/MarkdownRenderer.svelte CHANGED
@@ -203,6 +203,8 @@
203
203
  * When `'dark'`, automatically selects `mermaidTheme + '-dark'` if available.
204
204
  */
205
205
  colorTheme?: "light" | "dark";
206
+ /** Enable markdown image thumbnails + click-to-preview overlay. */
207
+ enableImagePreview?: boolean;
206
208
  };
207
209
  let {
208
210
  markdown,
@@ -211,6 +213,7 @@
211
213
  mermaidTheme = DEFAULT_MERMAID_THEME,
212
214
  mermaidThemes: extraThemes = {},
213
215
  colorTheme,
216
+ enableImagePreview = true,
214
217
  }: Props = $props();
215
218
 
216
219
  /** Combined theme map: built-ins overridden/extended by user-supplied themes. */
@@ -288,6 +291,19 @@
288
291
  };
289
292
  }
290
293
 
294
+ // ── Rehype plugin: markdown image component hydration ──────────────────────
295
+ // Replaces plain markdown <img> with <markdownimage> so runtime hydration can
296
+ // mount a Svelte component (thumbnail + modal + caption logic).
297
+ function rehypeMarkdownImageThumbs() {
298
+ return (tree: any) => {
299
+ if (!enableImagePreview) return;
300
+ visit(tree, "element", (node: any) => {
301
+ if (node.tagName !== "img") return;
302
+ node.tagName = "markdownimage";
303
+ });
304
+ };
305
+ }
306
+
291
307
  // ── Rehype plugin: shiki code blocks ─────────────────────────────────────────
292
308
 
293
309
  function rehypeShiki() {
@@ -421,6 +437,7 @@
421
437
  getRehypePluginEntries({
422
438
  rehypeStepsWrapper,
423
439
  rehypeMermaid,
440
+ rehypeMarkdownImageThumbs,
424
441
  rehypeShiki,
425
442
  }),
426
443
  );
@@ -482,6 +499,9 @@
482
499
  </script>
483
500
 
484
501
  <!-- svelte-ignore a11y_no_static_element_interactions -->
485
- <div class="markdown-renderer markdown-body" bind:this={containerEl}>
502
+ <div
503
+ class="markdown-renderer markdown-body"
504
+ bind:this={containerEl}
505
+ >
486
506
  {@html html}
487
507
  </div>
package/src/lib/MarkdownDocs/__tests__/helpers.js CHANGED
@@ -11,6 +11,7 @@ import rehypeAutolinkHeadings from 'rehype-autolink-headings';
11
11
  import rehypeCodeGroup from '../rehypeCodeGroup.js';
12
12
  import rehypeCodeTitle from '../rehypeCodeTitle.js';
13
13
  import { remarkContainers, rehypeContainers } from '../remarkContainers.js';
14
+ import { remarkFlexRow } from '../remarkFlexRow.js';
14
15
  import { rehypeTocPlaceholder } from '../rehypeToc.js';
15
16
  import { remarkCodeMeta } from '../remarkCodeMeta.js';
16
17
  import { remarkImports } from '../remarkImports.js';
@@ -26,6 +27,7 @@ async function getProcessor(opts = {}) {
26
27
  if (opts.containers || opts.toc || opts.imports) {
27
28
  return unified()
28
29
  .use(remarkParse)
30
+ .use(remarkFlexRow)
29
31
  .use(remarkImports, opts.imports ?? defaultImportsOptions)
30
32
  .use(remarkCodeMeta)
31
33
  .use(remarkContainers, opts.containers ?? {})
@@ -41,6 +43,7 @@ async function getProcessor(opts = {}) {
41
43
  if (!_processor) {
42
44
  _processor = unified()
43
45
  .use(remarkParse)
46
+ .use(remarkFlexRow)
44
47
  .use(remarkImports, defaultImportsOptions)
45
48
  .use(remarkCodeMeta)
46
49
  .use(remarkContainers)