@printwithsynergy/artwork-pdf-editor 0.1.1 → 0.1.3
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.
|
@@ -39,7 +39,9 @@ export type TopBarProps = {
|
|
|
39
39
|
};
|
|
40
40
|
/**
|
|
41
41
|
* Bundled default logo. Inline SVG so the package has no external
|
|
42
|
-
* asset paths leaking into consumers.
|
|
42
|
+
* asset paths leaking into consumers. Matches the marketing site's
|
|
43
|
+
* `/logo-artwork.svg`: orange `#fc5102` rounded square with a white
|
|
44
|
+
* stylized "A" mark inside a frame.
|
|
43
45
|
*
|
|
44
46
|
* @public
|
|
45
47
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TopBar.d.ts","sourceRoot":"","sources":["../../src/components/TopBar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B;;;;GAIG;AACH,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF;;;;;;GAMG;AACH,MAAM,MAAM,WAAW,GAAG;IACxB;;;OAGG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,oFAAoF;IACpF,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,6DAA6D;IAC7D,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,4DAA4D;IAC5D,YAAY,CAAC,EAAE,YAAY,EAAE,CAAC;IAC9B,gEAAgE;IAChE,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,oEAAoE;IACpE,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,sEAAsE;IACtE,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;
|
|
1
|
+
{"version":3,"file":"TopBar.d.ts","sourceRoot":"","sources":["../../src/components/TopBar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B;;;;GAIG;AACH,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF;;;;;;GAMG;AACH,MAAM,MAAM,WAAW,GAAG;IACxB;;;OAGG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,oFAAoF;IACpF,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,6DAA6D;IAC7D,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,4DAA4D;IAC5D,YAAY,CAAC,EAAE,YAAY,EAAE,CAAC;IAC9B,gEAAgE;IAChE,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,oEAAoE;IACpE,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,sEAAsE;IACtE,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AASF;;;;;;;GAOG;AACH,wBAAgB,cAAc,CAAC,EAAE,IAAS,EAAE,EAAE;IAAE,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,2CAiC9D;AAED;;;;;;GAMG;AACH,wBAAgB,MAAM,CAAC,EACrB,IAAI,EACJ,SAAwB,EACxB,aAAqB,EACrB,YAAiB,EACjB,SAAS,EACT,YAAY,EACZ,cAAsB,GACvB,EAAE,WAAW,2CAuGb"}
|
|
@@ -1,19 +1,28 @@
|
|
|
1
1
|
// SPDX-License-Identifier: AGPL-3.0-or-later
|
|
2
2
|
"use client";
|
|
3
3
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
4
|
-
const BAR_BG = "
|
|
5
|
-
const BAR_BORDER = "#
|
|
4
|
+
const BAR_BG = "rgba(15, 23, 42, 0.95)"; // slate-900/95 to match marketing nav
|
|
5
|
+
const BAR_BORDER = "#1e293b"; // slate-800
|
|
6
6
|
const BRAND = "#fc5102";
|
|
7
|
-
const
|
|
7
|
+
const TEXT_PRIMARY = "#f1f5f9"; // slate-100
|
|
8
|
+
const TEXT_MUTED = "#64748b"; // slate-500
|
|
9
|
+
const ICON_BORDER = "#334155"; // slate-700
|
|
8
10
|
/**
|
|
9
11
|
* Bundled default logo. Inline SVG so the package has no external
|
|
10
|
-
* asset paths leaking into consumers.
|
|
12
|
+
* asset paths leaking into consumers. Matches the marketing site's
|
|
13
|
+
* `/logo-artwork.svg`: orange `#fc5102` rounded square with a white
|
|
14
|
+
* stylized "A" mark inside a frame.
|
|
11
15
|
*
|
|
12
16
|
* @public
|
|
13
17
|
*/
|
|
14
|
-
export function ArtworkPdfLogo({ size =
|
|
15
|
-
|
|
16
|
-
|
|
18
|
+
export function ArtworkPdfLogo({ size = 24 }) {
|
|
19
|
+
return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 1024 1024", width: size, height: size, "aria-label": "ArtworkPDF", role: "img", style: {
|
|
20
|
+
borderRadius: 4,
|
|
21
|
+
border: `1px solid ${ICON_BORDER}`,
|
|
22
|
+
background: "#020617",
|
|
23
|
+
padding: 1,
|
|
24
|
+
boxSizing: "border-box",
|
|
25
|
+
}, children: [_jsx("title", { children: "ArtworkPDF" }), _jsx("rect", { x: 18.75, y: 18.75, width: 988, height: 988, rx: 165, ry: 165, fill: BRAND }), _jsx("path", { d: "M151,224c0-34,26-60,60-60h88c22,0,40,18,40,40s-18,40-40,40h-92v537h92c22,0,40,18,40,40s-18,40-40,40h-88c-34,0-60-26-60-60V224Z", fill: "#fff" }), _jsx("path", { d: "M874,224c0-34-26-60-60-60h-88c-22,0-40,18-40,40s18,40,40,40h92v537h-92c-22,0-40,18-40,40s18,40,40,40h88c34,0,60-26,60-60V224Z", fill: "#fff" }), _jsx("path", { d: "M455,300h114l145,425h-96l-30-95h-152l-30,95h-95L455,300ZM458,560h100l-50-158L458,560Z", fill: "#fff" })] }));
|
|
17
26
|
}
|
|
18
27
|
/**
|
|
19
28
|
* Slim top bar rendered at the top of the editor. Carries only brand
|
|
@@ -27,42 +36,51 @@ export function TopBar({ logo, brandText = "artworkPDF", showDemoBadge = false,
|
|
|
27
36
|
return (_jsxs("header", { style: {
|
|
28
37
|
display: "flex",
|
|
29
38
|
alignItems: "center",
|
|
30
|
-
gap: "0.
|
|
31
|
-
padding: "0.
|
|
39
|
+
gap: "0.55rem",
|
|
40
|
+
padding: "0.45rem 0.85rem",
|
|
32
41
|
background: BAR_BG,
|
|
33
42
|
borderBottom: `1px solid ${BAR_BORDER}`,
|
|
34
43
|
flexShrink: 0,
|
|
44
|
+
backdropFilter: "blur(8px)",
|
|
35
45
|
}, children: [showMenuButton && (_jsx("button", { type: "button", "aria-label": "Open menu", onClick: onMenuToggle, style: {
|
|
36
46
|
background: "transparent",
|
|
37
|
-
border:
|
|
38
|
-
color:
|
|
47
|
+
border: "none",
|
|
48
|
+
color: TEXT_MUTED,
|
|
39
49
|
cursor: "pointer",
|
|
40
|
-
padding: "0.
|
|
50
|
+
padding: "0.25rem 0.4rem",
|
|
41
51
|
borderRadius: 4,
|
|
42
|
-
fontSize: "
|
|
52
|
+
fontSize: "1.05rem",
|
|
43
53
|
lineHeight: 1,
|
|
44
|
-
|
|
45
|
-
|
|
54
|
+
marginRight: "0.15rem",
|
|
55
|
+
}, children: "\u2630" })), resolvedLogo !== null && (_jsx("span", { style: { display: "inline-flex", alignItems: "center" }, children: resolvedLogo })), brandText !== null && (_jsxs("span", { style: {
|
|
56
|
+
fontWeight: 600,
|
|
57
|
+
color: TEXT_PRIMARY,
|
|
58
|
+
fontSize: "0.9rem",
|
|
59
|
+
letterSpacing: "-0.01em",
|
|
60
|
+
}, children: [brandText, showDemoBadge && (_jsx("span", { style: {
|
|
61
|
+
marginLeft: "0.5rem",
|
|
46
62
|
fontSize: "0.6rem",
|
|
47
|
-
background: "
|
|
63
|
+
background: "transparent",
|
|
48
64
|
border: `1px solid ${BRAND}`,
|
|
49
65
|
color: BRAND,
|
|
50
66
|
padding: "0.1rem 0.35rem",
|
|
51
67
|
borderRadius: 3,
|
|
52
68
|
verticalAlign: "middle",
|
|
53
69
|
letterSpacing: "0.08em",
|
|
70
|
+
fontWeight: 700,
|
|
54
71
|
}, children: "DEMO" }))] })), _jsx("div", { style: { flex: 1 } }), extraButtons.map((b) => {
|
|
55
72
|
const style = {
|
|
56
73
|
fontSize: "0.8rem",
|
|
57
|
-
color: b.primary ? "#fff" :
|
|
74
|
+
color: b.primary ? "#fff" : TEXT_MUTED,
|
|
58
75
|
background: b.primary ? BRAND : "transparent",
|
|
59
76
|
border: b.primary ? `1px solid ${BRAND}` : "none",
|
|
60
|
-
borderRadius:
|
|
61
|
-
padding: b.primary ? "0.
|
|
77
|
+
borderRadius: 6,
|
|
78
|
+
padding: b.primary ? "0.3rem 0.7rem" : "0.3rem 0.55rem",
|
|
62
79
|
cursor: "pointer",
|
|
63
80
|
fontFamily: "inherit",
|
|
64
81
|
textDecoration: "none",
|
|
65
|
-
fontWeight: b.primary ? 600 :
|
|
82
|
+
fontWeight: b.primary ? 600 : 500,
|
|
83
|
+
transition: "color 0.12s",
|
|
66
84
|
};
|
|
67
85
|
return b.href ? (_jsx("a", { href: b.href, target: b.target ?? "_self", rel: b.target === "_blank" ? "noopener noreferrer" : undefined, onClick: b.onClick, style: style, children: b.label }, `${b.label}-${b.href}`)) : (_jsx("button", { type: "button", onClick: b.onClick, style: style, children: b.label }, b.label));
|
|
68
86
|
}), rightSlot] }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TopBar.js","sourceRoot":"","sources":["../../src/components/TopBar.tsx"],"names":[],"mappings":"AAAA,6CAA6C;AAC7C,YAAY,CAAC;;AA2Cb,MAAM,MAAM,GAAG,
|
|
1
|
+
{"version":3,"file":"TopBar.js","sourceRoot":"","sources":["../../src/components/TopBar.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,13 +1,16 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@printwithsynergy/artwork-pdf-editor",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.3",
|
|
4
4
|
"description": "artworkPDF WYSIWYG editor as a host-customizable React component. Drop-in mountable in Next.js, Astro, Remix, etc.",
|
|
5
5
|
"license": "AGPL-3.0-or-later",
|
|
6
6
|
"type": "module",
|
|
7
|
-
"main": "./
|
|
8
|
-
"types": "./
|
|
7
|
+
"main": "./dist/index.js",
|
|
8
|
+
"types": "./dist/index.d.ts",
|
|
9
9
|
"exports": {
|
|
10
|
-
".":
|
|
10
|
+
".": {
|
|
11
|
+
"types": "./dist/index.d.ts",
|
|
12
|
+
"import": "./dist/index.js"
|
|
13
|
+
}
|
|
11
14
|
},
|
|
12
15
|
"files": ["dist", "README.md", "LICENSE"],
|
|
13
16
|
"sideEffects": false,
|
|
@@ -36,14 +39,6 @@
|
|
|
36
39
|
"vitest": "^3.2.0"
|
|
37
40
|
},
|
|
38
41
|
"publishConfig": {
|
|
39
|
-
"access": "public"
|
|
40
|
-
"main": "./dist/index.js",
|
|
41
|
-
"types": "./dist/index.d.ts",
|
|
42
|
-
"exports": {
|
|
43
|
-
".": {
|
|
44
|
-
"types": "./dist/index.d.ts",
|
|
45
|
-
"import": "./dist/index.js"
|
|
46
|
-
}
|
|
47
|
-
}
|
|
42
|
+
"access": "public"
|
|
48
43
|
}
|
|
49
44
|
}
|