@vikejs/license-components 0.0.9 → 0.0.11
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", {
|
|
47
|
+
return (_jsxs("div", { className: className, children: [_jsxs("form", { onSubmit: submit, style: formStyle, children: [_jsxs("label", { style: labelStyle, 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')
|
|
@@ -93,15 +93,19 @@ function formatDate(iso) {
|
|
|
93
93
|
return iso;
|
|
94
94
|
}
|
|
95
95
|
}
|
|
96
|
-
//
|
|
97
|
-
//
|
|
98
|
-
//
|
|
99
|
-
|
|
100
|
-
//
|
|
101
|
-
|
|
102
|
-
|
|
96
|
+
// Full-width: the root <div> fills the host's content column (no max-width — text + fontFamily
|
|
97
|
+
// inherit the host; the chrome is the consumer's, via the className props). The Domains field and the
|
|
98
|
+
// submit button share one row (`flex`, aligned along their bottoms); the button stays auto-width on
|
|
99
|
+
// the right like vike.dev's "Get Started" CTA, and `flex-wrap` drops it below the field when the
|
|
100
|
+
// column is too narrow. (The consumer sizes the field to the button's height — see free-trial-form.css.)
|
|
101
|
+
const formStyle = { display: 'flex', alignItems: 'flex-end', gap: 12, flexWrap: 'wrap' };
|
|
102
|
+
const labelStyle = { flex: '1 1 280px', minWidth: 0 };
|
|
103
|
+
// Result boxes share one frame (padding/radius). The success box is a neutral gray — the granted key
|
|
104
|
+
// is reference material to copy, not a celebration — while warn/error keep their semantic tints
|
|
105
|
+
// (which still match the dashboard's messageStyles.ts). Each sets its own text `color` so it stays
|
|
106
|
+
// legible on any host.
|
|
103
107
|
const boxStyle = { padding: 16, borderRadius: 6, marginTop: 16 };
|
|
104
|
-
const successBoxStyle = { ...boxStyle, background: '#
|
|
108
|
+
const successBoxStyle = { ...boxStyle, background: '#eceef1', color: '#1f2328' };
|
|
105
109
|
const warnBoxStyle = { ...boxStyle, background: '#fff3cd', color: '#7a5b00' };
|
|
106
110
|
const errorBoxStyle = { ...boxStyle, background: '#fde2e1', color: '#9d2222' };
|
|
107
111
|
// Caption introducing the snippet — matches the dashboard's LicenseKeysPanel caption.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FreeTrialForm.js","sourceRoot":"","sources":["../src/FreeTrialForm.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,CAAA;AAGxB,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAGhC,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AAEpD,gGAAgG;AAChG,iGAAiG;AACjG,+FAA+F;AAC/F,kGAAkG;AAClG,iGAAiG;AACjG,+BAA+B;AAC/B,SAAS,WAAW;IAClB,MAAM,IAAI,GACR,OAAO,MAAM,KAAK,WAAW,IAAI,MAAM,CAAC,QAAQ,CAAC,IAAI,KAAK,MAAM;QAC9D,CAAC,CAAC,uBAAuB;QACzB,CAAC,CAAC,uBAAuB,CAAA;IAC7B,OAAO,GAAG,IAAI,iCAAiC,CAAA;AACjD,CAAC;AAmBD,SAAS,aAAa,CAAC,EAAE,SAAS,EAAE,cAAc,EAAE,cAAc,EAAE,eAAe,KAAyB,EAAE;IAC5G,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAA;IACpD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAS,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAA;IAE9D,KAAK,UAAU,MAAM,CAAC,CAAY;QAChC,CAAC,CAAC,cAAc,EAAE,CAAA;QAClB,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,EAAE,CAAC;YACzB,SAAS,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,4BAA4B,EAAE,CAAC,CAAA;YACnE,OAAM;QACR,CAAC;QACD,SAAS,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAA;QAC9B,IAAI,CAAC;YACH,kFAAkF;YAClF,wFAAwF;YACxF,MAAM,IAAI,GAAG,MAAM,KAAK,CAAC,WAAW,EAAE,EAAE;gBACtC,MAAM,EAAE,MAAM;gBACd,OAAO,EAAE,EAAE,cAAc,EAAE,kBAAkB,EAAE;gBAC/C,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,EAAE,YAAY,EAAE,CAAC;aACvC,CAAC,CAAA;YACF,IAAI,IAAI,CAAC,MAAM,KAAK,GAAG,EAAE,CAAC;gBACxB,SAAS,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,MAAM,IAAI,CAAC,IAAI,EAAE,CAAsB,EAAE,CAAC,CAAA;gBAC9E,OAAM;YACR,CAAC;YACD,SAAS,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;QAC1E,CAAC;QAAC,MAAM,CAAC;YACP,oFAAoF;YACpF,kDAAkD;YAClD,SAAS,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,iEAAiE,EAAE,CAAC,CAAA;QAC1G,CAAC;IACH,CAAC;IAED,OAAO,CACL,eAAK,
|
|
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,16 @@ 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
|
-
// to the widest line so every
|
|
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 is a fixed 13px to
|
|
64
|
+
// match vike.dev's other (docpress) code blocks (not the 16px prose), and the 1px border keeps the
|
|
65
|
+
// block distinct from a tinted container (e.g. FreeTrialForm's gray result box) — both possible only
|
|
66
|
+
// because these are <div>s, not docpress-styled `pre`/`code`.
|
|
57
67
|
const SNIPPET_CSS = `
|
|
58
|
-
.license-snippet { margin: 0; border-radius: 6px; overflow-x: auto; background: #f4f4f4; font-size:
|
|
59
|
-
.license-snippet code {
|
|
60
|
-
.license-snippet .lines { display: inline-block; min-width: 100%; }
|
|
68
|
+
.license-snippet { margin: 0; border: 1px solid #e2e4e8; border-radius: 6px; overflow-x: auto; background: #f4f4f4; font-size: 13px; line-height: 1.6; }
|
|
69
|
+
.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; }
|
|
61
70
|
.license-snippet .line { display: block; position: relative; padding: 0 16px; white-space: pre; }
|
|
62
71
|
.license-snippet .line.add { background: #d7ecdf; }
|
|
63
72
|
.license-snippet .line.add::before { content: '+'; position: absolute; top: -1px; left: 4px; color: #89d189; font-size: 1.2em; font-weight: 500; }
|
|
@@ -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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"}
|