@vikejs/license-components 0.0.8 → 0.0.10
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.
package/dist/FreeTrialForm.js
CHANGED
|
@@ -44,7 +44,7 @@ function FreeTrialForm({ className, labelClassName, inputClassName, buttonClassN
|
|
|
44
44
|
setResult({ kind: 'error', message: "Couldn't reach the server. Check your connection and try again." });
|
|
45
45
|
}
|
|
46
46
|
}
|
|
47
|
-
return (_jsxs("div", { style: baseStyle, className: className, children: [_jsxs("form", { onSubmit: submit, style: { display: 'grid', gap: '0.75em' }, children: [_jsxs("label", { children: [_jsx("div", { className: labelClassName, children: "Domains (comma or space-separated)" }), _jsx("input", { type: "text", value: domainsInput, onChange: (e) => setDomainsInput(e.target.value), placeholder: "example.com, app.example.com", className: inputClassName })] }), _jsx("button", { type: "submit", disabled: result.kind === 'loading', className: buttonClassName, children: result.kind === 'loading' ? 'Submitting…' : '
|
|
47
|
+
return (_jsxs("div", { style: baseStyle, className: className, children: [_jsxs("form", { onSubmit: submit, style: { display: 'grid', gap: '0.75em' }, children: [_jsxs("label", { children: [_jsx("div", { className: labelClassName, children: "Domains (comma or space-separated)" }), _jsx("input", { type: "text", value: domainsInput, onChange: (e) => setDomainsInput(e.target.value), placeholder: "example.com, app.example.com", className: inputClassName })] }), _jsx("button", { type: "submit", disabled: result.kind === 'loading', className: buttonClassName, children: result.kind === 'loading' ? 'Submitting…' : 'Get license key' })] }), _jsx(ResultView, { result: result })] }));
|
|
48
48
|
}
|
|
49
49
|
function ResultView({ result }) {
|
|
50
50
|
if (result.kind === 'idle' || result.kind === 'loading')
|
|
@@ -64,7 +64,7 @@ function Summary({ domain, value }) {
|
|
|
64
64
|
return (_jsxs("dl", { style: dlStyle, children: [_jsx("dt", { children: "Domain" }), _jsx("dd", { children: domain }), _jsx("dt", { children: "Expires" }), _jsx("dd", { children: expires === null ? 'never' : formatDate(expires) })] }));
|
|
65
65
|
}
|
|
66
66
|
function UnavailableList({ items }) {
|
|
67
|
-
return (_jsxs("section", { style: warnBoxStyle, children: [_jsx("strong", { children: "We can't cover these domains" }), _jsxs("p", { style: { margin: '4px 0 8px'
|
|
67
|
+
return (_jsxs("section", { style: warnBoxStyle, children: [_jsx("strong", { children: "We can't cover these domains" }), _jsxs("p", { style: { margin: '4px 0 8px' }, children: ["Don't add these to your ", _jsx("code", { children: "+config.js" }), " \u2014 they won't verify. To get a working key,", ' ', _jsx("a", { href: "https://vike.dev/pricing", children: "purchase a license" }), " or", ' ', _jsx("a", { href: "https://vike.dev/free", children: "request a maintainer grant" }), "."] }), _jsx("ul", { style: { margin: '6px 0 0', paddingLeft: 20 }, children: items.map((u) => (_jsx("li", { children: describeUnavailable(u) }, u.domain))) })] }));
|
|
68
68
|
}
|
|
69
69
|
// Map a non-200 response to a user-facing line — never echo raw HTTP status / jargon (the
|
|
70
70
|
// previous `HTTP <status>: <body>` leaked both). The server's 400 body is already a human
|
|
@@ -105,7 +105,7 @@ const successBoxStyle = { ...boxStyle, background: '#e7f7e0', color: '#256029' }
|
|
|
105
105
|
const warnBoxStyle = { ...boxStyle, background: '#fff3cd', color: '#7a5b00' };
|
|
106
106
|
const errorBoxStyle = { ...boxStyle, background: '#fde2e1', color: '#9d2222' };
|
|
107
107
|
// Caption introducing the snippet — matches the dashboard's LicenseKeysPanel caption.
|
|
108
|
-
const captionStyle = {
|
|
108
|
+
const captionStyle = { margin: '0 0 4px' };
|
|
109
109
|
// vike.dev/license link color (docpress src/css/link.css), same as the dashboard.
|
|
110
110
|
const linkStyle = { color: '#4747ff', textDecoration: 'none' };
|
|
111
111
|
const dlStyle = {
|
|
@@ -114,6 +114,5 @@ const dlStyle = {
|
|
|
114
114
|
gridTemplateColumns: 'auto 1fr',
|
|
115
115
|
columnGap: 12,
|
|
116
116
|
rowGap: 1,
|
|
117
|
-
fontSize: 13,
|
|
118
117
|
};
|
|
119
118
|
//# sourceMappingURL=FreeTrialForm.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FreeTrialForm.js","sourceRoot":"","sources":["../src/FreeTrialForm.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"FreeTrialForm.js","sourceRoot":"","sources":["../src/FreeTrialForm.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LicenseSnippet.d.ts","sourceRoot":"","sources":["../src/LicenseSnippet.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,CAAA;AAGzB,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,WAAW,CAAA;
|
|
1
|
+
{"version":3,"file":"LicenseSnippet.d.ts","sourceRoot":"","sources":["../src/LicenseSnippet.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,CAAA;AAGzB,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,WAAW,CAAA;AAmB3C,iBAAS,cAAc,CAAC,EAAE,OAAO,EAAE,EAAE;IAAE,OAAO,EAAE,UAAU,CAAA;CAAE,2CA4C3D"}
|
package/dist/LicenseSnippet.js
CHANGED
|
@@ -7,10 +7,17 @@ import { renderTokens } from './renderTokens.js';
|
|
|
7
7
|
// and license-components' `FreeTrialForm`, so the two surfaces are byte-identical (symlinked into
|
|
8
8
|
// `packages/license-components/src/` alongside snippet.ts / wire.ts / renderTokens.tsx).
|
|
9
9
|
//
|
|
10
|
-
//
|
|
11
|
-
//
|
|
12
|
-
//
|
|
13
|
-
//
|
|
10
|
+
// Rendered with plain <div>s, NOT <pre><code>, on purpose: vike.dev's docpress force-styles the
|
|
11
|
+
// `pre` and `code` *elements* through cascade layers that un-layered `!important` can't beat — `code`
|
|
12
|
+
// gets display:block + 16px padding on every side, and `pre` gets a 13px font-size. That capped the
|
|
13
|
+
// scrollable width at the viewport (clipping the diff highlight ~32px short of `code`'s edge) and
|
|
14
|
+
// pinned the font so it wouldn't inherit. Generic <div>s the host's selectors don't target dodge all
|
|
15
|
+
// of it: we own the padding (so every `.line`'s green spans the full SCROLL width) and the font-size
|
|
16
|
+
// (so it inherits the host prose) — identically on the dashboard and on vike.dev. CSS is injected as
|
|
17
|
+
// a scoped <style> (everything under `.license-snippet`) rather than a CSS import, because
|
|
18
|
+
// license-components is compiled by `tsc` (no CSS-import support); Vite (the dashboard) is fine with
|
|
19
|
+
// it too. `// pages/+config.js` + a blank line lead the block (context lines: `license: false`, not
|
|
20
|
+
// diff-highlighted, excluded from Copy) — mirrors vike.dev/license.
|
|
14
21
|
function LicenseSnippet({ license }) {
|
|
15
22
|
const [copied, setCopied] = useState(false);
|
|
16
23
|
const lines = [
|
|
@@ -33,7 +40,7 @@ function LicenseSnippet({ license }) {
|
|
|
33
40
|
// clipboard can reject (denied permission / insecure context) — leave the button unchanged.
|
|
34
41
|
}
|
|
35
42
|
}
|
|
36
|
-
return (_jsxs("div", { style: snippetWrapStyle, children: [_jsx("style", { children: SNIPPET_CSS }), _jsx("
|
|
43
|
+
return (_jsxs("div", { style: snippetWrapStyle, children: [_jsx("style", { children: SNIPPET_CSS }), _jsx("div", { className: "license-snippet", children: _jsx("div", { className: "license-snippet-code", children: lines.map((line, i) => (_jsx("div", { className: `line${line.license ? ' add' : ''}${line.text.startsWith('//') ? ' comment' : ''}`, children: line.text === '' ? ' ' : renderTokens(line.text) }, i))) }) }), _jsx("button", { type: "button", onClick: copy, style: copyButtonStyle, children: copied ? 'Copied' : 'Copy' })] }));
|
|
37
44
|
}
|
|
38
45
|
const snippetWrapStyle = { position: 'relative', margin: '8px 0' };
|
|
39
46
|
const copyButtonStyle = {
|
|
@@ -50,14 +57,15 @@ const copyButtonStyle = {
|
|
|
50
57
|
};
|
|
51
58
|
// github-light look (docpress's Shiki theme) without the dependency. `background:#f4f4f4` is solid
|
|
52
59
|
// (not docpress's rgba-on-white) so the block reads as a light code surface — dark text on light —
|
|
53
|
-
// on any host box tint or theme. `
|
|
54
|
-
//
|
|
55
|
-
//
|
|
56
|
-
//
|
|
60
|
+
// on any host box tint or theme. `.license-snippet` is the scroll viewport; the inner
|
|
61
|
+
// `.license-snippet-code` (`inline-block; min-width:100%`) shrink-wraps to the widest line so every
|
|
62
|
+
// `.line` (a block child) is exactly as wide, and its diff background spans the full SCROLL width
|
|
63
|
+
// (no ~32px right-edge gap, which a host-padded `<code>` produced). font-size inherits the host's
|
|
64
|
+
// prose — possible only because these are <div>s, not docpress-styled `pre`/`code`.
|
|
57
65
|
const SNIPPET_CSS = `
|
|
58
|
-
.license-snippet { margin: 0; border-radius: 6px; overflow-x: auto; background: #f4f4f4; font-size:
|
|
59
|
-
.license-snippet code { display: inline-block
|
|
60
|
-
.license-snippet .line { display: block
|
|
66
|
+
.license-snippet { margin: 0; border-radius: 6px; overflow-x: auto; background: #f4f4f4; font-size: inherit; line-height: 1.6; }
|
|
67
|
+
.license-snippet .license-snippet-code { display: inline-block; min-width: 100%; box-sizing: border-box; padding: 16px 0; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, 'Liberation Mono', monospace; color: #24292e; }
|
|
68
|
+
.license-snippet .line { display: block; position: relative; padding: 0 16px; white-space: pre; }
|
|
61
69
|
.license-snippet .line.add { background: #d7ecdf; }
|
|
62
70
|
.license-snippet .line.add::before { content: '+'; position: absolute; top: -1px; left: 4px; color: #89d189; font-size: 1.2em; font-weight: 500; }
|
|
63
71
|
.license-snippet .line.comment { color: #6a737d; }
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LicenseSnippet.js","sourceRoot":"","sources":["../src/LicenseSnippet.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,CAAA;AAEzB,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEhC,OAAO,EAAE,yBAAyB,EAAE,MAAM,cAAc,CAAA;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAEhD,qGAAqG;AACrG,kGAAkG;AAClG,yFAAyF;AACzF,EAAE;AACF,gGAAgG;AAChG,
|
|
1
|
+
{"version":3,"file":"LicenseSnippet.js","sourceRoot":"","sources":["../src/LicenseSnippet.tsx"],"names":[],"mappings":"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"}
|