supadeck 0.0.1

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 (139) hide show
  1. package/README.md +338 -0
  2. package/dist/cli/export.d.ts +7 -0
  3. package/dist/cli/export.js +36 -0
  4. package/dist/cli/export.js.map +1 -0
  5. package/dist/cli/index.d.ts +14 -0
  6. package/dist/cli/index.js +104 -0
  7. package/dist/cli/index.js.map +1 -0
  8. package/dist/cli/serve.d.ts +8 -0
  9. package/dist/cli/serve.js +13 -0
  10. package/dist/cli/serve.js.map +1 -0
  11. package/dist/cli/templates.d.ts +1 -0
  12. package/dist/cli/templates.js +36 -0
  13. package/dist/cli/templates.js.map +1 -0
  14. package/dist/cli/workspace.d.ts +2 -0
  15. package/dist/cli/workspace.js +27 -0
  16. package/dist/cli/workspace.js.map +1 -0
  17. package/dist/content/parse-deck.d.ts +36 -0
  18. package/dist/content/parse-deck.js +137 -0
  19. package/dist/content/parse-deck.js.map +1 -0
  20. package/dist/content/remark-unwrap-jsx-paragraphs.d.ts +7 -0
  21. package/dist/content/remark-unwrap-jsx-paragraphs.js +64 -0
  22. package/dist/content/remark-unwrap-jsx-paragraphs.js.map +1 -0
  23. package/dist/export/pdf.d.ts +6 -0
  24. package/dist/export/pdf.js +41 -0
  25. package/dist/export/pdf.js.map +1 -0
  26. package/dist/index.d.ts +13 -0
  27. package/dist/index.js +12 -0
  28. package/dist/index.js.map +1 -0
  29. package/dist/runtime/App.d.ts +8 -0
  30. package/dist/runtime/App.js +46 -0
  31. package/dist/runtime/App.js.map +1 -0
  32. package/dist/runtime/components/Callout.d.ts +7 -0
  33. package/dist/runtime/components/Callout.js +14 -0
  34. package/dist/runtime/components/Callout.js.map +1 -0
  35. package/dist/runtime/components/Center.d.ts +4 -0
  36. package/dist/runtime/components/Center.js +5 -0
  37. package/dist/runtime/components/Center.js.map +1 -0
  38. package/dist/runtime/components/Columns.d.ts +6 -0
  39. package/dist/runtime/components/Columns.js +5 -0
  40. package/dist/runtime/components/Columns.js.map +1 -0
  41. package/dist/runtime/components/Disclosure.d.ts +6 -0
  42. package/dist/runtime/components/Disclosure.js +6 -0
  43. package/dist/runtime/components/Disclosure.js.map +1 -0
  44. package/dist/runtime/components/Frame.d.ts +5 -0
  45. package/dist/runtime/components/Frame.js +5 -0
  46. package/dist/runtime/components/Frame.js.map +1 -0
  47. package/dist/runtime/components/index.d.ts +8 -0
  48. package/dist/runtime/components/index.js +5 -0
  49. package/dist/runtime/components/index.js.map +1 -0
  50. package/dist/runtime/default-components.d.ts +3 -0
  51. package/dist/runtime/default-components.js +39 -0
  52. package/dist/runtime/default-components.js.map +1 -0
  53. package/dist/runtime/hooks/slides.d.ts +1 -0
  54. package/dist/runtime/hooks/slides.js +46 -0
  55. package/dist/runtime/hooks/slides.js.map +1 -0
  56. package/dist/runtime/index.html +12 -0
  57. package/dist/runtime/layout/DeckSlide.d.ts +2 -0
  58. package/dist/runtime/layout/DeckSlide.js +7 -0
  59. package/dist/runtime/layout/DeckSlide.js.map +1 -0
  60. package/dist/runtime/layout/SlideFrame.d.ts +2 -0
  61. package/dist/runtime/layout/SlideFrame.js +7 -0
  62. package/dist/runtime/layout/SlideFrame.js.map +1 -0
  63. package/dist/runtime/main.d.ts +1 -0
  64. package/dist/runtime/main.js +32 -0
  65. package/dist/runtime/main.js.map +1 -0
  66. package/dist/runtime/mdx-components.d.ts +2 -0
  67. package/dist/runtime/mdx-components.js +17 -0
  68. package/dist/runtime/mdx-components.js.map +1 -0
  69. package/dist/runtime/primitives/DeckChrome.d.ts +7 -0
  70. package/dist/runtime/primitives/DeckChrome.js +7 -0
  71. package/dist/runtime/primitives/DeckChrome.js.map +1 -0
  72. package/dist/runtime/primitives/DeckNavigation.d.ts +6 -0
  73. package/dist/runtime/primitives/DeckNavigation.js +5 -0
  74. package/dist/runtime/primitives/DeckNavigation.js.map +1 -0
  75. package/dist/runtime/primitives/DeckProgress.d.ts +6 -0
  76. package/dist/runtime/primitives/DeckProgress.js +6 -0
  77. package/dist/runtime/primitives/DeckProgress.js.map +1 -0
  78. package/dist/runtime/primitives/DeckTitle.d.ts +5 -0
  79. package/dist/runtime/primitives/DeckTitle.js +5 -0
  80. package/dist/runtime/primitives/DeckTitle.js.map +1 -0
  81. package/dist/runtime/public-components.d.ts +22 -0
  82. package/dist/runtime/public-components.js +24 -0
  83. package/dist/runtime/public-components.js.map +1 -0
  84. package/dist/runtime/styles/base.css +201 -0
  85. package/dist/runtime/tailwind-hmr.d.ts +18 -0
  86. package/dist/runtime/tailwind-hmr.js +68 -0
  87. package/dist/runtime/tailwind-hmr.js.map +1 -0
  88. package/dist/runtime/tailwind-sources.d.ts +4 -0
  89. package/dist/runtime/tailwind-sources.js +43 -0
  90. package/dist/runtime/tailwind-sources.js.map +1 -0
  91. package/dist/runtime/theme-components.d.ts +3 -0
  92. package/dist/runtime/theme-components.js +18 -0
  93. package/dist/runtime/theme-components.js.map +1 -0
  94. package/dist/runtime/theme-resolution.d.ts +2 -0
  95. package/dist/runtime/theme-resolution.js +63 -0
  96. package/dist/runtime/theme-resolution.js.map +1 -0
  97. package/dist/runtime/theme-types.d.ts +48 -0
  98. package/dist/runtime/theme-types.js +2 -0
  99. package/dist/runtime/theme-types.js.map +1 -0
  100. package/dist/runtime/themes/base/DefaultDeck.d.ts +2 -0
  101. package/dist/runtime/themes/base/DefaultDeck.js +11 -0
  102. package/dist/runtime/themes/base/DefaultDeck.js.map +1 -0
  103. package/dist/runtime/themes/base/theme.css +245 -0
  104. package/dist/runtime/themes/default/DefaultDeck.d.ts +2 -0
  105. package/dist/runtime/themes/default/DefaultDeck.js +11 -0
  106. package/dist/runtime/themes/default/DefaultDeck.js.map +1 -0
  107. package/dist/runtime/themes/default/DefaultThemeDeck.d.ts +2 -0
  108. package/dist/runtime/themes/default/DefaultThemeDeck.js +23 -0
  109. package/dist/runtime/themes/default/DefaultThemeDeck.js.map +1 -0
  110. package/dist/runtime/themes/default/components.d.ts +65 -0
  111. package/dist/runtime/themes/default/components.js +80 -0
  112. package/dist/runtime/themes/default/components.js.map +1 -0
  113. package/dist/runtime/themes/default/index.d.ts +4 -0
  114. package/dist/runtime/themes/default/index.js +18 -0
  115. package/dist/runtime/themes/default/index.js.map +1 -0
  116. package/dist/runtime/themes/default/theme.css +577 -0
  117. package/dist/runtime/themes/default.css +10 -0
  118. package/dist/runtime/themes/sunset/index.d.ts +4 -0
  119. package/dist/runtime/themes/sunset/index.js +13 -0
  120. package/dist/runtime/themes/sunset/index.js.map +1 -0
  121. package/dist/runtime/themes/sunset/theme.css +12 -0
  122. package/dist/runtime/themes/sunset.css +10 -0
  123. package/dist/runtime/themes/supabase/SupabaseDeck.d.ts +2 -0
  124. package/dist/runtime/themes/supabase/SupabaseDeck.js +23 -0
  125. package/dist/runtime/themes/supabase/SupabaseDeck.js.map +1 -0
  126. package/dist/runtime/themes/supabase/components.d.ts +65 -0
  127. package/dist/runtime/themes/supabase/components.js +80 -0
  128. package/dist/runtime/themes/supabase/components.js.map +1 -0
  129. package/dist/runtime/themes/supabase/index.d.ts +4 -0
  130. package/dist/runtime/themes/supabase/index.js +17 -0
  131. package/dist/runtime/themes/supabase/index.js.map +1 -0
  132. package/dist/runtime/themes/supabase/theme.css +523 -0
  133. package/dist/runtime/utils/use-current-slide.d.ts +3 -0
  134. package/dist/runtime/utils/use-current-slide.js +20 -0
  135. package/dist/runtime/utils/use-current-slide.js.map +1 -0
  136. package/dist/runtime/vite-config.d.ts +10 -0
  137. package/dist/runtime/vite-config.js +218 -0
  138. package/dist/runtime/vite-config.js.map +1 -0
  139. package/package.json +60 -0
