@git-diff-view/react 0.0.19 → 0.0.21
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 +44 -31
- package/dist/cjs/index.development.js.map +1 -1
- package/dist/cjs/index.production.js +44 -31
- package/dist/cjs/index.production.js.map +1 -1
- package/dist/css/diff-view.css +1 -1
- package/dist/esm/index.mjs +44 -31
- package/dist/esm/index.mjs.map +1 -1
- package/index.d.ts +111 -21
- package/package.json +8 -6
- package/readme.md +10 -2
package/dist/css/diff-view.css
CHANGED
|
@@ -20,4 +20,4 @@
|
|
|
20
20
|
Current colors taken from GitHub's CSS
|
|
21
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
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}
|
|
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!important;color:rgb(239 68 68/var(--tw-text-opacity))!important}.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
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
'use client';
|
|
1
2
|
import { DiffLineType, NewLineSymbol, checkDiffLineIncludeChange, composeLen, getSplitContentLines, getUnifiedContentLine, _cacheMap, DiffFile } from '@git-diff-view/core';
|
|
2
3
|
export * from '@git-diff-view/core';
|
|
3
4
|
import * as React from 'react';
|
|
@@ -78,6 +79,12 @@ const useSafeLayout = isClient ? useLayoutEffect : useEffect;
|
|
|
78
79
|
|
|
79
80
|
var _TextMeasure_instances, _TextMeasure_key, _TextMeasure_map, _TextMeasure_getInstance;
|
|
80
81
|
let canvasCtx = null;
|
|
82
|
+
const getKey = (font, text) => {
|
|
83
|
+
return `${font.fontFamily}-${font.fontStyle}-${font.fontSize}-${text}`;
|
|
84
|
+
};
|
|
85
|
+
const getStableKey = (font, text) => {
|
|
86
|
+
return getKey(font, "0".repeat(text.length));
|
|
87
|
+
};
|
|
81
88
|
class TextMeasure {
|
|
82
89
|
constructor() {
|
|
83
90
|
_TextMeasure_instances.add(this);
|
|
@@ -85,7 +92,7 @@ class TextMeasure {
|
|
|
85
92
|
_TextMeasure_map.set(this, {});
|
|
86
93
|
}
|
|
87
94
|
measure(text, font) {
|
|
88
|
-
const currentKey =
|
|
95
|
+
const currentKey = getStableKey(font, text);
|
|
89
96
|
if (__classPrivateFieldGet(this, _TextMeasure_map, "f")[currentKey]) {
|
|
90
97
|
return __classPrivateFieldGet(this, _TextMeasure_map, "f")[currentKey];
|
|
91
98
|
}
|
|
@@ -110,7 +117,12 @@ _TextMeasure_key = new WeakMap(), _TextMeasure_map = new WeakMap(), _TextMeasure
|
|
|
110
117
|
};
|
|
111
118
|
const measureInstance = new TextMeasure();
|
|
112
119
|
const useTextWidth = ({ text, font, }) => {
|
|
113
|
-
const [width, setWidth] = useState(
|
|
120
|
+
const [width, setWidth] = useState(() => {
|
|
121
|
+
const fontSize = parseInt(font.fontSize);
|
|
122
|
+
let baseSize = 6;
|
|
123
|
+
baseSize += fontSize > 10 ? (fontSize - 10) * 0.6 : 0;
|
|
124
|
+
return baseSize * text.length;
|
|
125
|
+
});
|
|
114
126
|
useSafeLayout(() => {
|
|
115
127
|
const width = measureInstance.measure(text, font);
|
|
116
128
|
setWidth(width);
|
|
@@ -357,6 +369,18 @@ const getStyleObjectFromString = memoFunc((str) => {
|
|
|
357
369
|
});
|
|
358
370
|
return style;
|
|
359
371
|
});
|
|
372
|
+
const getSymbol = (symbol) => {
|
|
373
|
+
switch (symbol) {
|
|
374
|
+
case NewLineSymbol.LF:
|
|
375
|
+
return "␊";
|
|
376
|
+
case NewLineSymbol.CR:
|
|
377
|
+
return "␍";
|
|
378
|
+
case NewLineSymbol.CRLF:
|
|
379
|
+
return "␍␊";
|
|
380
|
+
default:
|
|
381
|
+
return "";
|
|
382
|
+
}
|
|
383
|
+
};
|
|
360
384
|
const DiffString = ({ rawLine, diffLine, operator, enableWrap, }) => {
|
|
361
385
|
const changes = diffLine === null || diffLine === void 0 ? void 0 : diffLine.changes;
|
|
362
386
|
if (changes === null || changes === void 0 ? void 0 : changes.hasLineChange) {
|
|
@@ -365,24 +389,16 @@ const DiffString = ({ rawLine, diffLine, operator, enableWrap, }) => {
|
|
|
365
389
|
const str2 = rawLine.slice(range.location, range.location + range.length);
|
|
366
390
|
const str3 = rawLine.slice(range.location + range.length);
|
|
367
391
|
const isLast = str2.includes("\n");
|
|
368
|
-
const _str2 = isLast ? str2.replace("\n", "") : str2;
|
|
392
|
+
const _str2 = isLast ? str2.replace("\n", "").replace("\r", "") : str2;
|
|
369
393
|
const isNewLineSymbolChanged = changes.newLineSymbol;
|
|
370
394
|
return (React.createElement("span", { className: "diff-line-content-raw" },
|
|
371
395
|
React.createElement("span", { "data-range-start": range.location, "data-range-end": range.location + range.length },
|
|
372
396
|
str1,
|
|
373
397
|
React.createElement("span", { "data-diff-highlight": true, className: "rounded-[0.2em]", style: {
|
|
374
398
|
backgroundColor: operator === "add" ? `var(${addContentHighlightBGName})` : `var(${delContentHighlightBGName})`,
|
|
375
|
-
} }, isLast
|
|
376
|
-
? `${_str2}${isNewLineSymbolChanged === NewLineSymbol.LF
|
|
377
|
-
? "␊"
|
|
378
|
-
: isNewLineSymbolChanged === NewLineSymbol.CR
|
|
379
|
-
? "␍"
|
|
380
|
-
: isNewLineSymbolChanged === NewLineSymbol.CRLF
|
|
381
|
-
? "␍␊"
|
|
382
|
-
: ""}`
|
|
383
|
-
: str2),
|
|
399
|
+
} }, isLast ? `${_str2}${getSymbol(isNewLineSymbolChanged)}` : str2),
|
|
384
400
|
str3),
|
|
385
|
-
isNewLineSymbolChanged === NewLineSymbol.NEWLINE && (React.createElement("span", { "data-no-newline-at-end-of-file-symbol": true, className: enableWrap ? "block text-red-500" : "inline-block align-middle text-red-500", style: {
|
|
401
|
+
isNewLineSymbolChanged === NewLineSymbol.NEWLINE && (React.createElement("span", { "data-no-newline-at-end-of-file-symbol": true, className: enableWrap ? "block !text-red-500" : "inline-block align-middle !text-red-500", style: {
|
|
386
402
|
width: `var(${diffFontSizeName})`,
|
|
387
403
|
height: `var(${diffFontSizeName})`,
|
|
388
404
|
} },
|
|
@@ -414,7 +430,7 @@ const DiffSyntax = ({ rawLine, diffLine, operator, syntaxLine, enableWrap, }) =>
|
|
|
414
430
|
const isStart = str1.length || range.location === node.startIndex;
|
|
415
431
|
const isEnd = str3.length || node.endIndex === range.location + range.length - 1;
|
|
416
432
|
const isLast = str2.includes("\n");
|
|
417
|
-
const _str2 = isLast ? str2.replace("\n", "") : str2;
|
|
433
|
+
const _str2 = isLast ? str2.replace("\n", "").replace("\r", "") : str2;
|
|
418
434
|
return (React.createElement("span", { key: index, "data-start": node.startIndex, "data-end": node.endIndex, className: (_e = (_d = wrapper === null || wrapper === void 0 ? void 0 : wrapper.properties) === null || _d === void 0 ? void 0 : _d.className) === null || _e === void 0 ? void 0 : _e.join(" "), style: getStyleObjectFromString(((_f = wrapper === null || wrapper === void 0 ? void 0 : wrapper.properties) === null || _f === void 0 ? void 0 : _f.style) || "") },
|
|
419
435
|
str1,
|
|
420
436
|
React.createElement("span", { "data-diff-highlight": true, style: {
|
|
@@ -423,19 +439,11 @@ const DiffSyntax = ({ rawLine, diffLine, operator, syntaxLine, enableWrap, }) =>
|
|
|
423
439
|
borderBottomLeftRadius: isStart ? "0.2em" : undefined,
|
|
424
440
|
borderTopRightRadius: isEnd || isLast ? "0.2em" : undefined,
|
|
425
441
|
borderBottomRightRadius: isEnd || isLast ? "0.2em" : undefined,
|
|
426
|
-
} }, isLast
|
|
427
|
-
? `${_str2}${isNewLineSymbolChanged === NewLineSymbol.LF
|
|
428
|
-
? "␊"
|
|
429
|
-
: isNewLineSymbolChanged === NewLineSymbol.CR
|
|
430
|
-
? "␍"
|
|
431
|
-
: isNewLineSymbolChanged === NewLineSymbol.CRLF
|
|
432
|
-
? "␍␊"
|
|
433
|
-
: ""}`
|
|
434
|
-
: str2),
|
|
442
|
+
} }, isLast ? `${_str2}${getSymbol(isNewLineSymbolChanged)}` : str2),
|
|
435
443
|
str3));
|
|
436
444
|
}
|
|
437
445
|
})),
|
|
438
|
-
isNewLineSymbolChanged === NewLineSymbol.NEWLINE && (React.createElement("span", { "data-no-newline-at-end-of-file-symbol": true, className: enableWrap ? "block text-red-500" : "inline-block align-middle text-red-500", style: {
|
|
446
|
+
isNewLineSymbolChanged === NewLineSymbol.NEWLINE && (React.createElement("span", { "data-no-newline-at-end-of-file-symbol": true, className: enableWrap ? "block !text-red-500" : "inline-block align-middle !text-red-500", style: {
|
|
439
447
|
width: `var(${diffFontSizeName})`,
|
|
440
448
|
height: `var(${diffFontSizeName})`,
|
|
441
449
|
} },
|
|
@@ -790,6 +798,7 @@ const _DiffSplitWidgetLine$1 = ({ diffFile, side, lineNumber, currentLine, setWi
|
|
|
790
798
|
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
799
|
React.createElement("div", { "data-line": `${lineNumber}-widget-content`, "data-side": SplitSide[side] })))));
|
|
792
800
|
};
|
|
801
|
+
// TODO! improve performance
|
|
793
802
|
const DiffSplitWidgetLine$1 = ({ index, diffFile, side, lineNumber, }) => {
|
|
794
803
|
const { useWidget } = useDiffWidgetContext();
|
|
795
804
|
const { widgetLineNumber, widgetSide, setWidget } = useWidget.useShallowStableSelector((s) => ({
|
|
@@ -847,7 +856,7 @@ const DiffSplitViewNormal = memo(({ diffFile }) => {
|
|
|
847
856
|
const splitLineLength = Math.max(diffFile.splitLineLength, diffFile.fileLineLength);
|
|
848
857
|
const { useDiffContext } = useDiffViewContext();
|
|
849
858
|
const fontSize = useDiffContext.useShallowStableSelector((s) => s.fontSize);
|
|
850
|
-
useSyncExternalStore(diffFile.subscribe, diffFile.getUpdateCount);
|
|
859
|
+
useSyncExternalStore(diffFile.subscribe, diffFile.getUpdateCount, diffFile.getUpdateCount);
|
|
851
860
|
useEffect(() => {
|
|
852
861
|
const left = ref1.current;
|
|
853
862
|
const right = ref2.current;
|
|
@@ -1098,6 +1107,7 @@ const _DiffSplitWidgetLine = ({ index, diffFile, lineNumber, oldLineWidget, newL
|
|
|
1098
1107
|
newWidgetRendered ? (React.createElement("td", { className: "diff-line-widget-new-content border-l-[1px] p-0", colSpan: 2, style: { borderLeftColor: `var(${borderColorName})` } },
|
|
1099
1108
|
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
1109
|
};
|
|
1110
|
+
// TODO! improve performance
|
|
1101
1111
|
const DiffSplitWidgetLine = ({ index, diffFile, lineNumber, }) => {
|
|
1102
1112
|
const { useWidget } = useDiffWidgetContext();
|
|
1103
1113
|
const { widgetLineNumber, widgetSide } = useWidget((s) => ({
|
|
@@ -1128,7 +1138,7 @@ const DiffSplitViewWrap = memo(({ diffFile }) => {
|
|
|
1128
1138
|
const { useDiffContext } = useDiffViewContext();
|
|
1129
1139
|
const useSplitConfig = useMemo(() => createDiffSplitConfigStore(), []);
|
|
1130
1140
|
const fontSize = useDiffContext.useShallowStableSelector((s) => s.fontSize);
|
|
1131
|
-
useSyncExternalStore(diffFile.subscribe, diffFile.getUpdateCount);
|
|
1141
|
+
useSyncExternalStore(diffFile.subscribe, diffFile.getUpdateCount, diffFile.getUpdateCount);
|
|
1132
1142
|
const onMouseDown = useCallback((e) => {
|
|
1133
1143
|
let ele = e.target;
|
|
1134
1144
|
const setSelectSide = useSplitConfig.getReadonlyState().setSplit;
|
|
@@ -1447,7 +1457,7 @@ const DiffUnifiedView = memo(({ diffFile }) => {
|
|
|
1447
1457
|
fontSize: s.fontSize,
|
|
1448
1458
|
enableWrap: s.enableWrap,
|
|
1449
1459
|
}));
|
|
1450
|
-
useSyncExternalStore(diffFile.subscribe, diffFile.getUpdateCount);
|
|
1460
|
+
useSyncExternalStore(diffFile.subscribe, diffFile.getUpdateCount, diffFile.getUpdateCount);
|
|
1451
1461
|
useEffect(() => {
|
|
1452
1462
|
const { setWidget } = useWidget.getReadonlyState();
|
|
1453
1463
|
setWidget({});
|
|
@@ -1534,12 +1544,12 @@ const _InternalDiffView = (props) => {
|
|
|
1534
1544
|
}, [diffFile]);
|
|
1535
1545
|
const value = useMemo(() => ({ useDiffContext }), [useDiffContext]);
|
|
1536
1546
|
return (React.createElement(DiffViewContext.Provider, { value: value },
|
|
1537
|
-
React.createElement("div", { className: "diff-tailwindcss-wrapper", "data-component": "git-diff-view", "data-theme": diffFile._getTheme() || "light", "data-version": "0.0.
|
|
1547
|
+
React.createElement("div", { className: "diff-tailwindcss-wrapper", "data-component": "git-diff-view", "data-theme": diffFile._getTheme() || "light", "data-version": "0.0.21", "data-highlighter": diffFile._getHighlighterName(), ref: wrapperRef },
|
|
1538
1548
|
React.createElement("div", { className: "diff-style-root", style: {
|
|
1539
1549
|
// @ts-ignore
|
|
1540
1550
|
[diffFontSizeName]: diffViewFontSize + "px",
|
|
1541
1551
|
} },
|
|
1542
|
-
React.createElement("div", { id: `diff-root${diffFileId}`, className: "diff-view-wrapper" + (className ? ` ${className}` : ""), style: style }, diffViewMode & DiffModeEnum.Split ? (React.createElement(DiffSplitView, { diffFile: diffFile })) : (React.createElement(DiffUnifiedView, { diffFile: diffFile })))))));
|
|
1552
|
+
React.createElement("div", { suppressHydrationWarning: true, id: `diff-root${diffFileId}`, className: "diff-view-wrapper" + (className ? ` ${className}` : ""), style: style }, diffViewMode & DiffModeEnum.Split ? (React.createElement(DiffSplitView, { diffFile: diffFile })) : (React.createElement(DiffUnifiedView, { diffFile: diffFile })))))));
|
|
1543
1553
|
};
|
|
1544
1554
|
const InternalDiffView = memo(_InternalDiffView);
|
|
1545
1555
|
const DiffViewWithRef = (props, ref) => {
|
|
@@ -1596,9 +1606,12 @@ const DiffViewWithRef = (props, ref) => {
|
|
|
1596
1606
|
return null;
|
|
1597
1607
|
return (React.createElement(InternalDiffView, Object.assign({ key: diffFile.getId() }, restProps, { diffFile: diffFile, diffViewMode: restProps.diffViewMode || DiffModeEnum.SplitGitHub, diffViewFontSize: restProps.diffViewFontSize || 14 })));
|
|
1598
1608
|
};
|
|
1599
|
-
const
|
|
1609
|
+
const InnerDiffView = forwardRef(DiffViewWithRef);
|
|
1610
|
+
function DiffView(props) {
|
|
1611
|
+
return React.createElement(InnerDiffView, Object.assign({}, props));
|
|
1612
|
+
}
|
|
1600
1613
|
DiffView.displayName = "DiffView";
|
|
1601
|
-
const version = "0.0.
|
|
1614
|
+
const version = "0.0.21";
|
|
1602
1615
|
|
|
1603
1616
|
export { DiffModeEnum, DiffView, DiffViewContext, SplitSide, useDiffViewContext, version };
|
|
1604
1617
|
//# sourceMappingURL=index.mjs.map
|