@haklex/rich-diff 0.0.9 → 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/RichDiff.d.ts.map +1 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.mjs +26 -9
- package/dist/rich-diff.css +15 -27
- package/dist/style.css.d.ts +12 -0
- package/dist/style.css.d.ts.map +1 -0
- package/package.json +5 -3
package/dist/RichDiff.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RichDiff.d.ts","sourceRoot":"","sources":["../src/RichDiff.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AAI5D,OAAO,KAAK,EAAE,qBAAqB,EAAyB,MAAM,SAAS,CAAA;
|
|
1
|
+
{"version":3,"file":"RichDiff.d.ts","sourceRoot":"","sources":["../src/RichDiff.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AAI5D,OAAO,KAAK,EAAE,qBAAqB,EAAyB,MAAM,SAAS,CAAA;AAO3E,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,qBAAqB,CAAA;IAC/B,QAAQ,EAAE,qBAAqB,CAAA;IAC/B,OAAO,CAAC,EAAE,iBAAiB,CAAC,SAAS,CAAC,CAAA;IACtC,KAAK,CAAC,EAAE,iBAAiB,CAAC,OAAO,CAAC,CAAA;IAClC,cAAc,CAAC,EAAE,iBAAiB,CAAC,gBAAgB,CAAC,CAAA;IACpD,UAAU,CAAC,EAAE,iBAAiB,CAAC,YAAY,CAAC,CAAA;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AA2ED,wBAAgB,QAAQ,CAAC,EACvB,QAAQ,EACR,QAAQ,EACR,OAAmB,EACnB,KAAe,EACf,cAAc,EACd,UAAU,EACV,SAAS,GACV,EAAE,aAAa,2CA+Df"}
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,gBAAgB,CAAA;AAEvB,YAAY,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA"}
|
package/dist/index.mjs
CHANGED
|
@@ -3,6 +3,17 @@ import { getVariantClass, ColorSchemeProvider } from "@haklex/rich-editor";
|
|
|
3
3
|
import { RichRenderer } from "@haklex/rich-editor/renderer";
|
|
4
4
|
import { PortalThemeProvider } from "@haklex/rich-style-token";
|
|
5
5
|
import { useMemo } from "react";
|
|
6
|
+
var root = "xcvddd0";
|
|
7
|
+
var header = "xcvddd1";
|
|
8
|
+
var headerCell = "xcvddd2";
|
|
9
|
+
var headerOld = "xcvddd3";
|
|
10
|
+
var body = "xcvddd4";
|
|
11
|
+
var row = "xcvddd5";
|
|
12
|
+
var cell = "xcvddd6";
|
|
13
|
+
var cellOld = "xcvddd7";
|
|
14
|
+
var delete_ = "xcvddd8";
|
|
15
|
+
var insert = "xcvddd9";
|
|
16
|
+
var empty = "xcvddda";
|
|
6
17
|
const CHAR_DIFF_MAX_MATRIX_CELLS = 5e4;
|
|
7
18
|
const DELETE_MARK_STYLE = "background-color: color-mix(in srgb, var(--rc-alert-caution) 22%, transparent); text-decoration: line-through;";
|
|
8
19
|
const INSERT_MARK_STYLE = "background-color: color-mix(in srgb, var(--rc-alert-tip) 22%, transparent);";
|
|
@@ -460,24 +471,30 @@ function RichDiff({
|
|
|
460
471
|
{
|
|
461
472
|
className: variantClass,
|
|
462
473
|
style: { width: "100%", maxWidth: "100%" },
|
|
463
|
-
children: /* @__PURE__ */ jsxs("div", { className:
|
|
464
|
-
/* @__PURE__ */ jsxs("div", { className:
|
|
465
|
-
/* @__PURE__ */ jsx(
|
|
466
|
-
|
|
474
|
+
children: /* @__PURE__ */ jsxs("div", { className: `${root} ${className ?? ""}`.trim(), children: [
|
|
475
|
+
/* @__PURE__ */ jsxs("div", { className: header, children: [
|
|
476
|
+
/* @__PURE__ */ jsx(
|
|
477
|
+
"div",
|
|
478
|
+
{
|
|
479
|
+
className: `${headerCell} ${headerOld}`,
|
|
480
|
+
children: "Old"
|
|
481
|
+
}
|
|
482
|
+
),
|
|
483
|
+
/* @__PURE__ */ jsx("div", { className: headerCell, children: "New" })
|
|
467
484
|
] }),
|
|
468
|
-
/* @__PURE__ */ jsx("div", { className:
|
|
485
|
+
/* @__PURE__ */ jsx("div", { className: body, children: rows.map((row$1, i) => /* @__PURE__ */ jsxs("div", { className: row, children: [
|
|
469
486
|
/* @__PURE__ */ jsx(
|
|
470
487
|
"div",
|
|
471
488
|
{
|
|
472
|
-
className:
|
|
473
|
-
children: row.left && /* @__PURE__ */ jsx(HunkRenderer, { hunk: row.left, ...rendererProps })
|
|
489
|
+
className: `${cell} ${cellOld} ${row$1.left ? row$1.left.type === "delete" ? delete_ : "" : empty}`.trim(),
|
|
490
|
+
children: row$1.left && /* @__PURE__ */ jsx(HunkRenderer, { hunk: row$1.left, ...rendererProps })
|
|
474
491
|
}
|
|
475
492
|
),
|
|
476
493
|
/* @__PURE__ */ jsx(
|
|
477
494
|
"div",
|
|
478
495
|
{
|
|
479
|
-
className:
|
|
480
|
-
children: row.right && /* @__PURE__ */ jsx(HunkRenderer, { hunk: row.right, ...rendererProps })
|
|
496
|
+
className: `${cell} ${row$1.right ? row$1.right.type === "insert" ? insert : "" : empty}`.trim(),
|
|
497
|
+
children: row$1.right && /* @__PURE__ */ jsx(HunkRenderer, { hunk: row$1.right, ...rendererProps })
|
|
481
498
|
}
|
|
482
499
|
)
|
|
483
500
|
] }, i)) })
|
package/dist/rich-diff.css
CHANGED
|
@@ -1,18 +1,16 @@
|
|
|
1
|
-
.
|
|
1
|
+
.xcvddd0 {
|
|
2
2
|
border: 1px solid var(--rc-border);
|
|
3
3
|
border-radius: 6px;
|
|
4
4
|
overflow: hidden;
|
|
5
5
|
font-size: 14px;
|
|
6
6
|
}
|
|
7
|
-
|
|
8
|
-
.rich-diff-header {
|
|
7
|
+
.xcvddd1 {
|
|
9
8
|
display: grid;
|
|
10
9
|
grid-template-columns: 1fr 1fr;
|
|
11
10
|
border-bottom: 1px solid var(--rc-border);
|
|
12
11
|
background: var(--rc-bg-secondary);
|
|
13
12
|
}
|
|
14
|
-
|
|
15
|
-
.rich-diff-header-cell {
|
|
13
|
+
.xcvddd2 {
|
|
16
14
|
padding: 8px 16px;
|
|
17
15
|
font-weight: 600;
|
|
18
16
|
font-size: 12px;
|
|
@@ -20,48 +18,38 @@
|
|
|
20
18
|
letter-spacing: 0.05em;
|
|
21
19
|
color: var(--rc-text-secondary);
|
|
22
20
|
}
|
|
23
|
-
|
|
24
|
-
.rich-diff-header-old {
|
|
21
|
+
.xcvddd3 {
|
|
25
22
|
border-right: 1px solid var(--rc-border);
|
|
26
23
|
}
|
|
27
|
-
|
|
28
|
-
.rich-diff-body {
|
|
24
|
+
.xcvddd4 {
|
|
29
25
|
display: flex;
|
|
30
26
|
flex-direction: column;
|
|
31
27
|
}
|
|
32
|
-
|
|
33
|
-
.rich-diff-row {
|
|
28
|
+
.xcvddd5 {
|
|
34
29
|
display: grid;
|
|
35
30
|
grid-template-columns: 1fr 1fr;
|
|
36
31
|
border-bottom: 1px solid var(--rc-border);
|
|
37
32
|
}
|
|
38
|
-
|
|
39
|
-
.rich-diff-row:last-child {
|
|
33
|
+
.xcvddd5:last-child {
|
|
40
34
|
border-bottom: none;
|
|
41
35
|
}
|
|
42
|
-
|
|
43
|
-
.rich-diff-cell {
|
|
36
|
+
.xcvddd6 {
|
|
44
37
|
padding: 4px 12px;
|
|
45
38
|
min-height: 32px;
|
|
46
39
|
overflow: hidden;
|
|
47
40
|
}
|
|
48
|
-
|
|
49
|
-
.rich-diff-cell-old {
|
|
41
|
+
.xcvddd7 {
|
|
50
42
|
border-right: 1px solid var(--rc-border);
|
|
51
43
|
}
|
|
52
|
-
|
|
53
|
-
.rich-diff-delete {
|
|
44
|
+
.xcvddd8 {
|
|
54
45
|
background-color: color-mix(in srgb, var(--rc-alert-caution) 15%, transparent);
|
|
55
46
|
}
|
|
56
|
-
|
|
57
|
-
.rich-diff-delete .rich-content__body {
|
|
58
|
-
opacity: 0.85;
|
|
59
|
-
}
|
|
60
|
-
|
|
61
|
-
.rich-diff-insert {
|
|
47
|
+
.xcvddd9 {
|
|
62
48
|
background-color: color-mix(in srgb, var(--rc-alert-tip) 15%, transparent);
|
|
63
49
|
}
|
|
64
|
-
|
|
65
|
-
.rich-diff-empty {
|
|
50
|
+
.xcvddda {
|
|
66
51
|
background-color: var(--rc-bg-secondary);
|
|
67
52
|
}
|
|
53
|
+
.xcvddd8 .rich-content__body {
|
|
54
|
+
opacity: 0.85;
|
|
55
|
+
}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
export declare const root: string;
|
|
2
|
+
export declare const header: string;
|
|
3
|
+
export declare const headerCell: string;
|
|
4
|
+
export declare const headerOld: string;
|
|
5
|
+
export declare const body: string;
|
|
6
|
+
export declare const row: string;
|
|
7
|
+
export declare const cell: string;
|
|
8
|
+
export declare const cellOld: string;
|
|
9
|
+
export declare const delete_: string;
|
|
10
|
+
export declare const insert: string;
|
|
11
|
+
export declare const empty: string;
|
|
12
|
+
//# sourceMappingURL=style.css.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"style.css.d.ts","sourceRoot":"","sources":["../src/style.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,IAAI,QAKf,CAAA;AAEF,eAAO,MAAM,MAAM,QAKjB,CAAA;AAEF,eAAO,MAAM,UAAU,QAOrB,CAAA;AAEF,eAAO,MAAM,SAAS,QAEpB,CAAA;AAEF,eAAO,MAAM,IAAI,QAGf,CAAA;AAEF,eAAO,MAAM,GAAG,QASd,CAAA;AAEF,eAAO,MAAM,IAAI,QAIf,CAAA;AAEF,eAAO,MAAM,OAAO,QAElB,CAAA;AAEF,eAAO,MAAM,OAAO,QAElB,CAAA;AAEF,eAAO,MAAM,MAAM,QAEjB,CAAA;AAEF,eAAO,MAAM,KAAK,QAEhB,CAAA"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@haklex/rich-diff",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.10",
|
|
4
4
|
"description": "Rich diff editor",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"type": "module",
|
|
@@ -16,12 +16,14 @@
|
|
|
16
16
|
"dist"
|
|
17
17
|
],
|
|
18
18
|
"dependencies": {
|
|
19
|
-
"@haklex/rich-editor": "0.0.
|
|
20
|
-
"@haklex/rich-style-token": "0.0.
|
|
19
|
+
"@haklex/rich-editor": "0.0.10",
|
|
20
|
+
"@haklex/rich-style-token": "0.0.10"
|
|
21
21
|
},
|
|
22
22
|
"devDependencies": {
|
|
23
23
|
"@types/react": "^19.0.0",
|
|
24
24
|
"@types/react-dom": "^19.0.0",
|
|
25
|
+
"@vanilla-extract/css": "^1.18.0",
|
|
26
|
+
"@vanilla-extract/vite-plugin": "^5.1.4",
|
|
25
27
|
"lexical": "^0.40.0",
|
|
26
28
|
"react": ">=19",
|
|
27
29
|
"react-dom": ">=19",
|