@git-diff-view/react 0.0.17 → 0.0.19
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/cjs/index.development.js +111 -104
- package/dist/cjs/index.development.js.map +1 -1
- package/dist/cjs/index.production.js +111 -104
- package/dist/cjs/index.production.js.map +1 -1
- package/dist/css/diff-view.css +5 -6
- package/dist/esm/index.mjs +111 -104
- package/dist/esm/index.mjs.map +1 -1
- package/index.d.ts +26 -20
- package/package.json +3 -3
- package/readme.md +4 -0
package/dist/css/diff-view.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
.diff-tailwindcss-wrapper[data-theme=light]
|
|
1
|
+
.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw code.hljs{padding:3px 5px}
|
|
2
2
|
/*!
|
|
3
3
|
Theme: GitHub
|
|
4
4
|
Description: Light theme as seen on github.com
|
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
|
|
9
9
|
Outdated base version: https://github.com/primer/github-syntax-light
|
|
10
10
|
Current colors taken from GitHub's CSS
|
|
11
|
-
*/.diff-tailwindcss-wrapper[data-theme=light] .hljs{background:#fff;color:#24292e}.diff-tailwindcss-wrapper[data-theme=light] .hljs-doctag,.diff-tailwindcss-wrapper[data-theme=light] .hljs-keyword,.diff-tailwindcss-wrapper[data-theme=light] .hljs-meta .hljs-keyword,.diff-tailwindcss-wrapper[data-theme=light] .hljs-template-tag,.diff-tailwindcss-wrapper[data-theme=light] .hljs-template-variable,.diff-tailwindcss-wrapper[data-theme=light] .hljs-type,.diff-tailwindcss-wrapper[data-theme=light] .hljs-variable.language_{color:#d73a49}.diff-tailwindcss-wrapper[data-theme=light] .hljs-title,.diff-tailwindcss-wrapper[data-theme=light] .hljs-title.class_,.diff-tailwindcss-wrapper[data-theme=light] .hljs-title.class_.inherited__,.diff-tailwindcss-wrapper[data-theme=light] .hljs-title.function_{color:#6f42c1}.diff-tailwindcss-wrapper[data-theme=light] .hljs-attr,.diff-tailwindcss-wrapper[data-theme=light] .hljs-attribute,.diff-tailwindcss-wrapper[data-theme=light] .hljs-literal,.diff-tailwindcss-wrapper[data-theme=light] .hljs-meta,.diff-tailwindcss-wrapper[data-theme=light] .hljs-number,.diff-tailwindcss-wrapper[data-theme=light] .hljs-operator,.diff-tailwindcss-wrapper[data-theme=light] .hljs-selector-attr,.diff-tailwindcss-wrapper[data-theme=light] .hljs-selector-class,.diff-tailwindcss-wrapper[data-theme=light] .hljs-selector-id,.diff-tailwindcss-wrapper[data-theme=light] .hljs-variable{color:#005cc5}.diff-tailwindcss-wrapper[data-theme=light] .hljs-meta .hljs-string,.diff-tailwindcss-wrapper[data-theme=light] .hljs-regexp,.diff-tailwindcss-wrapper[data-theme=light] .hljs-string{color:#032f62}.diff-tailwindcss-wrapper[data-theme=light] .hljs-built_in,.diff-tailwindcss-wrapper[data-theme=light] .hljs-symbol{color:#e36209}.diff-tailwindcss-wrapper[data-theme=light] .hljs-code,.diff-tailwindcss-wrapper[data-theme=light] .hljs-comment,.diff-tailwindcss-wrapper[data-theme=light] .hljs-formula{color:#6a737d}.diff-tailwindcss-wrapper[data-theme=light] .hljs-name,.diff-tailwindcss-wrapper[data-theme=light] .hljs-quote,.diff-tailwindcss-wrapper[data-theme=light] .hljs-selector-pseudo,.diff-tailwindcss-wrapper[data-theme=light] .hljs-selector-tag{color:#22863a}.diff-tailwindcss-wrapper[data-theme=light] .hljs-subst{color:#24292e}.diff-tailwindcss-wrapper[data-theme=light] .hljs-section{color:#005cc5;font-weight:700}.diff-tailwindcss-wrapper[data-theme=light] .hljs-bullet{color:#735c0f}.diff-tailwindcss-wrapper[data-theme=light] .hljs-emphasis{color:#24292e;font-style:italic}.diff-tailwindcss-wrapper[data-theme=light] .hljs-strong{color:#24292e;font-weight:700}.diff-tailwindcss-wrapper[data-theme=light] .hljs-addition{background-color:#f0fff4;color:#22863a}.diff-tailwindcss-wrapper[data-theme=light] .hljs-deletion{background-color:#ffeef0;color:#b31d28}
|
|
11
|
+
*/.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs{background:#fff;color:#24292e}.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-doctag,.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-keyword,.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-meta .hljs-keyword,.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-template-tag,.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-template-variable,.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-type,.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-variable.language_{color:#d73a49}.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-title,.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-title.class_,.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-title.class_.inherited__,.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-title.function_{color:#6f42c1}.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-attr,.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-attribute,.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-literal,.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-meta,.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-number,.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-operator,.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-selector-attr,.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-selector-class,.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-selector-id,.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-variable{color:#005cc5}.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-meta .hljs-string,.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-regexp,.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-string{color:#032f62}.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-built_in,.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-symbol{color:#e36209}.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-code,.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-comment,.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-formula{color:#6a737d}.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-name,.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-quote,.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-selector-pseudo,.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-selector-tag{color:#22863a}.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-subst{color:#24292e}.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-section{color:#005cc5;font-weight:700}.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-bullet{color:#735c0f}.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-emphasis{color:#24292e;font-style:italic}.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-strong{color:#24292e;font-weight:700}.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-addition{background-color:#f0fff4;color:#22863a}.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-deletion{background-color:#ffeef0;color:#b31d28}pre code.hljs{display:block;overflow-x:auto;padding:1em}.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw code.hljs{padding:3px 5px}
|
|
12
12
|
/*!
|
|
13
13
|
Theme: GitHub Dark
|
|
14
14
|
Description: Dark theme as seen on github.com
|
|
@@ -18,7 +18,6 @@
|
|
|
18
18
|
|
|
19
19
|
Outdated base version: https://github.com/primer/github-syntax-dark
|
|
20
20
|
Current colors taken from GitHub's CSS
|
|
21
|
-
*/.diff-tailwindcss-wrapper[data-theme=dark] .hljs{background:#0d1117;color:#c9d1d9}.diff-tailwindcss-wrapper[data-theme=dark] .hljs-doctag,.diff-tailwindcss-wrapper[data-theme=dark] .hljs-keyword,.diff-tailwindcss-wrapper[data-theme=dark] .hljs-meta .hljs-keyword,.diff-tailwindcss-wrapper[data-theme=dark] .hljs-template-tag,.diff-tailwindcss-wrapper[data-theme=dark] .hljs-template-variable,.diff-tailwindcss-wrapper[data-theme=dark] .hljs-type,.diff-tailwindcss-wrapper[data-theme=dark] .hljs-variable.language_{color:#ff7b72}.diff-tailwindcss-wrapper[data-theme=dark] .hljs-title,.diff-tailwindcss-wrapper[data-theme=dark] .hljs-title.class_,.diff-tailwindcss-wrapper[data-theme=dark] .hljs-title.class_.inherited__,.diff-tailwindcss-wrapper[data-theme=dark] .hljs-title.function_{color:#d2a8ff}.diff-tailwindcss-wrapper[data-theme=dark] .hljs-attr,.diff-tailwindcss-wrapper[data-theme=dark] .hljs-attribute,.diff-tailwindcss-wrapper[data-theme=dark] .hljs-literal,.diff-tailwindcss-wrapper[data-theme=dark] .hljs-meta,.diff-tailwindcss-wrapper[data-theme=dark] .hljs-number,.diff-tailwindcss-wrapper[data-theme=dark] .hljs-operator,.diff-tailwindcss-wrapper[data-theme=dark] .hljs-selector-attr,.diff-tailwindcss-wrapper[data-theme=dark] .hljs-selector-class,.diff-tailwindcss-wrapper[data-theme=dark] .hljs-selector-id,.diff-tailwindcss-wrapper[data-theme=dark] .hljs-variable{color:#79c0ff}.diff-tailwindcss-wrapper[data-theme=dark] .hljs-meta .hljs-string,.diff-tailwindcss-wrapper[data-theme=dark] .hljs-regexp,.diff-tailwindcss-wrapper[data-theme=dark] .hljs-string{color:#a5d6ff}.diff-tailwindcss-wrapper[data-theme=dark] .hljs-built_in,.diff-tailwindcss-wrapper[data-theme=dark] .hljs-symbol{color:#ffa657}.diff-tailwindcss-wrapper[data-theme=dark] .hljs-code,.diff-tailwindcss-wrapper[data-theme=dark] .hljs-comment,.diff-tailwindcss-wrapper[data-theme=dark] .hljs-formula{color:#8b949e}.diff-tailwindcss-wrapper[data-theme=dark] .hljs-name,.diff-tailwindcss-wrapper[data-theme=dark] .hljs-quote,.diff-tailwindcss-wrapper[data-theme=dark] .hljs-selector-pseudo,.diff-tailwindcss-wrapper[data-theme=dark] .hljs-selector-tag{color:#7ee787}.diff-tailwindcss-wrapper[data-theme=dark] .hljs-subst{color:#c9d1d9}.diff-tailwindcss-wrapper[data-theme=dark] .hljs-section{color:#1f6feb;font-weight:700}.diff-tailwindcss-wrapper[data-theme=dark] .hljs-bullet{color:#f2cc60}.diff-tailwindcss-wrapper[data-theme=dark] .hljs-emphasis{color:#c9d1d9;font-style:italic}.diff-tailwindcss-wrapper[data-theme=dark] .hljs-strong{color:#c9d1d9;font-weight:700}.diff-tailwindcss-wrapper[data-theme=dark] .hljs-addition{background-color:#033a16;color:#aff5b4}.diff-tailwindcss-wrapper[data-theme=dark] .hljs-deletion{background-color:#67060c;color:#ffdcd7}
|
|
22
|
-
|
|
23
|
-
! tailwindcss v3.4.10 | MIT License | https://tailwindcss.com
|
|
24
|
-
*/.diff-tailwindcss-wrapper *,.diff-tailwindcss-wrapper :after,.diff-tailwindcss-wrapper :before{border:0 solid #e5e7eb;box-sizing:border-box}.diff-tailwindcss-wrapper :after,.diff-tailwindcss-wrapper :before{--tw-content:""}.diff-tailwindcss-wrapper :host,.diff-tailwindcss-wrapper html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}.diff-tailwindcss-wrapper body{line-height:inherit;margin:0}.diff-tailwindcss-wrapper hr{border-top-width:1px;color:inherit;height:0}.diff-tailwindcss-wrapper abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.diff-tailwindcss-wrapper h1,.diff-tailwindcss-wrapper h2,.diff-tailwindcss-wrapper h3,.diff-tailwindcss-wrapper h4,.diff-tailwindcss-wrapper h5,.diff-tailwindcss-wrapper h6{font-size:inherit;font-weight:inherit}.diff-tailwindcss-wrapper a{color:inherit;text-decoration:inherit}.diff-tailwindcss-wrapper b,.diff-tailwindcss-wrapper strong{font-weight:bolder}.diff-tailwindcss-wrapper code,.diff-tailwindcss-wrapper kbd,.diff-tailwindcss-wrapper pre,.diff-tailwindcss-wrapper samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}.diff-tailwindcss-wrapper small{font-size:80%}.diff-tailwindcss-wrapper sub,.diff-tailwindcss-wrapper sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}.diff-tailwindcss-wrapper sub{bottom:-.25em}.diff-tailwindcss-wrapper sup{top:-.5em}.diff-tailwindcss-wrapper table{border-collapse:collapse;border-color:inherit;text-indent:0}.diff-tailwindcss-wrapper button,.diff-tailwindcss-wrapper input,.diff-tailwindcss-wrapper optgroup,.diff-tailwindcss-wrapper select,.diff-tailwindcss-wrapper textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}.diff-tailwindcss-wrapper button,.diff-tailwindcss-wrapper select{text-transform:none}.diff-tailwindcss-wrapper button,.diff-tailwindcss-wrapper input:where([type=button]),.diff-tailwindcss-wrapper input:where([type=reset]),.diff-tailwindcss-wrapper input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}.diff-tailwindcss-wrapper :-moz-focusring{outline:auto}.diff-tailwindcss-wrapper :-moz-ui-invalid{box-shadow:none}.diff-tailwindcss-wrapper progress{vertical-align:baseline}.diff-tailwindcss-wrapper ::-webkit-inner-spin-button,.diff-tailwindcss-wrapper ::-webkit-outer-spin-button{height:auto}.diff-tailwindcss-wrapper [type=search]{-webkit-appearance:textfield;outline-offset:-2px}.diff-tailwindcss-wrapper ::-webkit-search-decoration{-webkit-appearance:none}.diff-tailwindcss-wrapper ::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}.diff-tailwindcss-wrapper summary{display:list-item}.diff-tailwindcss-wrapper blockquote,.diff-tailwindcss-wrapper dd,.diff-tailwindcss-wrapper dl,.diff-tailwindcss-wrapper figure,.diff-tailwindcss-wrapper h1,.diff-tailwindcss-wrapper h2,.diff-tailwindcss-wrapper h3,.diff-tailwindcss-wrapper h4,.diff-tailwindcss-wrapper h5,.diff-tailwindcss-wrapper h6,.diff-tailwindcss-wrapper hr,.diff-tailwindcss-wrapper p,.diff-tailwindcss-wrapper pre{margin:0}.diff-tailwindcss-wrapper fieldset{margin:0;padding:0}.diff-tailwindcss-wrapper legend{padding:0}.diff-tailwindcss-wrapper menu,.diff-tailwindcss-wrapper ol,.diff-tailwindcss-wrapper ul{list-style:none;margin:0;padding:0}.diff-tailwindcss-wrapper dialog{padding:0}.diff-tailwindcss-wrapper textarea{resize:vertical}.diff-tailwindcss-wrapper input::-moz-placeholder,.diff-tailwindcss-wrapper textarea::-moz-placeholder{color:#9ca3af;opacity:1}.diff-tailwindcss-wrapper input::placeholder,.diff-tailwindcss-wrapper textarea::placeholder{color:#9ca3af;opacity:1}.diff-tailwindcss-wrapper [role=button],.diff-tailwindcss-wrapper button{cursor:pointer}.diff-tailwindcss-wrapper :disabled{cursor:default}.diff-tailwindcss-wrapper audio,.diff-tailwindcss-wrapper canvas,.diff-tailwindcss-wrapper embed,.diff-tailwindcss-wrapper iframe,.diff-tailwindcss-wrapper img,.diff-tailwindcss-wrapper object,.diff-tailwindcss-wrapper svg,.diff-tailwindcss-wrapper video{display:block;vertical-align:middle}.diff-tailwindcss-wrapper img,.diff-tailwindcss-wrapper video{height:auto;max-width:100%}.diff-tailwindcss-wrapper [hidden]{display:none}.diff-tailwindcss-wrapper *,.diff-tailwindcss-wrapper :after,.diff-tailwindcss-wrapper :before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.diff-tailwindcss-wrapper ::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.diff-tailwindcss-wrapper .container{width:100%}@media (min-width:640px){.diff-tailwindcss-wrapper .container{max-width:640px}}@media (min-width:768px){.diff-tailwindcss-wrapper .container{max-width:768px}}@media (min-width:1024px){.diff-tailwindcss-wrapper .container{max-width:1024px}}@media (min-width:1280px){.diff-tailwindcss-wrapper .container{max-width:1280px}}@media (min-width:1536px){.diff-tailwindcss-wrapper .container{max-width:1536px}}.diff-tailwindcss-wrapper .invisible{visibility:hidden}.diff-tailwindcss-wrapper .absolute{position:absolute}.diff-tailwindcss-wrapper .relative{position:relative}.diff-tailwindcss-wrapper .sticky{position:sticky}.diff-tailwindcss-wrapper .left-0{left:0}.diff-tailwindcss-wrapper .left-\[100\%\]{left:100%}.diff-tailwindcss-wrapper .right-\[100\%\]{right:100%}.diff-tailwindcss-wrapper .top-0{top:0}.diff-tailwindcss-wrapper .top-\[1px\]{top:1px}.diff-tailwindcss-wrapper .top-\[50\%\]{top:50%}.diff-tailwindcss-wrapper .z-\[1\]{z-index:1}.diff-tailwindcss-wrapper .ml-\[-1\.5em\]{margin-left:-1.5em}.diff-tailwindcss-wrapper .block{display:block}.diff-tailwindcss-wrapper .inline-block{display:inline-block}.diff-tailwindcss-wrapper .flex{display:flex}.diff-tailwindcss-wrapper .table{display:table}.diff-tailwindcss-wrapper .hidden{display:none}.diff-tailwindcss-wrapper .h-\[50\%\]{height:50%}.diff-tailwindcss-wrapper .h-full{height:100%}.diff-tailwindcss-wrapper .min-h-\[28px\]{min-height:28px}.diff-tailwindcss-wrapper .w-\[1\%\]{width:1%}.diff-tailwindcss-wrapper .w-\[1\.5em\]{width:1.5em}.diff-tailwindcss-wrapper .w-\[1\.5px\]{width:1.5px}.diff-tailwindcss-wrapper .w-\[10px\]{width:10px}.diff-tailwindcss-wrapper .w-\[1px\]{width:1px}.diff-tailwindcss-wrapper .w-\[50\%\]{width:50%}.diff-tailwindcss-wrapper .w-full{width:100%}.diff-tailwindcss-wrapper .w-max{width:-moz-max-content;width:max-content}.diff-tailwindcss-wrapper .min-w-\[100px\]{min-width:100px}.diff-tailwindcss-wrapper .min-w-\[40px\]{min-width:40px}.diff-tailwindcss-wrapper .min-w-full{min-width:100%}.diff-tailwindcss-wrapper .flex-shrink-0,.diff-tailwindcss-wrapper .shrink-0{flex-shrink:0}.diff-tailwindcss-wrapper .basis-\[50\%\]{flex-basis:50%}.diff-tailwindcss-wrapper .table-fixed{table-layout:fixed}.diff-tailwindcss-wrapper .border-collapse{border-collapse:collapse}.diff-tailwindcss-wrapper .border-spacing-0{--tw-border-spacing-x:0px;--tw-border-spacing-y:0px;border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y)}.diff-tailwindcss-wrapper .origin-center{transform-origin:center}.diff-tailwindcss-wrapper .translate-x-\[-50\%\]{--tw-translate-x:-50%}.diff-tailwindcss-wrapper .translate-x-\[-50\%\],.diff-tailwindcss-wrapper .translate-x-\[50\%\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.diff-tailwindcss-wrapper .translate-x-\[50\%\]{--tw-translate-x:50%}.diff-tailwindcss-wrapper .translate-y-\[-50\%\]{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.diff-tailwindcss-wrapper .cursor-pointer{cursor:pointer}.diff-tailwindcss-wrapper .select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.diff-tailwindcss-wrapper .flex-col{flex-direction:column}.diff-tailwindcss-wrapper .items-start{align-items:flex-start}.diff-tailwindcss-wrapper .items-center{align-items:center}.diff-tailwindcss-wrapper .justify-center{justify-content:center}.diff-tailwindcss-wrapper .overflow-x-auto{overflow-x:auto}.diff-tailwindcss-wrapper .overflow-y-hidden{overflow-y:hidden}.diff-tailwindcss-wrapper .whitespace-nowrap{white-space:nowrap}.diff-tailwindcss-wrapper .break-all{word-break:break-all}.diff-tailwindcss-wrapper .rounded-\[0\.2em\]{border-radius:.2em}.diff-tailwindcss-wrapper .rounded-\[2px\]{border-radius:2px}.diff-tailwindcss-wrapper .rounded-md{border-radius:.375rem}.diff-tailwindcss-wrapper .border-l-\[1px\]{border-left-width:1px}.diff-tailwindcss-wrapper .fill-current{fill:currentColor}.diff-tailwindcss-wrapper .p-0{padding:0}.diff-tailwindcss-wrapper .p-\[1px\]{padding:1px}.diff-tailwindcss-wrapper .px-\[10px\]{padding-left:10px;padding-right:10px}.diff-tailwindcss-wrapper .py-\[2px\]{padding-bottom:2px;padding-top:2px}.diff-tailwindcss-wrapper .py-\[6px\]{padding-bottom:6px;padding-top:6px}.diff-tailwindcss-wrapper .pl-\[1\.5em\]{padding-left:1.5em}.diff-tailwindcss-wrapper .pl-\[10px\]{padding-left:10px}.diff-tailwindcss-wrapper .pl-\[2\.0em\]{padding-left:2em}.diff-tailwindcss-wrapper .pr-\[10px\]{padding-right:10px}.diff-tailwindcss-wrapper .text-right{text-align:right}.diff-tailwindcss-wrapper .indent-\[0\.2em\]{text-indent:.2em}.diff-tailwindcss-wrapper .align-top{vertical-align:top}.diff-tailwindcss-wrapper .align-middle{vertical-align:middle}.diff-tailwindcss-wrapper .text-\[1\.2em\]{font-size:1.2em}.diff-tailwindcss-wrapper .leading-\[1\.4\]{line-height:1.4}.diff-tailwindcss-wrapper .leading-\[1\.6\]{line-height:1.6}.diff-tailwindcss-wrapper .text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity))}.diff-tailwindcss-wrapper .opacity-\[0\.5\]{opacity:.5}.diff-tailwindcss-wrapper .filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.diff-tailwindcss-wrapper .transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.diff-tailwindcss-wrapper[data-theme=light] .diff-style-root{--diff-border--:#dedede;--diff-add-content--:#e6ffec;--diff-del-content--:#ffebe9;--diff-add-lineNumber--:#ccffd8;--diff-del-lineNumber--:#ffd7d5;--diff-plain-content--:#fff;--diff-expand-content--:#fafafa;--diff-plain-lineNumber--:#fafafa;--diff-plain-lineNumber-color--:#555;--diff-hunk-content--:#ddf4ff;--diff-hunk-lineNumber--:#c7ecff;--diff-hunk-lineNumber-hover--:#9dc4f8;--diff-add-content-highlight--:#abf2bc;--diff-del-content-highlight--:#ffb3ad;--diff-add-widget--:#0969d2;--diff-add-widget-color--:#fff;--diff-empty-content--:#fafafa;--diff-hunk-content-color--:#777;color:#000}.diff-tailwindcss-wrapper[data-theme=dark] .diff-style-root{--diff-border--:#3d444d;--diff-add-content--:#14261f;--diff-del-content--:#311b1f;--diff-add-lineNumber--:#1f4429;--diff-del-lineNumber--:#552527;--diff-plain-content--:#0d1117;--diff-expand-content--:#161b22;--diff-plain-lineNumber--:#161b22;--diff-plain-lineNumber-color--:#a0aaab;--diff-hunk-content--:#131d2e;--diff-hunk-lineNumber--:#204274;--diff-hunk-lineNumber-hover--:#386de3;--diff-add-content-highlight--:#1f572d;--diff-del-content-highlight--:#80312f;--diff-add-widget--:#0969d2;--diff-add-widget-color--:#fff;--diff-empty-content--:#161b22;--diff-hunk-content-color--:#9298a0;color:#fff}.diff-tailwindcss-wrapper table,.diff-tailwindcss-wrapper td,.diff-tailwindcss-wrapper tr{border-color:transparent;border-width:0}.diff-tailwindcss-wrapper .diff-style-root tr{content-visibility:auto}.diff-tailwindcss-wrapper .diff-widget-tooltip{position:relative}.diff-tailwindcss-wrapper .diff-widget-tooltip:after{background-color:#555;border-radius:4px;box-sizing:border-box;color:#fff;content:attr(data-title);display:none;font-size:11px;left:calc(100% + 8px);overflow:hidden;padding:1px 2px;position:absolute;top:50%;transform:translateY(-50%);white-space:nowrap}.diff-tailwindcss-wrapper .diff-widget-tooltip:before{border:6px solid transparent;border-right-color:#555;box-sizing:border-box;content:"";display:none;left:calc(100% - 2px);position:absolute;top:50%;transform:translateY(-50%)}.diff-tailwindcss-wrapper .diff-widget-tooltip:hover{background-color:var(--diff-hunk-lineNumber-hover--)}.diff-tailwindcss-wrapper .diff-widget-tooltip:hover:after,.diff-tailwindcss-wrapper .diff-widget-tooltip:hover:before{display:block}.diff-tailwindcss-wrapper .diff-line-extend-wrapper *,.diff-tailwindcss-wrapper .diff-line-widget-wrapper *{color:initial}.diff-tailwindcss-wrapper .hover\:scale-110:hover{--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.diff-tailwindcss-wrapper .hover\:bg-blue-300:hover{--tw-bg-opacity:1;background-color:rgb(147 197 253/var(--tw-bg-opacity))}.diff-tailwindcss-wrapper .group:hover .group-hover\:visible{visibility:visible}
|
|
21
|
+
*/.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs{background:#0d1117;color:#c9d1d9}.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-doctag,.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-keyword,.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-meta .hljs-keyword,.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-template-tag,.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-template-variable,.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-type,.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-variable.language_{color:#ff7b72}.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-title,.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-title.class_,.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-title.class_.inherited__,.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-title.function_{color:#d2a8ff}.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-attr,.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-attribute,.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-literal,.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-meta,.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-number,.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-operator,.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-selector-attr,.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-selector-class,.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-selector-id,.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-variable{color:#79c0ff}.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-meta .hljs-string,.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-regexp,.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-string{color:#a5d6ff}.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-built_in,.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-symbol{color:#ffa657}.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-code,.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-comment,.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-formula{color:#8b949e}.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-name,.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-quote,.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-selector-pseudo,.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-selector-tag{color:#7ee787}.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-subst{color:#c9d1d9}.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-section{color:#1f6feb;font-weight:700}.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-bullet{color:#f2cc60}.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-emphasis{color:#c9d1d9;font-style:italic}.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-strong{color:#c9d1d9;font-weight:700}.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-addition{background-color:#033a16;color:#aff5b4}.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-deletion{background-color:#67060c;color:#ffdcd7}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: } /*
|
|
22
|
+
! tailwindcss v3.4.14 | MIT License | https://tailwindcss.com
|
|
23
|
+
*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.diff-tailwindcss-wrapper .container{width:100%}@media (min-width:640px){.diff-tailwindcss-wrapper .container{max-width:640px}}@media (min-width:768px){.diff-tailwindcss-wrapper .container{max-width:768px}}@media (min-width:1024px){.diff-tailwindcss-wrapper .container{max-width:1024px}}@media (min-width:1280px){.diff-tailwindcss-wrapper .container{max-width:1280px}}@media (min-width:1536px){.diff-tailwindcss-wrapper .container{max-width:1536px}}.diff-tailwindcss-wrapper .invisible{visibility:hidden}.diff-tailwindcss-wrapper .absolute{position:absolute}.diff-tailwindcss-wrapper .relative{position:relative}.diff-tailwindcss-wrapper .sticky{position:sticky}.diff-tailwindcss-wrapper .left-0{left:0}.diff-tailwindcss-wrapper .left-\[100\%\]{left:100%}.diff-tailwindcss-wrapper .right-\[100\%\]{right:100%}.diff-tailwindcss-wrapper .top-0{top:0}.diff-tailwindcss-wrapper .top-\[1px\]{top:1px}.diff-tailwindcss-wrapper .top-\[50\%\]{top:50%}.diff-tailwindcss-wrapper .z-\[1\]{z-index:1}.diff-tailwindcss-wrapper .ml-\[-1\.5em\]{margin-left:-1.5em}.diff-tailwindcss-wrapper .block{display:block}.diff-tailwindcss-wrapper .inline-block{display:inline-block}.diff-tailwindcss-wrapper .flex{display:flex}.diff-tailwindcss-wrapper .table{display:table}.diff-tailwindcss-wrapper .hidden{display:none}.diff-tailwindcss-wrapper .h-\[50\%\]{height:50%}.diff-tailwindcss-wrapper .h-full{height:100%}.diff-tailwindcss-wrapper .min-h-\[28px\]{min-height:28px}.diff-tailwindcss-wrapper .w-\[1\%\]{width:1%}.diff-tailwindcss-wrapper .w-\[1\.5em\]{width:1.5em}.diff-tailwindcss-wrapper .w-\[1\.5px\]{width:1.5px}.diff-tailwindcss-wrapper .w-\[10px\]{width:10px}.diff-tailwindcss-wrapper .w-\[1px\]{width:1px}.diff-tailwindcss-wrapper .w-\[50\%\]{width:50%}.diff-tailwindcss-wrapper .w-full{width:100%}.diff-tailwindcss-wrapper .w-max{width:-moz-max-content;width:max-content}.diff-tailwindcss-wrapper .min-w-\[100px\]{min-width:100px}.diff-tailwindcss-wrapper .min-w-\[40px\]{min-width:40px}.diff-tailwindcss-wrapper .min-w-full{min-width:100%}.diff-tailwindcss-wrapper .flex-shrink-0,.diff-tailwindcss-wrapper .shrink-0{flex-shrink:0}.diff-tailwindcss-wrapper .basis-\[50\%\]{flex-basis:50%}.diff-tailwindcss-wrapper .table-fixed{table-layout:fixed}.diff-tailwindcss-wrapper .border-collapse{border-collapse:collapse}.diff-tailwindcss-wrapper .border-spacing-0{--tw-border-spacing-x:0px;--tw-border-spacing-y:0px;border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y)}.diff-tailwindcss-wrapper .origin-center{transform-origin:center}.diff-tailwindcss-wrapper .translate-x-\[-50\%\]{--tw-translate-x:-50%}.diff-tailwindcss-wrapper .translate-x-\[-50\%\],.diff-tailwindcss-wrapper .translate-x-\[50\%\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.diff-tailwindcss-wrapper .translate-x-\[50\%\]{--tw-translate-x:50%}.diff-tailwindcss-wrapper .translate-y-\[-50\%\]{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.diff-tailwindcss-wrapper .cursor-pointer{cursor:pointer}.diff-tailwindcss-wrapper .select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.diff-tailwindcss-wrapper .flex-col{flex-direction:column}.diff-tailwindcss-wrapper .items-start{align-items:flex-start}.diff-tailwindcss-wrapper .items-center{align-items:center}.diff-tailwindcss-wrapper .justify-center{justify-content:center}.diff-tailwindcss-wrapper .overflow-x-auto{overflow-x:auto}.diff-tailwindcss-wrapper .overflow-y-hidden{overflow-y:hidden}.diff-tailwindcss-wrapper .whitespace-nowrap{white-space:nowrap}.diff-tailwindcss-wrapper .break-all{word-break:break-all}.diff-tailwindcss-wrapper .rounded-\[0\.2em\]{border-radius:.2em}.diff-tailwindcss-wrapper .rounded-\[2px\]{border-radius:2px}.diff-tailwindcss-wrapper .rounded-md{border-radius:.375rem}.diff-tailwindcss-wrapper .border-l-\[1px\]{border-left-width:1px}.diff-tailwindcss-wrapper .fill-current{fill:currentColor}.diff-tailwindcss-wrapper .p-0{padding:0}.diff-tailwindcss-wrapper .p-\[1px\]{padding:1px}.diff-tailwindcss-wrapper .px-\[10px\]{padding-left:10px;padding-right:10px}.diff-tailwindcss-wrapper .py-\[2px\]{padding-bottom:2px;padding-top:2px}.diff-tailwindcss-wrapper .py-\[6px\]{padding-bottom:6px;padding-top:6px}.diff-tailwindcss-wrapper .pl-\[1\.5em\]{padding-left:1.5em}.diff-tailwindcss-wrapper .pl-\[10px\]{padding-left:10px}.diff-tailwindcss-wrapper .pl-\[2\.0em\]{padding-left:2em}.diff-tailwindcss-wrapper .pr-\[10px\]{padding-right:10px}.diff-tailwindcss-wrapper .text-right{text-align:right}.diff-tailwindcss-wrapper .indent-\[0\.2em\]{text-indent:.2em}.diff-tailwindcss-wrapper .align-top{vertical-align:top}.diff-tailwindcss-wrapper .align-middle{vertical-align:middle}.diff-tailwindcss-wrapper .text-\[1\.2em\]{font-size:1.2em}.diff-tailwindcss-wrapper .leading-\[1\.4\]{line-height:1.4}.diff-tailwindcss-wrapper .leading-\[1\.6\]{line-height:1.6}.diff-tailwindcss-wrapper .text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity))}.diff-tailwindcss-wrapper .opacity-\[0\.5\]{opacity:.5}.diff-tailwindcss-wrapper .filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.diff-tailwindcss-wrapper .transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.diff-tailwindcss-wrapper[data-theme=light] .diff-style-root{--diff-border--:#dedede;--diff-add-content--:#e6ffec;--diff-del-content--:#ffebe9;--diff-add-lineNumber--:#ccffd8;--diff-del-lineNumber--:#ffd7d5;--diff-plain-content--:#fff;--diff-expand-content--:#fafafa;--diff-plain-lineNumber--:#fafafa;--diff-plain-lineNumber-color--:#555;--diff-hunk-content--:#ddf4ff;--diff-hunk-lineNumber--:#c7ecff;--diff-hunk-lineNumber-hover--:#9dc4f8;--diff-add-content-highlight--:#abf2bc;--diff-del-content-highlight--:#ffb3ad;--diff-add-widget--:#0969d2;--diff-add-widget-color--:#fff;--diff-empty-content--:#fafafa;--diff-hunk-content-color--:#777;color:#000}.diff-tailwindcss-wrapper .diff-style-root .diff-line-syntax-raw *,.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw *{color:var(--diff-view-light,inherit);font-weight:var(--diff-view-light-font-weight,inherit)}.diff-tailwindcss-wrapper[data-theme=dark] .diff-style-root{--diff-border--:#3d444d;--diff-add-content--:#14261f;--diff-del-content--:#311b1f;--diff-add-lineNumber--:#1f4429;--diff-del-lineNumber--:#552527;--diff-plain-content--:#0d1117;--diff-expand-content--:#161b22;--diff-plain-lineNumber--:#161b22;--diff-plain-lineNumber-color--:#a0aaab;--diff-hunk-content--:#131d2e;--diff-hunk-lineNumber--:#204274;--diff-hunk-lineNumber-hover--:#386de3;--diff-add-content-highlight--:#1f572d;--diff-del-content-highlight--:#80312f;--diff-add-widget--:#0969d2;--diff-add-widget-color--:#fff;--diff-empty-content--:#161b22;--diff-hunk-content-color--:#9298a0;color:#fff}.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw *{color:var(--diff-view-dark,inherit);font-weight:var(--diff-view-dark-font-weight,inherit)}.diff-tailwindcss-wrapper table,.diff-tailwindcss-wrapper td,.diff-tailwindcss-wrapper tr{border-color:transparent;border-width:0}.diff-tailwindcss-wrapper .diff-style-root tr{content-visibility:auto}.diff-tailwindcss-wrapper .diff-widget-tooltip{position:relative}.diff-tailwindcss-wrapper .diff-widget-tooltip:after{background-color:#555;border-radius:4px;box-sizing:border-box;color:#fff;content:attr(data-title);display:none;font-size:11px;left:calc(100% + 8px);overflow:hidden;padding:1px 2px;position:absolute;top:50%;transform:translateY(-50%);white-space:nowrap}.diff-tailwindcss-wrapper .diff-widget-tooltip:before{border:6px solid transparent;border-right-color:#555;box-sizing:border-box;content:"";display:none;left:calc(100% - 2px);position:absolute;top:50%;transform:translateY(-50%)}.diff-tailwindcss-wrapper .diff-widget-tooltip:hover{background-color:var(--diff-hunk-lineNumber-hover--)}.diff-tailwindcss-wrapper .diff-widget-tooltip:hover:after,.diff-tailwindcss-wrapper .diff-widget-tooltip:hover:before{display:block}.diff-line-extend-wrapper *,.diff-line-widget-wrapper *{color:initial}.hover\:scale-110:hover{--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:bg-blue-300:hover{--tw-bg-opacity:1;background-color:rgb(147 197 253/var(--tw-bg-opacity))}.group:hover .group-hover\:visible{visibility:visible}
|
package/dist/esm/index.mjs
CHANGED
|
@@ -333,6 +333,8 @@ const DiffNoNewLine = () => {
|
|
|
333
333
|
|
|
334
334
|
const temp = {};
|
|
335
335
|
const formatStringToCamelCase = (str) => {
|
|
336
|
+
if (str.startsWith("--"))
|
|
337
|
+
return str;
|
|
336
338
|
const splitted = str.split("-");
|
|
337
339
|
if (splitted.length === 1)
|
|
338
340
|
return splitted[0];
|
|
@@ -449,7 +451,9 @@ const DiffContent = ({ diffLine, rawLine, syntaxLine, enableWrap, enableHighligh
|
|
|
449
451
|
const isAdded = (diffLine === null || diffLine === void 0 ? void 0 : diffLine.type) === DiffLineType.Add;
|
|
450
452
|
const isDelete = (diffLine === null || diffLine === void 0 ? void 0 : diffLine.type) === DiffLineType.Delete;
|
|
451
453
|
const isMaxLineLengthToIgnoreSyntax = ((_a = syntaxLine === null || syntaxLine === void 0 ? void 0 : syntaxLine.nodeList) === null || _a === void 0 ? void 0 : _a.length) > 150;
|
|
452
|
-
return (React.createElement("div", { className: "diff-line-content-item pl-[2.0em]",
|
|
454
|
+
return (React.createElement("div", { className: "diff-line-content-item pl-[2.0em]",
|
|
455
|
+
// data-val={rawLine}
|
|
456
|
+
style: {
|
|
453
457
|
whiteSpace: enableWrap ? "pre-wrap" : "pre",
|
|
454
458
|
wordBreak: enableWrap ? "break-all" : "initial",
|
|
455
459
|
} },
|
|
@@ -552,43 +556,45 @@ const useDomWidth = ({ selector, enable }) => {
|
|
|
552
556
|
const useSyncHeight = ({ selector, wrapper, side, enable, }) => {
|
|
553
557
|
const { useDiffContext } = useDiffViewContext();
|
|
554
558
|
const id = useDiffContext(useCallback((s) => s.id, []));
|
|
555
|
-
|
|
559
|
+
useEffect(() => {
|
|
556
560
|
if (enable) {
|
|
557
|
-
|
|
558
|
-
|
|
559
|
-
const
|
|
560
|
-
|
|
561
|
-
const
|
|
562
|
-
const
|
|
563
|
-
|
|
564
|
-
|
|
565
|
-
|
|
566
|
-
|
|
567
|
-
|
|
568
|
-
|
|
569
|
-
const
|
|
570
|
-
|
|
571
|
-
|
|
561
|
+
let clean = () => { };
|
|
562
|
+
// fix the dom delay update
|
|
563
|
+
const timer = setTimeout(() => {
|
|
564
|
+
const container = document.querySelector(`#diff-root${id}`);
|
|
565
|
+
const elements = Array.from((container === null || container === void 0 ? void 0 : container.querySelectorAll(selector)) || []);
|
|
566
|
+
const wrappers = wrapper ? Array.from((container === null || container === void 0 ? void 0 : container.querySelectorAll(wrapper)) || []) : elements;
|
|
567
|
+
if (elements.length === 2 && wrappers.length === 2) {
|
|
568
|
+
const ele1 = elements[0];
|
|
569
|
+
const ele2 = elements[1];
|
|
570
|
+
const wrapper1 = wrappers[0];
|
|
571
|
+
const wrapper2 = wrappers[1];
|
|
572
|
+
const target = ele1.getAttribute("data-side") === side ? ele1 : ele2;
|
|
573
|
+
const cb = () => {
|
|
574
|
+
ele1.style.height = "auto";
|
|
575
|
+
ele2.style.height = "auto";
|
|
576
|
+
const rect1 = ele1.getBoundingClientRect();
|
|
577
|
+
const rect2 = ele2.getBoundingClientRect();
|
|
572
578
|
const maxHeight = Math.max(rect1.height, rect2.height);
|
|
573
579
|
wrapper1.style.height = maxHeight + "px";
|
|
574
580
|
wrapper2.style.height = maxHeight + "px";
|
|
575
581
|
wrapper1.setAttribute("data-sync-height", String(maxHeight));
|
|
576
582
|
wrapper2.setAttribute("data-sync-height", String(maxHeight));
|
|
577
|
-
}
|
|
578
|
-
|
|
579
|
-
|
|
580
|
-
|
|
581
|
-
|
|
582
|
-
|
|
583
|
-
|
|
584
|
-
|
|
585
|
-
|
|
586
|
-
|
|
587
|
-
|
|
588
|
-
|
|
589
|
-
|
|
590
|
-
|
|
591
|
-
}
|
|
583
|
+
};
|
|
584
|
+
cb();
|
|
585
|
+
const observer = new ResizeObserver(cb);
|
|
586
|
+
observer.observe(target);
|
|
587
|
+
target.setAttribute("data-observe", "height");
|
|
588
|
+
clean = () => {
|
|
589
|
+
observer.disconnect();
|
|
590
|
+
target === null || target === void 0 ? void 0 : target.removeAttribute("data-observe");
|
|
591
|
+
};
|
|
592
|
+
}
|
|
593
|
+
});
|
|
594
|
+
return () => {
|
|
595
|
+
clean();
|
|
596
|
+
clearTimeout(timer);
|
|
597
|
+
};
|
|
592
598
|
}
|
|
593
599
|
}, [selector, enable, side, id, wrapper]);
|
|
594
600
|
};
|
|
@@ -600,29 +606,30 @@ const _DiffSplitExtendLine$1 = ({ index, diffFile, oldLineExtend, newLineExtend,
|
|
|
600
606
|
const renderExtendLine = useDiffContext.useShallowStableSelector((s) => s.renderExtendLine);
|
|
601
607
|
const currentExtend = side === SplitSide.old ? oldLineExtend : newLineExtend;
|
|
602
608
|
const currentLineNumber = side === SplitSide.old ? oldLine.lineNumber : newLine.lineNumber;
|
|
609
|
+
const hasExtend = (currentExtend === null || currentExtend === void 0 ? void 0 : currentExtend.data) !== undefined && (currentExtend === null || currentExtend === void 0 ? void 0 : currentExtend.data) !== null;
|
|
610
|
+
const currentExtendRendered = hasExtend &&
|
|
611
|
+
(renderExtendLine === null || renderExtendLine === void 0 ? void 0 : renderExtendLine({
|
|
612
|
+
diffFile,
|
|
613
|
+
side,
|
|
614
|
+
lineNumber: currentLineNumber,
|
|
615
|
+
data: currentExtend.data,
|
|
616
|
+
onUpdate: diffFile.notifyAll,
|
|
617
|
+
}));
|
|
603
618
|
useSyncHeight({
|
|
604
619
|
selector: `div[data-line="${lineNumber}-extend-content"]`,
|
|
605
620
|
wrapper: `tr[data-line="${lineNumber}-extend"]`,
|
|
606
621
|
side: SplitSide[side],
|
|
607
|
-
enable:
|
|
622
|
+
enable: hasExtend && typeof renderExtendLine === "function",
|
|
608
623
|
});
|
|
609
624
|
const width = useDomWidth({
|
|
610
625
|
selector: side === SplitSide.old ? ".old-diff-table-wrapper" : ".new-diff-table-wrapper",
|
|
611
|
-
enable:
|
|
626
|
+
enable: hasExtend && typeof renderExtendLine === "function",
|
|
612
627
|
});
|
|
613
628
|
if (!renderExtendLine)
|
|
614
629
|
return null;
|
|
615
|
-
return (React.createElement("tr", { "data-line": `${lineNumber}-extend`, "data-state": "extend", "data-side": SplitSide[side], className: "diff-line diff-line-extend" },
|
|
616
|
-
React.createElement("div", { "data-line": `${lineNumber}-extend-content`, "data-side": SplitSide[side], className: "diff-line-extend-wrapper sticky left-0", style: { width } }, width > 0 &&
|
|
617
|
-
|
|
618
|
-
(renderExtendLine === null || renderExtendLine === void 0 ? void 0 : renderExtendLine({
|
|
619
|
-
diffFile,
|
|
620
|
-
side,
|
|
621
|
-
lineNumber: currentLineNumber,
|
|
622
|
-
data: currentExtend.data,
|
|
623
|
-
onUpdate: diffFile.notifyAll,
|
|
624
|
-
}))))) : (React.createElement("td", { className: `diff-line-extend-${SplitSide[side]}-placeholder select-none p-0`, style: { backgroundColor: `var(${emptyBGName})` }, colSpan: 2 },
|
|
625
|
-
React.createElement("div", { "data-line": `${lineNumber}-extend-content`, "data-side": SplitSide[side] }, "\u2002")))));
|
|
630
|
+
return (React.createElement("tr", { "data-line": `${lineNumber}-extend`, "data-state": "extend", "data-side": SplitSide[side], className: "diff-line diff-line-extend" }, hasExtend ? (React.createElement("td", { className: `diff-line-extend-${SplitSide[side]}-content p-0`, colSpan: 2 },
|
|
631
|
+
React.createElement("div", { "data-line": `${lineNumber}-extend-content`, "data-side": SplitSide[side], className: "diff-line-extend-wrapper sticky left-0", style: { width } }, width > 0 && currentExtendRendered))) : (React.createElement("td", { className: `diff-line-extend-${SplitSide[side]}-placeholder select-none p-0`, style: { backgroundColor: `var(${emptyBGName})` }, colSpan: 2 },
|
|
632
|
+
React.createElement("div", { "data-line": `${lineNumber}-extend-content`, "data-side": SplitSide[side] })))));
|
|
626
633
|
};
|
|
627
634
|
const DiffSplitExtendLine$1 = ({ index, diffFile, side, lineNumber, }) => {
|
|
628
635
|
const { useDiffContext } = useDiffViewContext();
|
|
@@ -760,11 +767,18 @@ const DiffSplitHunkLine$1 = ({ index, diffFile, side, lineNumber, }) => {
|
|
|
760
767
|
const _DiffSplitWidgetLine$1 = ({ diffFile, side, lineNumber, currentLine, setWidget, currentWidget, }) => {
|
|
761
768
|
const { useDiffContext } = useDiffViewContext();
|
|
762
769
|
const renderWidgetLine = useDiffContext.useShallowStableSelector((s) => s.renderWidgetLine);
|
|
770
|
+
const currentWidgetRendered = currentWidget &&
|
|
771
|
+
(renderWidgetLine === null || renderWidgetLine === void 0 ? void 0 : renderWidgetLine({
|
|
772
|
+
diffFile,
|
|
773
|
+
side,
|
|
774
|
+
lineNumber: currentLine.lineNumber,
|
|
775
|
+
onClose: () => setWidget({}),
|
|
776
|
+
}));
|
|
763
777
|
useSyncHeight({
|
|
764
778
|
selector: `div[data-line="${lineNumber}-widget-content"]`,
|
|
765
779
|
wrapper: `tr[data-line="${lineNumber}-widget"]`,
|
|
766
780
|
side: SplitSide[side],
|
|
767
|
-
enable: currentWidget && typeof renderWidgetLine === "function",
|
|
781
|
+
enable: !!currentWidget && typeof renderWidgetLine === "function",
|
|
768
782
|
});
|
|
769
783
|
const width = useDomWidth({
|
|
770
784
|
selector: side === SplitSide.old ? ".old-diff-table-wrapper" : ".new-diff-table-wrapper",
|
|
@@ -773,14 +787,8 @@ const _DiffSplitWidgetLine$1 = ({ diffFile, side, lineNumber, currentLine, setWi
|
|
|
773
787
|
if (!renderWidgetLine)
|
|
774
788
|
return null;
|
|
775
789
|
return (React.createElement("tr", { "data-line": `${lineNumber}-widget`, "data-state": "widget", "data-side": SplitSide[side], className: "diff-line diff-line-widget" }, currentWidget ? (React.createElement("td", { className: `diff-line-widget-${SplitSide[side]}-content p-0`, colSpan: 2 },
|
|
776
|
-
React.createElement("div", { "data-line": `${lineNumber}-widget-content`, "data-side": SplitSide[side], className: "diff-line-widget-wrapper sticky left-0", style: { width } }, width > 0 &&
|
|
777
|
-
|
|
778
|
-
diffFile,
|
|
779
|
-
side,
|
|
780
|
-
lineNumber: currentLine.lineNumber,
|
|
781
|
-
onClose: () => setWidget({}),
|
|
782
|
-
}))))) : (React.createElement("td", { className: `diff-line-widget-${SplitSide[side]}-placeholder p-0`, style: { backgroundColor: `var(${emptyBGName})` }, colSpan: 2 },
|
|
783
|
-
React.createElement("div", { "data-line": `${lineNumber}-widget-content`, "data-side": SplitSide[side] }, "\u2002")))));
|
|
790
|
+
React.createElement("div", { "data-line": `${lineNumber}-widget-content`, "data-side": SplitSide[side], className: "diff-line-widget-wrapper sticky left-0", style: { width } }, width > 0 && currentWidgetRendered))) : (React.createElement("td", { className: `diff-line-widget-${SplitSide[side]}-placeholder p-0`, style: { backgroundColor: `var(${emptyBGName})` }, colSpan: 2 },
|
|
791
|
+
React.createElement("div", { "data-line": `${lineNumber}-widget-content`, "data-side": SplitSide[side] })))));
|
|
784
792
|
};
|
|
785
793
|
const DiffSplitWidgetLine$1 = ({ index, diffFile, side, lineNumber, }) => {
|
|
786
794
|
const { useWidget } = useDiffWidgetContext();
|
|
@@ -936,27 +944,27 @@ const _DiffSplitExtendLine = ({ index, diffFile, lineNumber, oldLineExtend, newL
|
|
|
936
944
|
const renderExtendLine = useDiffContext.useShallowStableSelector((s) => s.renderExtendLine);
|
|
937
945
|
if (!renderExtendLine)
|
|
938
946
|
return null;
|
|
947
|
+
const oldExtendRendered = (oldLineExtend === null || oldLineExtend === void 0 ? void 0 : oldLineExtend.data) &&
|
|
948
|
+
(renderExtendLine === null || renderExtendLine === void 0 ? void 0 : renderExtendLine({
|
|
949
|
+
diffFile,
|
|
950
|
+
side: SplitSide.old,
|
|
951
|
+
lineNumber: oldLine.lineNumber,
|
|
952
|
+
data: oldLineExtend.data,
|
|
953
|
+
onUpdate: diffFile.notifyAll,
|
|
954
|
+
}));
|
|
955
|
+
const newExtendRendered = (newLineExtend === null || newLineExtend === void 0 ? void 0 : newLineExtend.data) &&
|
|
956
|
+
(renderExtendLine === null || renderExtendLine === void 0 ? void 0 : renderExtendLine({
|
|
957
|
+
diffFile,
|
|
958
|
+
side: SplitSide.new,
|
|
959
|
+
lineNumber: newLine.lineNumber,
|
|
960
|
+
data: newLineExtend.data,
|
|
961
|
+
onUpdate: diffFile.notifyAll,
|
|
962
|
+
}));
|
|
939
963
|
return (React.createElement("tr", { "data-line": `${lineNumber}-extend`, "data-state": "extend", className: "diff-line diff-line-extend" },
|
|
940
|
-
|
|
941
|
-
React.createElement("div", { className: "diff-line-extend-wrapper" },
|
|
942
|
-
|
|
943
|
-
|
|
944
|
-
side: SplitSide.old,
|
|
945
|
-
lineNumber: oldLine.lineNumber,
|
|
946
|
-
data: oldLineExtend.data,
|
|
947
|
-
onUpdate: diffFile.notifyAll,
|
|
948
|
-
}))))) : (React.createElement("td", { className: "diff-line-extend-old-placeholder select-none p-0", style: { backgroundColor: `var(${emptyBGName})` }, colSpan: 2 },
|
|
949
|
-
React.createElement("span", null, "\u2002"))),
|
|
950
|
-
newLineExtend ? (React.createElement("td", { className: "diff-line-extend-new-content border-l-[1px] p-0", style: { borderLeftColor: `var(${borderColorName})` }, colSpan: 2 },
|
|
951
|
-
React.createElement("div", { className: "diff-line-extend-wrapper" }, (newLineExtend === null || newLineExtend === void 0 ? void 0 : newLineExtend.data) &&
|
|
952
|
-
(renderExtendLine === null || renderExtendLine === void 0 ? void 0 : renderExtendLine({
|
|
953
|
-
diffFile,
|
|
954
|
-
side: SplitSide.new,
|
|
955
|
-
lineNumber: newLine.lineNumber,
|
|
956
|
-
data: newLineExtend.data,
|
|
957
|
-
onUpdate: diffFile.notifyAll,
|
|
958
|
-
}))))) : (React.createElement("td", { className: "diff-line-extend-new-placeholder select-none border-l-[1px] p-0", style: { backgroundColor: `var(${emptyBGName})`, borderLeftColor: `var(${borderColorName})` }, colSpan: 2 },
|
|
959
|
-
React.createElement("span", null, "\u2002")))));
|
|
964
|
+
oldExtendRendered ? (React.createElement("td", { className: "diff-line-extend-old-content p-0", colSpan: 2 },
|
|
965
|
+
React.createElement("div", { className: "diff-line-extend-wrapper" }, oldExtendRendered))) : (React.createElement("td", { className: "diff-line-extend-old-placeholder select-none p-0", style: { backgroundColor: `var(${emptyBGName})` }, colSpan: 2 }, newExtendRendered && React.createElement("span", null, "\u2002"))),
|
|
966
|
+
newExtendRendered ? (React.createElement("td", { className: "diff-line-extend-new-content border-l-[1px] p-0", style: { borderLeftColor: `var(${borderColorName})` }, colSpan: 2 },
|
|
967
|
+
React.createElement("div", { className: "diff-line-extend-wrapper" }, newExtendRendered))) : (React.createElement("td", { className: "diff-line-extend-new-placeholder select-none border-l-[1px] p-0", style: { backgroundColor: `var(${emptyBGName})`, borderLeftColor: `var(${borderColorName})` }, colSpan: 2 }, oldExtendRendered && React.createElement("span", null, "\u2002")))));
|
|
960
968
|
};
|
|
961
969
|
const DiffSplitExtendLine = ({ index, diffFile, lineNumber, }) => {
|
|
962
970
|
const { useDiffContext } = useDiffViewContext();
|
|
@@ -1078,25 +1086,17 @@ const _DiffSplitWidgetLine = ({ index, diffFile, lineNumber, oldLineWidget, newL
|
|
|
1078
1086
|
const renderWidgetLine = useDiffContext.useShallowStableSelector((s) => s.renderWidgetLine);
|
|
1079
1087
|
const oldLine = diffFile.getSplitLeftLine(index);
|
|
1080
1088
|
const newLine = diffFile.getSplitRightLine(index);
|
|
1089
|
+
const oldWidgetRendered = oldLineWidget &&
|
|
1090
|
+
(renderWidgetLine === null || renderWidgetLine === void 0 ? void 0 : renderWidgetLine({ diffFile, side: SplitSide.old, lineNumber: oldLine.lineNumber, onClose: () => setWidget({}) }));
|
|
1091
|
+
const newWidgetRendered = newLineWidget &&
|
|
1092
|
+
(renderWidgetLine === null || renderWidgetLine === void 0 ? void 0 : renderWidgetLine({ diffFile, side: SplitSide.new, lineNumber: newLine.lineNumber, onClose: () => setWidget({}) }));
|
|
1081
1093
|
if (!renderWidgetLine)
|
|
1082
1094
|
return null;
|
|
1083
1095
|
return (React.createElement("tr", { "data-line": `${lineNumber}-widget`, "data-state": "widget", className: "diff-line diff-line-widget" },
|
|
1084
|
-
|
|
1085
|
-
React.createElement("div", { className: "diff-line-widget-wrapper" },
|
|
1086
|
-
|
|
1087
|
-
|
|
1088
|
-
lineNumber: oldLine.lineNumber,
|
|
1089
|
-
onClose: () => setWidget({}),
|
|
1090
|
-
})))) : (React.createElement("td", { className: "diff-line-widget-old-placeholder select-none p-0", style: { backgroundColor: `var(${emptyBGName})` }, colSpan: 2 },
|
|
1091
|
-
React.createElement("span", null, "\u2002"))),
|
|
1092
|
-
newLineWidget ? (React.createElement("td", { className: "diff-line-widget-new-content border-l-[1px] p-0", colSpan: 2, style: { borderLeftColor: `var(${borderColorName})` } },
|
|
1093
|
-
React.createElement("div", { className: "diff-line-widget-wrapper" }, renderWidgetLine === null || renderWidgetLine === void 0 ? void 0 : renderWidgetLine({
|
|
1094
|
-
diffFile,
|
|
1095
|
-
side: SplitSide.new,
|
|
1096
|
-
lineNumber: newLine.lineNumber,
|
|
1097
|
-
onClose: () => setWidget({}),
|
|
1098
|
-
})))) : (React.createElement("td", { className: "diff-line-widget-new-placeholder select-none border-l-[1px] p-0", style: { backgroundColor: `var(${emptyBGName})`, borderLeftColor: `var(${borderColorName})` }, colSpan: 2 },
|
|
1099
|
-
React.createElement("span", null, "\u2002")))));
|
|
1096
|
+
oldWidgetRendered ? (React.createElement("td", { className: "diff-line-widget-old-content p-0", colSpan: 2 },
|
|
1097
|
+
React.createElement("div", { className: "diff-line-widget-wrapper" }, oldWidgetRendered))) : (React.createElement("td", { className: "diff-line-widget-old-placeholder select-none p-0", style: { backgroundColor: `var(${emptyBGName})` }, colSpan: 2 }, newWidgetRendered && React.createElement("span", null, "\u2002"))),
|
|
1098
|
+
newWidgetRendered ? (React.createElement("td", { className: "diff-line-widget-new-content border-l-[1px] p-0", colSpan: 2, style: { borderLeftColor: `var(${borderColorName})` } },
|
|
1099
|
+
React.createElement("div", { className: "diff-line-widget-wrapper" }, newWidgetRendered))) : (React.createElement("td", { className: "diff-line-widget-new-placeholder select-none border-l-[1px] p-0", style: { backgroundColor: `var(${emptyBGName})`, borderLeftColor: `var(${borderColorName})` }, colSpan: 2 }, oldWidgetRendered && React.createElement("span", null, "\u2002")))));
|
|
1100
1100
|
};
|
|
1101
1101
|
const DiffSplitWidgetLine = ({ index, diffFile, lineNumber, }) => {
|
|
1102
1102
|
const { useWidget } = useDiffWidgetContext();
|
|
@@ -1308,7 +1308,8 @@ const _DiffUnifiedExtendLine = ({ index, diffFile, lineNumber, oldLineExtend, ne
|
|
|
1308
1308
|
React.createElement("td", { className: "diff-line-extend-content p-0 align-top", colSpan: 2 },
|
|
1309
1309
|
React.createElement("div", { className: "diff-line-extend-wrapper sticky left-0", style: { width } },
|
|
1310
1310
|
width > 0 &&
|
|
1311
|
-
(oldLineExtend === null || oldLineExtend === void 0 ? void 0 : oldLineExtend.data) &&
|
|
1311
|
+
(oldLineExtend === null || oldLineExtend === void 0 ? void 0 : oldLineExtend.data) !== undefined &&
|
|
1312
|
+
(oldLineExtend === null || oldLineExtend === void 0 ? void 0 : oldLineExtend.data) !== null &&
|
|
1312
1313
|
(renderExtendLine === null || renderExtendLine === void 0 ? void 0 : renderExtendLine({
|
|
1313
1314
|
diffFile,
|
|
1314
1315
|
side: SplitSide.old,
|
|
@@ -1317,7 +1318,8 @@ const _DiffUnifiedExtendLine = ({ index, diffFile, lineNumber, oldLineExtend, ne
|
|
|
1317
1318
|
onUpdate: diffFile.notifyAll,
|
|
1318
1319
|
})),
|
|
1319
1320
|
width > 0 &&
|
|
1320
|
-
(newLineExtend === null || newLineExtend === void 0 ? void 0 : newLineExtend.data) &&
|
|
1321
|
+
(newLineExtend === null || newLineExtend === void 0 ? void 0 : newLineExtend.data) !== undefined &&
|
|
1322
|
+
(newLineExtend === null || newLineExtend === void 0 ? void 0 : newLineExtend.data) !== null &&
|
|
1321
1323
|
(renderExtendLine === null || renderExtendLine === void 0 ? void 0 : renderExtendLine({
|
|
1322
1324
|
diffFile,
|
|
1323
1325
|
side: SplitSide.new,
|
|
@@ -1524,14 +1526,15 @@ const _InternalDiffView = (props) => {
|
|
|
1524
1526
|
]);
|
|
1525
1527
|
useEffect(() => {
|
|
1526
1528
|
const cb = diffFile.subscribe(() => {
|
|
1527
|
-
var _a;
|
|
1529
|
+
var _a, _b;
|
|
1528
1530
|
(_a = wrapperRef.current) === null || _a === void 0 ? void 0 : _a.setAttribute("data-theme", diffFile._getTheme() || "light");
|
|
1531
|
+
(_b = wrapperRef.current) === null || _b === void 0 ? void 0 : _b.setAttribute("data-highlighter", diffFile._getHighlighterName());
|
|
1529
1532
|
});
|
|
1530
1533
|
return cb;
|
|
1531
1534
|
}, [diffFile]);
|
|
1532
1535
|
const value = useMemo(() => ({ useDiffContext }), [useDiffContext]);
|
|
1533
1536
|
return (React.createElement(DiffViewContext.Provider, { value: value },
|
|
1534
|
-
React.createElement("div", { className: "diff-tailwindcss-wrapper", "data-component": "git-diff-view", "data-theme": diffFile._getTheme() || "light", "data-version": "0.0.
|
|
1537
|
+
React.createElement("div", { className: "diff-tailwindcss-wrapper", "data-component": "git-diff-view", "data-theme": diffFile._getTheme() || "light", "data-version": "0.0.19", "data-highlighter": diffFile._getHighlighterName(), ref: wrapperRef },
|
|
1535
1538
|
React.createElement("div", { className: "diff-style-root", style: {
|
|
1536
1539
|
// @ts-ignore
|
|
1537
1540
|
[diffFontSizeName]: diffViewFontSize + "px",
|
|
@@ -1545,6 +1548,9 @@ const DiffViewWithRef = (props, ref) => {
|
|
|
1545
1548
|
const diffFile = useMemo(() => {
|
|
1546
1549
|
var _a, _b, _c, _d, _e, _f;
|
|
1547
1550
|
if (_diffFile) {
|
|
1551
|
+
// missing data for plain file render
|
|
1552
|
+
// TODO next release update ?
|
|
1553
|
+
// will cause more complex for diffFile flow control, keep current
|
|
1548
1554
|
const diffFile = DiffFile.createInstance({});
|
|
1549
1555
|
diffFile._mergeFullBundle(_diffFile._getFullBundle());
|
|
1550
1556
|
return diffFile;
|
|
@@ -1559,6 +1565,14 @@ const DiffViewWithRef = (props, ref) => {
|
|
|
1559
1565
|
(_b = (_a = diffFileRef.current).clear) === null || _b === void 0 ? void 0 : _b.call(_a);
|
|
1560
1566
|
diffFileRef.current = diffFile;
|
|
1561
1567
|
}
|
|
1568
|
+
useEffect(() => {
|
|
1569
|
+
if (_diffFile && diffFile) {
|
|
1570
|
+
_diffFile._addClonedInstance(diffFile);
|
|
1571
|
+
return () => {
|
|
1572
|
+
_diffFile._delClonedInstance(diffFile);
|
|
1573
|
+
};
|
|
1574
|
+
}
|
|
1575
|
+
}, [diffFile, _diffFile]);
|
|
1562
1576
|
useEffect(() => {
|
|
1563
1577
|
if (!diffFile)
|
|
1564
1578
|
return;
|
|
@@ -1575,15 +1589,8 @@ const DiffViewWithRef = (props, ref) => {
|
|
|
1575
1589
|
diffFile.notifyAll();
|
|
1576
1590
|
}
|
|
1577
1591
|
}, [diffFile, props.diffViewHighlight, registerHighlighter, diffViewTheme]);
|
|
1578
|
-
|
|
1579
|
-
|
|
1580
|
-
_diffFile._addClonedInstance(diffFile);
|
|
1581
|
-
return () => {
|
|
1582
|
-
_diffFile._delClonedInstance(diffFile);
|
|
1583
|
-
};
|
|
1584
|
-
}
|
|
1585
|
-
}, [diffFile, _diffFile]);
|
|
1586
|
-
useUnmount(() => { var _a; return (_a = diffFile === null || diffFile === void 0 ? void 0 : diffFile.clear) === null || _a === void 0 ? void 0 : _a.call(diffFile); }, [diffFile]);
|
|
1592
|
+
// fix react strict mode error
|
|
1593
|
+
useUnmount(() => { var _a, _b; return (process.env.NODE_ENV === "development" ? (_a = diffFile === null || diffFile === void 0 ? void 0 : diffFile._destroy) === null || _a === void 0 ? void 0 : _a.call(diffFile) : (_b = diffFile === null || diffFile === void 0 ? void 0 : diffFile.clear) === null || _b === void 0 ? void 0 : _b.call(diffFile)); }, [diffFile]);
|
|
1587
1594
|
useImperativeHandle(ref, () => ({ getDiffFileInstance: () => diffFile }), [diffFile]);
|
|
1588
1595
|
if (!diffFile)
|
|
1589
1596
|
return null;
|
|
@@ -1591,7 +1598,7 @@ const DiffViewWithRef = (props, ref) => {
|
|
|
1591
1598
|
};
|
|
1592
1599
|
const DiffView = forwardRef(DiffViewWithRef);
|
|
1593
1600
|
DiffView.displayName = "DiffView";
|
|
1594
|
-
const version = "0.0.
|
|
1601
|
+
const version = "0.0.19";
|
|
1595
1602
|
|
|
1596
1603
|
export { DiffModeEnum, DiffView, DiffViewContext, SplitSide, useDiffViewContext, version };
|
|
1597
1604
|
//# sourceMappingURL=index.mjs.map
|