@@ -0,0 +1,63 @@
1
+ import { existsSync, statSync } from 'node:fs';
2
+ import { fileURLToPath } from 'node:url';
3
+ import path from 'node:path';
4
+ const MODULE_EXTENSIONS = ['.tsx', '.ts', '.jsx', '.js'];
5
+ const BUILTIN_THEME_STEMS = {
6
+ default: './themes/default/index',
7
+ sunset: './themes/sunset/index'
8
+ };
9
+ export function resolveRuntimeModulePath(baseUrl, stem) {
10
+ for (const extension of MODULE_EXTENSIONS) {
11
+ const candidate = fileURLToPath(new URL(`${stem}${extension}`, baseUrl));
12
+ if (existsSync(candidate)) {
13
+ return candidate;
14
+ }
15
+ }
16
+ return fileURLToPath(new URL(`${stem}.js`, baseUrl));
17
+ }
18
+ function resolveFileCandidate(stem) {
19
+ if (existsSync(stem) && statSync(stem).isFile()) {
20
+ return stem;
21
+ }
22
+ for (const extension of MODULE_EXTENSIONS) {
23
+ const candidate = `${stem}${extension}`;
24
+ if (existsSync(candidate) && statSync(candidate).isFile()) {
25
+ return candidate;
26
+ }
27
+ }
28
+ return null;
29
+ }
30
+ function resolveDirectoryIndex(directoryPath) {
31
+ for (const extension of MODULE_EXTENSIONS) {
32
+ const candidate = path.join(directoryPath, `index${extension}`);
33
+ if (existsSync(candidate) && statSync(candidate).isFile()) {
34
+ return candidate;
35
+ }
36
+ }
37
+ throw new Error(`Theme directory "${directoryPath}" is missing an index theme module.`);
38
+ }
39
+ export function resolveThemeModulePath(deckPath, themeName, baseUrl = import.meta.url) {
40
+ if (!themeName || BUILTIN_THEME_STEMS[themeName]) {
41
+ return resolveRuntimeModulePath(baseUrl, BUILTIN_THEME_STEMS[themeName || 'default']);
42
+ }
43
+ const candidate = path.resolve(path.dirname(deckPath), themeName);
44
+ if (path.extname(candidate)) {
45
+ if (!existsSync(candidate)) {
46
+ throw new Error(`Theme file "${themeName}" does not exist.`);
47
+ }
48
+ return candidate;
49
+ }
50
+ const fileCandidate = resolveFileCandidate(candidate);
51
+ if (fileCandidate) {
52
+ return fileCandidate;
53
+ }
54
+ if (existsSync(candidate) && statSync(candidate).isDirectory()) {
55
+ return resolveDirectoryIndex(candidate);
56
+ }
57
+ const indexFile = resolveFileCandidate(path.join(candidate, 'index'));
58
+ if (indexFile) {
59
+ return indexFile;
60
+ }
61
+ throw new Error(`Unable to resolve theme "${themeName}". Use a built-in id, a theme directory, or a .tsx theme file.`);
62
+ }
63
+ //# sourceMappingURL=theme-resolution.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"theme-resolution.js","sourceRoot":"","sources":["../../src/runtime/theme-resolution.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,48 @@
1
+ import type React from 'react';
2
+ import type { DeckConfig, DeckModule } from '../content/parse-deck.js';
3
+ export type MdxComponentMap = Record<string, React.ComponentType<any>>;
4
+ export interface SlideFrameProps {
5
+ children: React.ReactNode;
6
+ config: DeckConfig;
7
+ index: number;
8
+ total: number;
9
+ printMode?: boolean;
10
+ }
11
+ export interface DeckSlideRenderProps {
12
+ slide: DeckModule['slides'][number];
13
+ config: DeckConfig;
14
+ total: number;
15
+ index: number;
16
+ printMode?: boolean;
17
+ components: MdxComponentMap;
18
+ }
19
+ export interface ThemeHelpers {
20
+ clamp: (value: number, min: number, max: number) => number;
21
+ getHashIndex: (total: number) => number;
22
+ parseAspectRatio: (input: string | undefined) => string;
23
+ }
24
+ export interface ThemeDeckProps {
25
+ deck: DeckModule;
26
+ config: DeckConfig;
27
+ slides: DeckModule['slides'];
28
+ currentIndex: number;
29
+ setCurrentIndex: React.Dispatch<React.SetStateAction<number>>;
30
+ printMode: boolean;
31
+ components: MdxComponentMap;
32
+ helpers: ThemeHelpers;
33
+ }
34
+ export interface ThemeSetupContext {
35
+ deck: DeckModule;
36
+ config: DeckConfig;
37
+ slides: DeckModule['slides'];
38
+ currentIndex: number;
39
+ printMode: boolean;
40
+ components: MdxComponentMap;
41
+ helpers: ThemeHelpers;
42
+ rootElement: HTMLElement;
43
+ }
44
+ export interface ThemeModule {
45
+ Deck?: React.ComponentType<ThemeDeckProps>;
46
+ components?: MdxComponentMap;
47
+ setup?: (context: ThemeSetupContext) => void | (() => void);
48
+ }
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=theme-types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"theme-types.js","sourceRoot":"","sources":["../../src/runtime/theme-types.ts"],"names":[],"mappings":""}
@@ -0,0 +1,2 @@
1
+ import type { ThemeDeckProps } from '../../theme-types.js';
2
+ export declare function DefaultDeck({ config, slides, currentIndex, setCurrentIndex, printMode, components, helpers }: ThemeDeckProps): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,11 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { DeckSlide } from '../../layout/DeckSlide.js';
3
+ import { DeckChrome } from '../../primitives/DeckChrome.js';
4
+ import { DeckNavigation } from '../../primitives/DeckNavigation.js';
5
+ export function DefaultDeck({ config, slides, currentIndex, setCurrentIndex, printMode, components, helpers }) {
6
+ if (printMode) {
7
+ return (_jsx("main", { className: "print-deck", children: slides.map((slide, slideIndex) => (_jsx(DeckSlide, { slide: slide, config: config, total: slides.length, index: slideIndex, printMode: true, components: components }, slideIndex))) }));
8
+ }
9
+ return (_jsxs("main", { className: "app-shell", children: [_jsx(DeckChrome, { title: config.title, currentIndex: currentIndex, total: slides.length }), _jsx("div", { className: "deck-stage", children: _jsx(DeckSlide, { slide: slides[currentIndex], config: config, total: slides.length, index: currentIndex, components: components }) }), _jsx(DeckNavigation, { onPrevious: () => setCurrentIndex((value) => helpers.clamp(value - 1, 0, slides.length - 1)), onNext: () => setCurrentIndex((value) => helpers.clamp(value + 1, 0, slides.length - 1)) })] }));
10
+ }
11
+ //# sourceMappingURL=DefaultDeck.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DefaultDeck.js","sourceRoot":"","sources":["../../../../src/runtime/themes/base/DefaultDeck.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AAGpE,MAAM,UAAU,WAAW,CAAC,EAC1B,MAAM,EACN,MAAM,EACN,YAAY,EACZ,eAAe,EACf,SAAS,EACT,UAAU,EACV,OAAO,EACQ;IACf,IAAI,SAAS,EAAE,CAAC;QACd,OAAO,CACL,eAAM,SAAS,EAAC,YAAY,YACzB,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,UAAU,EAAE,EAAE,CAAC,CACjC,KAAC,SAAS,IAER,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,MAAM,CAAC,MAAM,EACpB,KAAK,EAAE,UAAU,EACjB,SAAS,QACT,UAAU,EAAE,UAAU,IANjB,UAAU,CAOf,CACH,CAAC,GACG,CACR,CAAC;IACJ,CAAC;IAED,OAAO,CACL,gBAAM,SAAS,EAAC,WAAW,aACzB,KAAC,UAAU,IAAC,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,CAAC,MAAM,GAAI,EAErF,cAAK,SAAS,EAAC,YAAY,YACzB,KAAC,SAAS,IACR,KAAK,EAAE,MAAM,CAAC,YAAY,CAAC,EAC3B,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,MAAM,CAAC,MAAM,EACpB,KAAK,EAAE,YAAY,EACnB,UAAU,EAAE,UAAU,GACtB,GACE,EAEN,KAAC,cAAc,IACb,UAAU,EAAE,GAAG,EAAE,CACf,eAAe,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC,EAAE,CAAC,EAAE,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,EAE5E,MAAM,EAAE,GAAG,EAAE,CACX,eAAe,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC,EAAE,CAAC,EAAE,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,GAE5E,IACG,CACR,CAAC;AACJ,CAAC"}
@@ -0,0 +1,245 @@
1
+ @import "tailwindcss";
2
+
3
+ :root {
4
+ --color-background: #f3f0ea;
5
+ --color-foreground: #1f1b16;
6
+ --color-muted: #6b6257;
7
+ --color-accent: #b85c38;
8
+ --color-border: rgba(31, 27, 22, 0.12);
9
+ --color-code-bg: rgba(31, 27, 22, 0.06);
10
+ --radius-lg: 1.5rem;
11
+ --radius-xl: 2.25rem;
12
+ --font-sans: "Instrument Sans", "Inter", sans-serif;
13
+ --font-display: "Fraunces", "Georgia", serif;
14
+ --slide-aspect-ratio: 16 / 9;
15
+ }
16
+
17
+ * {
18
+ box-sizing: border-box;
19
+ }
20
+
21
+ html,
22
+ body,
23
+ #root {
24
+ min-height: 100%;
25
+ margin: 0;
26
+ }
27
+
28
+ body {
29
+ min-height: 100vh;
30
+ font-family: var(--font-sans);
31
+ color: var(--color-foreground);
32
+ background:
33
+ radial-gradient(circle at top left, color-mix(in srgb, var(--color-accent) 16%, transparent), transparent 28%),
34
+ linear-gradient(145deg, color-mix(in srgb, var(--color-background) 92%, white), var(--color-background));
35
+ }
36
+
37
+ button {
38
+ font: inherit;
39
+ }
40
+
41
+ .app-shell {
42
+ display: grid;
43
+ min-height: 100vh;
44
+ grid-template-rows: auto 1fr auto;
45
+ gap: 1.5rem;
46
+ padding: 1.5rem;
47
+ }
48
+
49
+ .deck-chrome {
50
+ display: grid;
51
+ gap: 0.75rem;
52
+ }
53
+
54
+ .deck-title {
55
+ font-family: var(--font-display);
56
+ font-size: 1rem;
57
+ font-weight: 700;
58
+ letter-spacing: 0.18em;
59
+ text-transform: uppercase;
60
+ color: var(--color-muted);
61
+ }
62
+
63
+ .deck-progress {
64
+ overflow: hidden;
65
+ height: 0.4rem;
66
+ border-radius: 999px;
67
+ background: color-mix(in srgb, var(--color-foreground) 10%, transparent);
68
+ }
69
+
70
+ .deck-progress-bar {
71
+ height: 100%;
72
+ border-radius: inherit;
73
+ background: linear-gradient(90deg, var(--color-accent), color-mix(in srgb, var(--color-accent) 55%, white));
74
+ transition: width 240ms ease;
75
+ }
76
+
77
+ .deck-stage {
78
+ display: grid;
79
+ place-items: center;
80
+ }
81
+
82
+ .slide-frame {
83
+ width: min(100%, 1440px);
84
+ aspect-ratio: var(--slide-aspect-ratio);
85
+ transition: transform 220ms ease, opacity 220ms ease;
86
+ }
87
+
88
+ .slide-surface {
89
+ display: grid;
90
+ grid-template-rows: 1fr auto;
91
+ height: 100%;
92
+ overflow: hidden;
93
+ border: 1px solid var(--color-border);
94
+ border-radius: var(--radius-xl);
95
+ background:
96
+ linear-gradient(180deg, color-mix(in srgb, var(--color-background) 96%, white), color-mix(in srgb, var(--color-background) 86%, transparent)),
97
+ radial-gradient(circle at top right, color-mix(in srgb, var(--color-accent) 10%, transparent), transparent 32%);
98
+ box-shadow:
99
+ 0 30px 80px rgba(15, 23, 42, 0.16),
100
+ inset 0 1px 0 rgba(255, 255, 255, 0.45);
101
+ }
102
+
103
+ .slide-content {
104
+ display: flex;
105
+ flex-direction: column;
106
+ justify-content: center;
107
+ gap: 1.5rem;
108
+ padding: clamp(1.5rem, 4vw, 4rem);
109
+ }
110
+
111
+ .slide-content > :first-child {
112
+ margin-top: 0;
113
+ }
114
+
115
+ .slide-content > :last-child {
116
+ margin-bottom: 0;
117
+ }
118
+
119
+ .deck-table-wrap {
120
+ width: 100%;
121
+ overflow-x: auto;
122
+ border: 1px solid var(--color-border);
123
+ border-radius: var(--radius-lg);
124
+ background: color-mix(in srgb, var(--color-background) 92%, white);
125
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.35);
126
+ }
127
+
128
+ .deck-table {
129
+ width: 100%;
130
+ min-width: 32rem;
131
+ border-collapse: collapse;
132
+ font-size: clamp(0.95rem, 1.2vw, 1.35rem);
133
+ line-height: 1.45;
134
+ }
135
+
136
+ .deck-thead {
137
+ background: color-mix(in srgb, var(--color-accent) 8%, transparent);
138
+ }
139
+
140
+ .deck-tr + .deck-tr {
141
+ border-top: 1px solid var(--color-border);
142
+ }
143
+
144
+ .deck-th,
145
+ .deck-td {
146
+ padding: 0.9rem 1rem;
147
+ text-align: left;
148
+ vertical-align: top;
149
+ }
150
+
151
+ .deck-th {
152
+ font-size: 0.8em;
153
+ font-weight: 700;
154
+ letter-spacing: 0.08em;
155
+ text-transform: uppercase;
156
+ color: var(--color-muted);
157
+ }
158
+
159
+ .slide-footer {
160
+ display: flex;
161
+ justify-content: flex-end;
162
+ padding: 1.25rem 1.5rem;
163
+ color: var(--color-muted);
164
+ font-size: 0.95rem;
165
+ letter-spacing: 0.12em;
166
+ text-transform: uppercase;
167
+ }
168
+
169
+ .deck-nav {
170
+ display: flex;
171
+ justify-content: flex-end;
172
+ gap: 0.75rem;
173
+ }
174
+
175
+ .deck-button {
176
+ border: 1px solid var(--color-border);
177
+ border-radius: 999px;
178
+ background: color-mix(in srgb, var(--color-background) 88%, white);
179
+ padding: 0.8rem 1.1rem;
180
+ color: var(--color-foreground);
181
+ transition: transform 160ms ease, background 160ms ease;
182
+ }
183
+
184
+ .deck-button:hover {
185
+ transform: translateY(-1px);
186
+ background: color-mix(in srgb, var(--color-background) 80%, white);
187
+ }
188
+
189
+ .print-deck {
190
+ display: grid;
191
+ gap: 0;
192
+ }
193
+
194
+ .slide-frame-print {
195
+ width: 100vw;
196
+ min-height: 100vh;
197
+ page-break-after: always;
198
+ break-after: page;
199
+ padding: 0;
200
+ }
201
+
202
+ .slide-frame-print .slide-surface {
203
+ border-radius: 0;
204
+ box-shadow: none;
205
+ min-height: 100vh;
206
+ }
207
+
208
+ @media (max-width: 900px) {
209
+ .app-shell {
210
+ padding: 1rem;
211
+ }
212
+
213
+ .slide-frame {
214
+ width: 100%;
215
+ }
216
+
217
+ .slide-content {
218
+ padding: 1.25rem;
219
+ }
220
+
221
+ .deck-table {
222
+ min-width: 26rem;
223
+ }
224
+ }
225
+
226
+ @media print {
227
+ @page {
228
+ size: landscape;
229
+ margin: 0;
230
+ }
231
+
232
+ body {
233
+ background: white;
234
+ }
235
+
236
+ .slide-frame-print {
237
+ width: 100%;
238
+ height: 100vh;
239
+ min-height: 100vh;
240
+ }
241
+
242
+ .slide-frame-print .slide-surface {
243
+ border: none;
244
+ }
245
+ }
@@ -0,0 +1,2 @@
1
+ import type { ThemeDeckProps } from '../../theme-types.js';
2
+ export declare function DefaultDeck({ config, slides, currentIndex, setCurrentIndex, printMode, components, helpers }: ThemeDeckProps): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,11 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { DeckSlide } from '../../layout/DeckSlide.js';
3
+ import { DeckChrome } from '../../primitives/DeckChrome.js';
4
+ import { DeckNavigation } from '../../primitives/DeckNavigation.js';
5
+ export function DefaultDeck({ config, slides, currentIndex, setCurrentIndex, printMode, components, helpers }) {
6
+ if (printMode) {
7
+ return (_jsx("main", { className: "print-deck", children: slides.map((slide, slideIndex) => (_jsx(DeckSlide, { slide: slide, config: config, total: slides.length, index: slideIndex, printMode: true, components: components }, slideIndex))) }));
8
+ }
9
+ return (_jsxs("main", { className: "app-shell", children: [_jsx(DeckChrome, { title: config.title, currentIndex: currentIndex, total: slides.length }), _jsx("div", { className: "deck-stage", children: _jsx(DeckSlide, { slide: slides[currentIndex], config: config, total: slides.length, index: currentIndex, components: components }) }), _jsx(DeckNavigation, { onPrevious: () => setCurrentIndex((value) => helpers.clamp(value - 1, 0, slides.length - 1)), onNext: () => setCurrentIndex((value) => helpers.clamp(value + 1, 0, slides.length - 1)) })] }));
10
+ }
11
+ //# sourceMappingURL=DefaultDeck.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DefaultDeck.js","sourceRoot":"","sources":["../../../../src/runtime/themes/default/DefaultDeck.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AAGpE,MAAM,UAAU,WAAW,CAAC,EAC1B,MAAM,EACN,MAAM,EACN,YAAY,EACZ,eAAe,EACf,SAAS,EACT,UAAU,EACV,OAAO,EACQ;IACf,IAAI,SAAS,EAAE,CAAC;QACd,OAAO,CACL,eAAM,SAAS,EAAC,YAAY,YACzB,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,UAAU,EAAE,EAAE,CAAC,CACjC,KAAC,SAAS,IAER,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,MAAM,CAAC,MAAM,EACpB,KAAK,EAAE,UAAU,EACjB,SAAS,QACT,UAAU,EAAE,UAAU,IANjB,UAAU,CAOf,CACH,CAAC,GACG,CACR,CAAC;IACJ,CAAC;IAED,OAAO,CACL,gBAAM,SAAS,EAAC,WAAW,aACzB,KAAC,UAAU,IAAC,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,CAAC,MAAM,GAAI,EAErF,cAAK,SAAS,EAAC,YAAY,YACzB,KAAC,SAAS,IACR,KAAK,EAAE,MAAM,CAAC,YAAY,CAAC,EAC3B,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,MAAM,CAAC,MAAM,EACpB,KAAK,EAAE,YAAY,EACnB,UAAU,EAAE,UAAU,GACtB,GACE,EAEN,KAAC,cAAc,IACb,UAAU,EAAE,GAAG,EAAE,CACf,eAAe,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC,EAAE,CAAC,EAAE,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,EAE5E,MAAM,EAAE,GAAG,EAAE,CACX,eAAe,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC,EAAE,CAAC,EAAE,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,GAE5E,IACG,CACR,CAAC;AACJ,CAAC"}
@@ -0,0 +1,2 @@
1
+ import type { ThemeDeckProps } from "../../theme-types.js";
2
+ export declare function DefaultThemeDeck({ deck, config, slides, currentIndex, setCurrentIndex, printMode, components, helpers, }: ThemeDeckProps): import("react/jsx-runtime").JSX.Element | null;
@@ -0,0 +1,23 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { SupabaseMark } from "./components.js";
3
+ function isSectionActive(section, currentIndex) {
4
+ return currentIndex >= section.start && currentIndex <= section.end;
5
+ }
6
+ function Footer({ currentIndex, total, sections, showSlideNumbers, onJumpToSlide, }) {
7
+ return (_jsxs("footer", { className: "supabase-footer", children: [_jsx(SupabaseMark, {}), _jsx("div", { className: "supabase-breadcrumb", "aria-label": "Slide sections", children: sections?.map((section) => (_jsx("button", { className: `supabase-breadcrumb-item ${isSectionActive(section, currentIndex) ? "active" : ""}`, type: "button", "aria-current": isSectionActive(section, currentIndex) ? "step" : undefined, onClick: () => onJumpToSlide(section.start), children: section.label }, `${section.label}-${section.start}-${section.end}`))) }), showSlideNumbers ? (_jsxs("div", { className: "supabase-counter", children: [currentIndex + 1, " / ", total] })) : null] }));
8
+ }
9
+ function SlideShell({ slide, components, transition, printMode, }) {
10
+ const Slide = slide.Component;
11
+ return (_jsx("section", { className: `supabase-slide ${printMode ? "supabase-slide-print" : ""}`, "data-transition": transition, children: _jsx("div", { className: "supabase-slide-inner", children: _jsx(Slide, { components: components }) }) }));
12
+ }
13
+ export function DefaultThemeDeck({ deck, config, slides, currentIndex, setCurrentIndex, printMode, components, helpers, }) {
14
+ if (printMode) {
15
+ return (_jsx("main", { className: "supabase-print-deck", "data-title": deck.config.title, children: slides.map((slide) => (_jsx(SlideShell, { slide: slide, components: components, transition: config.transition ?? "fade", printMode: true }, slide.index))) }));
16
+ }
17
+ const activeSlide = slides[currentIndex];
18
+ if (!activeSlide) {
19
+ return null;
20
+ }
21
+ return (_jsxs("main", { className: "supabase-deck-shell", "data-title": deck.config.title, children: [_jsx("div", { className: "supabase-stage", children: _jsx(SlideShell, { slide: activeSlide, components: components, transition: config.transition ?? "fade", printMode: false }, activeSlide.index) }), _jsx(Footer, { currentIndex: currentIndex, total: slides.length, sections: config.sections, showSlideNumbers: config.showSlideNumbers, onJumpToSlide: (nextIndex) => setCurrentIndex(helpers.clamp(nextIndex, 0, slides.length - 1)) })] }));
22
+ }
23
+ //# sourceMappingURL=DefaultThemeDeck.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DefaultThemeDeck.js","sourceRoot":"","sources":["../../../../src/runtime/themes/default/DefaultThemeDeck.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,65 @@
1
+ import type React from 'react';
2
+ import type { MdxComponentMap } from '../../theme-types.js';
3
+ export interface SupabaseMarkProps extends React.ComponentProps<'svg'> {
4
+ size?: 'footer' | 'hero';
5
+ }
6
+ export declare function SupabaseMark({ size, className, ...props }: SupabaseMarkProps): import("react/jsx-runtime").JSX.Element;
7
+ export interface SectionSlideProps {
8
+ children: React.ReactNode;
9
+ className?: string;
10
+ }
11
+ export declare function SectionSlide({ children, className }: SectionSlideProps): import("react/jsx-runtime").JSX.Element;
12
+ export interface DividerProps {
13
+ centered?: boolean;
14
+ className?: string;
15
+ }
16
+ export declare function Divider({ centered, className }: DividerProps): import("react/jsx-runtime").JSX.Element;
17
+ export interface TagProps {
18
+ children: React.ReactNode;
19
+ tone?: 'default' | 'red' | 'yellow';
20
+ className?: string;
21
+ }
22
+ export declare function Tag({ children, tone, className }: TagProps): import("react/jsx-runtime").JSX.Element;
23
+ export interface WideProps {
24
+ children: React.ReactNode;
25
+ className?: string;
26
+ }
27
+ export declare function Wide({ children, className }: WideProps): import("react/jsx-runtime").JSX.Element;
28
+ export interface CardGridProps {
29
+ children: React.ReactNode;
30
+ columns?: number;
31
+ className?: string;
32
+ }
33
+ export declare function CardGrid({ children, columns, className }: CardGridProps): import("react/jsx-runtime").JSX.Element;
34
+ export interface CardProps {
35
+ title: React.ReactNode;
36
+ children: React.ReactNode;
37
+ tone?: 'default' | 'red' | 'yellow';
38
+ className?: string;
39
+ }
40
+ export declare function Card({ title, children, tone, className }: CardProps): import("react/jsx-runtime").JSX.Element;
41
+ export interface StatGridProps {
42
+ children: React.ReactNode;
43
+ columns?: number;
44
+ className?: string;
45
+ }
46
+ export declare function StatGrid({ children, columns, className }: StatGridProps): import("react/jsx-runtime").JSX.Element;
47
+ export interface StatProps {
48
+ value: React.ReactNode;
49
+ label: React.ReactNode;
50
+ className?: string;
51
+ }
52
+ export declare function Stat({ value, label, className }: StatProps): import("react/jsx-runtime").JSX.Element;
53
+ export interface StatusListProps {
54
+ children: React.ReactNode;
55
+ className?: string;
56
+ }
57
+ export declare function StatusList({ children, className }: StatusListProps): import("react/jsx-runtime").JSX.Element;
58
+ export interface StatusItemProps {
59
+ status: 'live' | 'partial' | 'planned' | 'unknown';
60
+ name: React.ReactNode;
61
+ note?: React.ReactNode;
62
+ className?: string;
63
+ }
64
+ export declare function StatusItem({ status, name, note, className }: StatusItemProps): import("react/jsx-runtime").JSX.Element;
65
+ export declare function createSupabaseComponents(): MdxComponentMap;
@@ -0,0 +1,80 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { useId } from 'react';
3
+ function cx(...values) {
4
+ return values.filter(Boolean).join(' ');
5
+ }
6
+ export function SupabaseMark({ size = 'footer', className, ...props }) {
7
+ const id = useId();
8
+ const primaryGradientId = `${id}-primary`;
9
+ const shadowGradientId = `${id}-shadow`;
10
+ const dimensions = size === 'hero'
11
+ ? { width: 48, height: 50 }
12
+ : { width: 22, height: 22 };
13
+ return (_jsxs("svg", { viewBox: "0 0 109 113", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", className: cx('supabase-mark', className), ...dimensions, ...props, children: [_jsx("path", { d: "M63.7076 110.284C60.8481 113.885 55.0502 111.912 54.9813 107.314L53.9738 40.0627L99.1935 40.0627C107.384 40.0627 111.952 49.5228 106.859 55.9372L63.7076 110.284Z", fill: `url(#${primaryGradientId})` }), _jsx("path", { d: "M63.7076 110.284C60.8481 113.885 55.0502 111.912 54.9813 107.314L53.9738 40.0627L99.1935 40.0627C107.384 40.0627 111.952 49.5228 106.859 55.9372L63.7076 110.284Z", fill: `url(#${shadowGradientId})`, fillOpacity: "0.2" }), _jsx("path", { d: "M45.317 2.07103C48.1765 -1.53037 53.9745 0.442937 54.0434 5.041L54.4849 72.2922H9.83113C1.64038 72.2922 -2.92775 62.8321 2.1655 56.4177L45.317 2.07103Z", fill: "#3ECF8E" }), _jsxs("defs", { children: [_jsxs("linearGradient", { id: primaryGradientId, x1: "53.9738", y1: "54.974", x2: "94.1635", y2: "71.8295", gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { stopColor: "#249361" }), _jsx("stop", { offset: "1", stopColor: "#3ECF8E" })] }), _jsxs("linearGradient", { id: shadowGradientId, x1: "36.1558", y1: "30.578", x2: "54.4844", y2: "65.0806", gradientUnits: "userSpaceOnUse", children: [_jsx("stop", {}), _jsx("stop", { offset: "1", stopOpacity: "0" })] })] })] }));
14
+ }
15
+ export function SectionSlide({ children, className }) {
16
+ return _jsx("div", { className: cx('supabase-section-slide', className), children: children });
17
+ }
18
+ export function Divider({ centered = false, className }) {
19
+ return _jsx("div", { className: cx('divider', centered && 'center-divider', className), "aria-hidden": "true" });
20
+ }
21
+ export function Tag({ children, tone = 'default', className }) {
22
+ return _jsx("span", { className: cx('tag', tone !== 'default' && tone, className), children: children });
23
+ }
24
+ export function Wide({ children, className }) {
25
+ return _jsx("div", { className: cx('supabase-wide', className), children: children });
26
+ }
27
+ export function CardGrid({ children, columns = 3, className }) {
28
+ return (_jsx("div", { className: cx('row', className), style: { '--supabase-columns': String(columns) }, children: children }));
29
+ }
30
+ export function Card({ title, children, tone = 'default', className }) {
31
+ return (_jsxs("div", { className: cx('card', className), children: [_jsx("h3", { className: cx(tone !== 'default' && `tone-${tone}`), children: title }), _jsx("div", { children: children })] }));
32
+ }
33
+ export function StatGrid({ children, columns = 2, className }) {
34
+ return (_jsx("div", { className: cx('stat-grid', className), style: { '--supabase-columns': String(columns) }, children: children }));
35
+ }
36
+ export function Stat({ value, label, className }) {
37
+ return (_jsxs("div", { className: cx('stat', className), children: [_jsx("div", { className: "stat-value", children: value }), _jsx("div", { className: "stat-label", children: label })] }));
38
+ }
39
+ export function StatusList({ children, className }) {
40
+ return _jsx("div", { className: cx('status-list', className), children: children });
41
+ }
42
+ const STATUS_LABELS = {
43
+ live: 'live',
44
+ partial: 'partial',
45
+ planned: 'planned',
46
+ unknown: '?'
47
+ };
48
+ export function StatusItem({ status, name, note, className }) {
49
+ return (_jsxs("div", { className: cx('status-item', className), children: [_jsx("span", { className: cx('status-badge', status), children: STATUS_LABELS[status] }), _jsx("span", { className: "status-name", children: name }), note ? _jsx("span", { className: "status-note", children: note }) : null] }));
50
+ }
51
+ export function createSupabaseComponents() {
52
+ return {
53
+ h1: (props) => _jsx("h1", { ...props }),
54
+ h2: (props) => _jsx("h2", { ...props }),
55
+ h3: (props) => _jsx("h3", { ...props }),
56
+ p: (props) => _jsx("p", { ...props }),
57
+ a: ({ className, ...props }) => (_jsx("a", { className: cx('supabase-link', className), ...props })),
58
+ ul: ({ className, ...props }) => (_jsx("ul", { className: cx('supabase-list', className), ...props })),
59
+ ol: ({ className, ...props }) => (_jsx("ol", { className: cx('supabase-list', 'supabase-list-ordered', className), ...props })),
60
+ li: (props) => _jsx("li", { ...props }),
61
+ code: ({ className, ...props }) => (_jsx("code", { className: cx('supabase-inline-code', className), ...props })),
62
+ pre: ({ className, ...props }) => (_jsx("pre", { className: cx('supabase-pre', className), ...props })),
63
+ table: ({ className, ...props }) => (_jsx("table", { className: cx('supabase-table', className), ...props })),
64
+ th: ({ className, ...props }) => (_jsx("th", { className: cx('supabase-th', className), ...props })),
65
+ td: ({ className, ...props }) => (_jsx("td", { className: cx('supabase-td', className), ...props })),
66
+ blockquote: ({ className, ...props }) => (_jsx("blockquote", { className: cx('supabase-quote', className), ...props })),
67
+ SectionSlide,
68
+ SupabaseMark,
69
+ Divider,
70
+ Tag,
71
+ Wide,
72
+ CardGrid,
73
+ Card,
74
+ StatGrid,
75
+ Stat,
76
+ StatusList,
77
+ StatusItem
78
+ };
79
+ }
80
+ //# sourceMappingURL=components.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"components.js","sourceRoot":"","sources":["../../../../src/runtime/themes/default/components.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,4 @@
1
+ import type { ThemeModule } from '../../theme-types.js';
2
+ import './theme.css';
3
+ declare const defaultTheme: ThemeModule;
4
+ export default defaultTheme;
@@ -0,0 +1,18 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { createSupabaseComponents, Divider } from './components.js';
3
+ import { DefaultThemeDeck } from './DefaultThemeDeck.js';
4
+ import './theme.css';
5
+ const defaultTheme = {
6
+ Deck: DefaultThemeDeck,
7
+ components: { ...createSupabaseComponents(), hr: () => _jsx(Divider, {}) },
8
+ setup({ config, rootElement, helpers }) {
9
+ rootElement.style.setProperty('--slide-aspect-ratio', helpers.parseAspectRatio(config.aspectRatio));
10
+ rootElement.dataset.transition = config.transition ?? 'fade';
11
+ rootElement.dataset.theme = 'default';
12
+ return () => {
13
+ delete rootElement.dataset.theme;
14
+ };
15
+ }
16
+ };
17
+ export default defaultTheme;
18
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/runtime/themes/default/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,wBAAwB,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,aAAa,CAAC;AAErB,MAAM,YAAY,GAAgB;IAChC,IAAI,EAAE,gBAAgB;IACtB,UAAU,EAAE,EAAE,GAAG,wBAAwB,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,CAAC,KAAC,OAAO,KAAG,EAAE;IACpE,KAAK,CAAC,EAAE,MAAM,EAAE,WAAW,EAAE,OAAO,EAAE;QACpC,WAAW,CAAC,KAAK,CAAC,WAAW,CAC3B,sBAAsB,EACtB,OAAO,CAAC,gBAAgB,CAAC,MAAM,CAAC,WAAW,CAAC,CAC7C,CAAC;QACF,WAAW,CAAC,OAAO,CAAC,UAAU,GAAG,MAAM,CAAC,UAAU,IAAI,MAAM,CAAC;QAE7D,WAAW,CAAC,OAAO,CAAC,KAAK,GAAG,SAAS,CAAC;QAEtC,OAAO,GAAG,EAAE;YACV,OAAO,WAAW,CAAC,OAAO,CAAC,KAAK,CAAC;QACnC,CAAC,CAAC;IACJ,CAAC;CACF,CAAC;AAEF,eAAe,YAAY,CAAC"}