@ovnonvo/abc-editor 0.3.0 → 0.3.2
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/abc-editor.cjs.js +14 -14
- package/dist/abc-editor.es.js +329 -289
- package/dist/src/components/AbcEditor.d.ts.map +1 -1
- package/package.json +1 -4
package/dist/abc-editor.cjs.js
CHANGED
|
@@ -1,19 +1,19 @@
|
|
|
1
|
-
(function(){"use strict";try{if(typeof document<"u"){var a=document.createElement("style");a.appendChild(document.createTextNode('@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-ease:initial}}}@layer theme{:root,:host{--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-blue-600:oklch(54.6% .245 262.881);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-800:oklch(27.9% .041 260.031);--color-slate-950:oklch(12.9% .042 264.695);--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wide:.025em;--leading-relaxed:1.625;--radius-md:.375rem;--radius-lg:.5rem;--ease-in-out:cubic-bezier(.4,0,.2,1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1)}}@layer utilities{.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:calc(var(--spacing)*0)}.z-50{z-index:50}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.m-0{margin:calc(var(--spacing)*0)}.mt-0\\.5{margin-top:calc(var(--spacing)*.5)}.mt-1{margin-top:calc(var(--spacing)*1)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.block{display:block}.flex{display:flex}.inline{display:inline}.table{display:table}.h-full{height:100%}.h-screen{height:100vh}.w-full{width:100%}.flex-1{flex:1}.shrink-0{flex-shrink:0}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.resize{resize:both}.resize-none{resize:none}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-end{justify-content:flex-end}.gap-1{gap:calc(var(--spacing)*1)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.bg-blue-600{background-color:var(--color-blue-600)}.bg-slate-800{background-color:var(--color-slate-800)}.bg-slate-950{background-color:var(--color-slate-950)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.px-1{padding-inline:calc(var(--spacing)*1)}.px-1\\.5{padding-inline:calc(var(--spacing)*1.5)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.py-0\\.5{padding-block:calc(var(--spacing)*.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.py-4{padding-block:calc(var(--spacing)*4)}.pr-3{padding-right:calc(var(--spacing)*3)}.pl-1{padding-left:calc(var(--spacing)*1)}.text-right{text-align:right}.font-mono{font-family:var(--font-mono)}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\\[10px\\]{font-size:10px}.text-\\[11px\\]{font-size:11px}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.text-slate-200{color:var(--color-slate-200)}.text-slate-500{color:var(--color-slate-500)}.text-white{color:var(--color-white)}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.\\[foo\\:bar\\]{foo:bar}@media(hover:hover){.hover\\:bg-slate-700:hover{background-color:var(--color-slate-700)}}}*{box-sizing:border-box}body{margin:0;padding:0}:root{--abc-ink:#1a1a1a;--abc-key:#06c;--abc-value:#996300;--abc-lyrics-key:#c06;--abc-lyrics-value:#b30059;--abc-note:#000;--abc-octave-high:#00994d;--abc-octave-low:#60c;--abc-rest:#666;--abc-rest-muted:#999;--abc-accidental:#b35900;--abc-duration-long:#cc5200;--abc-duration-short:#09c;--abc-duration-fraction:#c90;--abc-broken:#00b359;--abc-bar:#0080cc;--abc-bar-double:#06c;--abc-chord:#c09;--abc-slur-0:#cc004d;--abc-slur-1:#cc8000;--abc-slur-2:#0080cc;--abc-slur-3:#00b359;--abc-slur-4:#70c;--abc-tuplet:#00b359;--abc-tie:#c06;--abc-tie-dotted:#cc0080;--abc-ornament:#56c;--abc-chord-symbol:#00997a;--abc-annotation:#c80;--abc-decoration:#86c;--abc-grace:#66b300;--abc-volta:#c60;--abc-inline-bracket:#666;--abc-inline-key:#06c;--abc-inline-value:#960;--abc-comment:#999}[data-theme=dark]{--abc-ink:#e8f1ff;--abc-key:#7ad7ff;--abc-value:#ffd48a;--abc-lyrics-key:#ff7ba1;--abc-lyrics-value:#ffc8d8;--abc-note:#f8fbff;--abc-octave-high:#73f8c4;--abc-octave-low:#c7b3ff;--abc-rest:#8ca3b8;--abc-rest-muted:#596779;--abc-accidental:#f2c079;--abc-duration-long:#ffa25f;--abc-duration-short:#6edff6;--abc-duration-fraction:#ffe38f;--abc-broken:#7be495;--abc-bar:#79cfff;--abc-bar-double:#4aafff;--abc-chord:#ff8ccf;--abc-slur-0:#ff92b2;--abc-slur-1:#ffd77a;--abc-slur-2:#7ed4ff;--abc-slur-3:#92f3c6;--abc-slur-4:#c6a9ff;--abc-tuplet:#82f0a2;--abc-tie:#f07fb3;--abc-tie-dotted:#ff9ecf;--abc-ornament:#9fb0ff;--abc-chord-symbol:#63f5d3;--abc-annotation:#ffd88a;--abc-decoration:#d1a6ff;--abc-grace:#a4f28f;--abc-volta:#f9a15a;--abc-inline-bracket:#8ca7c0;--abc-inline-key:#7ad7ff;--abc-inline-value:#ffdcb2;--abc-comment:#7b8797}.abc-preview svg text{fill:#000!important}.abc-preview[data-theme=dark] svg text{fill:#fff!important}textarea::placeholder{color:#999;opacity:1}[data-theme=dark] textarea::placeholder{color:#64748b}.abc-meta-key{color:var(--abc-key);font-weight:600}.abc-meta-value{color:var(--abc-value)}.abc-lyrics-key{color:var(--abc-lyrics-key);font-weight:600}.abc-lyrics-value{color:var(--abc-lyrics-value)}.abc-note{color:var(--abc-note)}.abc-octave-high{color:var(--abc-octave-high);font-weight:600}.abc-octave-low{color:var(--abc-octave-low);font-weight:600}.abc-rest{color:var(--abc-rest)}.abc-rest-invisible{color:var(--abc-rest-muted);opacity:.5}.abc-accidental{color:var(--abc-accidental)}.abc-duration{font-weight:600}.abc-duration-long{color:var(--abc-duration-long)}.abc-duration-short{color:var(--abc-duration-short)}.abc-duration-fraction{color:var(--abc-duration-fraction)}.abc-broken-rhythm{color:var(--abc-broken);font-weight:700}.abc-bar{color:var(--abc-bar);font-weight:600}.abc-bar-double{color:var(--abc-bar-double);font-weight:900}.abc-chord{color:var(--abc-chord)}.abc-slur{font-weight:700}.abc-slur-level-0{color:var(--abc-slur-0)}.abc-slur-level-1{color:var(--abc-slur-1)}.abc-slur-level-2{color:var(--abc-slur-2)}.abc-slur-level-3{color:var(--abc-slur-3)}.abc-slur-level-4{color:var(--abc-slur-4)}.abc-tuplet{color:var(--abc-tuplet);font-weight:700}.abc-tie{color:var(--abc-tie);font-weight:600}.abc-tie-dotted{color:var(--abc-tie-dotted)}.abc-ornament{color:var(--abc-ornament);font-weight:700}.abc-chord-symbol{color:var(--abc-chord-symbol);font-weight:700}.abc-annotation{color:var(--abc-annotation);font-style:italic;font-weight:600}.abc-decoration{color:var(--abc-decoration);font-weight:700}.abc-grace-note{color:var(--abc-grace);font-weight:600}.abc-volta-bracket{color:var(--abc-volta);font-weight:700}.abc-inline-field-bracket{color:var(--abc-inline-bracket)}.abc-inline-field-key{color:var(--abc-inline-key);font-weight:600}.abc-inline-field-value{color:var(--abc-inline-value)}.abc-comment{color:var(--abc-comment);font-style:italic}.abc-text{color:var(--abc-ink)}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ease{syntax:"*";inherits:false}')),document.head.appendChild(a)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
|
|
1
|
+
(function(){"use strict";try{if(typeof document<"u"){var a=document.createElement("style");a.appendChild(document.createTextNode('@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-blue-600:oklch(54.6% .245 262.881);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-800:oklch(27.9% .041 260.031);--color-slate-950:oklch(12.9% .042 264.695);--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wide:.025em;--leading-relaxed:1.625;--radius-md:.375rem;--radius-lg:.5rem;--ease-in-out:cubic-bezier(.4,0,.2,1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1)}}@layer utilities{.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:calc(var(--spacing)*0)}.z-50{z-index:50}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.mt-0\\.5{margin-top:calc(var(--spacing)*.5)}.mt-1{margin-top:calc(var(--spacing)*1)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.block{display:block}.flex{display:flex}.hidden{display:none}.inline{display:inline}.table{display:table}.h-full{height:100%}.h-screen{height:100vh}.w-full{width:100%}.flex-1{flex:1}.shrink-0{flex-shrink:0}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.resize{resize:both}.resize-none{resize:none}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-end{justify-content:flex-end}.gap-1{gap:calc(var(--spacing)*1)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.bg-blue-600{background-color:var(--color-blue-600)}.bg-slate-800{background-color:var(--color-slate-800)}.bg-slate-950{background-color:var(--color-slate-950)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.px-1\\.5{padding-inline:calc(var(--spacing)*1.5)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.py-0\\.5{padding-block:calc(var(--spacing)*.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.text-right{text-align:right}.font-mono{font-family:var(--font-mono)}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\\[10px\\]{font-size:10px}.text-\\[11px\\]{font-size:11px}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.break-all{word-break:break-all}.text-slate-200{color:var(--color-slate-200)}.text-white{color:var(--color-white)}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.grayscale{--tw-grayscale:grayscale(100%);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,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.select-none{-webkit-user-select:none;user-select:none}.\\[foo\\:bar\\]{foo:bar}@media(hover:hover){.hover\\:bg-slate-700:hover{background-color:var(--color-slate-700)}}}*{box-sizing:border-box}body{margin:0;padding:0}:root{--abc-ink:#1a1a1a;--abc-key:#06c;--abc-value:#996300;--abc-lyrics-key:#c06;--abc-lyrics-value:#b30059;--abc-note:#000;--abc-octave-high:#00994d;--abc-octave-low:#60c;--abc-rest:#666;--abc-rest-muted:#999;--abc-accidental:#b35900;--abc-duration-long:#cc5200;--abc-duration-short:#09c;--abc-duration-fraction:#c90;--abc-broken:#00b359;--abc-bar:#0080cc;--abc-bar-double:#06c;--abc-chord:#c09;--abc-slur-0:#cc004d;--abc-slur-1:#cc8000;--abc-slur-2:#0080cc;--abc-slur-3:#00b359;--abc-slur-4:#70c;--abc-tuplet:#00b359;--abc-tie:#c06;--abc-tie-dotted:#cc0080;--abc-ornament:#56c;--abc-chord-symbol:#00997a;--abc-annotation:#c80;--abc-decoration:#86c;--abc-grace:#66b300;--abc-volta:#c60;--abc-inline-bracket:#666;--abc-inline-key:#06c;--abc-inline-value:#960;--abc-comment:#999}[data-theme=dark]{--abc-ink:#e8f1ff;--abc-key:#7ad7ff;--abc-value:#ffd48a;--abc-lyrics-key:#ff7ba1;--abc-lyrics-value:#ffc8d8;--abc-note:#f8fbff;--abc-octave-high:#73f8c4;--abc-octave-low:#c7b3ff;--abc-rest:#8ca3b8;--abc-rest-muted:#596779;--abc-accidental:#f2c079;--abc-duration-long:#ffa25f;--abc-duration-short:#6edff6;--abc-duration-fraction:#ffe38f;--abc-broken:#7be495;--abc-bar:#79cfff;--abc-bar-double:#4aafff;--abc-chord:#ff8ccf;--abc-slur-0:#ff92b2;--abc-slur-1:#ffd77a;--abc-slur-2:#7ed4ff;--abc-slur-3:#92f3c6;--abc-slur-4:#c6a9ff;--abc-tuplet:#82f0a2;--abc-tie:#f07fb3;--abc-tie-dotted:#ff9ecf;--abc-ornament:#9fb0ff;--abc-chord-symbol:#63f5d3;--abc-annotation:#ffd88a;--abc-decoration:#d1a6ff;--abc-grace:#a4f28f;--abc-volta:#f9a15a;--abc-inline-bracket:#8ca7c0;--abc-inline-key:#7ad7ff;--abc-inline-value:#ffdcb2;--abc-comment:#7b8797}.abc-preview svg text{fill:#000!important}.abc-preview[data-theme=dark] svg text{fill:#fff!important}textarea::placeholder{color:#999;opacity:1}[data-theme=dark] textarea::placeholder{color:#64748b}.abc-meta-key{color:var(--abc-key);font-weight:600}.abc-meta-value{color:var(--abc-value)}.abc-lyrics-key{color:var(--abc-lyrics-key);font-weight:600}.abc-lyrics-value{color:var(--abc-lyrics-value)}.abc-note{color:var(--abc-note)}.abc-octave-high{color:var(--abc-octave-high);font-weight:600}.abc-octave-low{color:var(--abc-octave-low);font-weight:600}.abc-rest{color:var(--abc-rest)}.abc-rest-invisible{color:var(--abc-rest-muted);opacity:.5}.abc-accidental{color:var(--abc-accidental)}.abc-duration{font-weight:600}.abc-duration-long{color:var(--abc-duration-long)}.abc-duration-short{color:var(--abc-duration-short)}.abc-duration-fraction{color:var(--abc-duration-fraction)}.abc-broken-rhythm{color:var(--abc-broken);font-weight:700}.abc-bar{color:var(--abc-bar);font-weight:600}.abc-bar-double{color:var(--abc-bar-double);font-weight:900}.abc-chord{color:var(--abc-chord)}.abc-slur{font-weight:700}.abc-slur-level-0{color:var(--abc-slur-0)}.abc-slur-level-1{color:var(--abc-slur-1)}.abc-slur-level-2{color:var(--abc-slur-2)}.abc-slur-level-3{color:var(--abc-slur-3)}.abc-slur-level-4{color:var(--abc-slur-4)}.abc-tuplet{color:var(--abc-tuplet);font-weight:700}.abc-tie{color:var(--abc-tie);font-weight:600}.abc-tie-dotted{color:var(--abc-tie-dotted)}.abc-ornament{color:var(--abc-ornament);font-weight:700}.abc-chord-symbol{color:var(--abc-chord-symbol);font-weight:700}.abc-annotation{color:var(--abc-annotation);font-style:italic;font-weight:600}.abc-decoration{color:var(--abc-decoration);font-weight:700}.abc-grace-note{color:var(--abc-grace);font-weight:600}.abc-volta-bracket{color:var(--abc-volta);font-weight:700}.abc-inline-field-bracket{color:var(--abc-inline-bracket)}.abc-inline-field-key{color:var(--abc-inline-key);font-weight:600}.abc-inline-field-value{color:var(--abc-inline-value)}.abc-comment{color:var(--abc-comment);font-style:italic}.abc-text{color:var(--abc-ink)}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}')),document.head.appendChild(a)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
|
|
2
2
|
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),T=require("react"),j=e=>e.split(`
|
|
3
|
-
`).map((n
|
|
4
|
-
`),
|
|
5
|
-
`).map(
|
|
6
|
-
`),
|
|
3
|
+
`).map((r,n)=>n+1).join(`
|
|
4
|
+
`),B=/^([ABCDFGHIKLMmNOPQRrSsTUVWwXZ]:)(.*)$/,y=/[A-Ga-g]/,O=/[\^_=]/,$=/[',]/,D=/\|[:|\]]?|:?\|/,H=/[\\[\]]/,W=/[()]/,U=/^\(\d+$/,k=/^\/?\d+(\/\d+)?$/,L=/[zZx]/,S=/^\.?-$/,F=/[.~HLMOPSTuv]/,K=/^"[^"]*"$/,P=/^"[\^_<>@][^"]*"$/,V=/^![^!]+!$/,G=/^\{[^}]+\}$/,z=/^\[\d+$/,Q=/^\[([ABCDFGHIKLMmNOPQRrSsTUVWwXZ]):([^\]]*)\]$/,Y=/^[<>]+$/,X=/^%.*$/,p=e=>e.replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">").replace(/"/g,""").replace(/'/g,"'"),ae=(e,t)=>{const r=e[t];if(r!=="|"&&r!==":")return null;let n=r,o=t+1;for(;o<e.length&&(e[o]==="|"||e[o]===":"||e[o]==="]");)n+=e[o],o++;return D.test(n)?{html:`<span class="${n==="||"?"abc-bar-double":"abc-bar"}">${p(n)}</span>`,nextIndex:o}:null},ie=(e,t)=>{const r=e[t];return O.test(r)?{html:`<span class="abc-accidental">${p(r)}</span>`,nextIndex:t+1}:null},ce=(e,t,r)=>{const n=e[t];if(!W.test(n))return null;if(n==="("){if(t+1<e.length&&/\d/.test(e[t+1])){let o=n,s=t+1;for(;s<e.length&&/\d/.test(e[s]);)o+=e[s],s++;if(U.test(o))return{html:`<span class="abc-tuplet">${p(o)}</span>`,nextIndex:s,slurLevelDelta:0}}return{html:`<span class="abc-slur abc-slur-level-${r%5}">${p(n)}</span>`,nextIndex:t+1,slurLevelDelta:1}}else if(n===")")return{html:`<span class="abc-slur abc-slur-level-${Math.max(0,r-1)%5}">${p(n)}</span>`,nextIndex:t+1,slurLevelDelta:-1};return null},ue=(e,t)=>{const r=e[t];if(!y.test(r))return null;let n=`<span class="abc-note">${p(r)}</span>`,o=t+1,s="";for(;o<e.length&&$.test(e[o]);)s+=e[o],o++;if(s){const i=s[0]==="'"?"abc-octave-high":"abc-octave-low";n+=`<span class="${i}">${p(s)}</span>`}let a="";if(o<e.length&&(e[o]==="/"||/\d/.test(e[o]))){for(e[o]==="/"&&(a+=e[o],o++);o<e.length&&/\d/.test(e[o]);)a+=e[o],o++;if(o<e.length&&e[o]==="/")for(a+=e[o],o++;o<e.length&&/\d/.test(e[o]);)a+=e[o],o++;if(a&&k.test(a)){let i="abc-duration";a.startsWith("/")?i+=" abc-duration-short":a.includes("/")?i+=" abc-duration-fraction":i+=" abc-duration-long",n+=`<span class="${i}">${p(a)}</span>`}}return{html:n,nextIndex:o}},de=(e,t)=>{const r=e[t];return H.test(r)?{html:`<span class="abc-chord">${p(r)}</span>`,nextIndex:t+1}:null},pe=(e,t)=>{const r=e[t];if(!L.test(r))return null;let o=`<span class="${r==="x"?"abc-rest-invisible":"abc-rest"}">${p(r)}</span>`,s=t+1,a="";if(s<e.length&&(e[s]==="/"||/\d/.test(e[s]))){for(e[s]==="/"&&(a+=e[s],s++);s<e.length&&/\d/.test(e[s]);)a+=e[s],s++;if(s<e.length&&e[s]==="/")for(a+=e[s],s++;s<e.length&&/\d/.test(e[s]);)a+=e[s],s++;if(a&&k.test(a)){let i="abc-duration";a.startsWith("/")?i+=" abc-duration-short":a.includes("/")?i+=" abc-duration-fraction":i+=" abc-duration-long",o+=`<span class="${i}">${p(a)}</span>`}}return{html:o,nextIndex:s}},he=(e,t)=>{const r=e[t];return r==="."&&t+1<e.length&&e[t+1]==="-"&&S.test(".-")?{html:`<span class="abc-tie abc-tie-dotted">${p(".-")}</span>`,nextIndex:t+2}:r==="-"&&S.test(r)?{html:`<span class="abc-tie">${p(r)}</span>`,nextIndex:t+1}:null},fe=(e,t)=>{const r=e[t];return!F.test(r)||r==="."&&t+1<e.length&&e[t+1]==="-"?null:{html:`<span class="abc-ornament">${p(r)}</span>`,nextIndex:t+1}},ge=(e,t)=>{if(e[t]!=='"')return null;let n=t+1;for(;n<e.length&&e[n]!=='"';)n++;if(n>=e.length)return null;const o=e.substring(t,n+1);return P.test(o)?{html:`<span class="abc-annotation">${p(o)}</span>`,nextIndex:n+1}:null},me=(e,t)=>{if(e[t]!=='"')return null;let n=t+1;for(;n<e.length&&e[n]!=='"';)n++;if(n>=e.length)return null;const o=e.substring(t,n+1);return P.test(o)||!K.test(o)?null:{html:`<span class="abc-chord-symbol">${p(o)}</span>`,nextIndex:n+1}},be=(e,t)=>{if(e[t]!=="!")return null;let n=t+1;for(;n<e.length&&e[n]!=="!";)n++;if(n>=e.length)return null;const o=e.substring(t,n+1);return V.test(o)?{html:`<span class="abc-decoration">${p(o)}</span>`,nextIndex:n+1}:null},xe=(e,t)=>{if(e[t]!=="{")return null;let n=t+1;for(;n<e.length&&e[n]!=="}";)n++;if(n>=e.length)return null;const o=e.substring(t,n+1);return G.test(o)?{html:`<span class="abc-grace-note">${p(o)}</span>`,nextIndex:n+1}:null},ve=(e,t)=>{if(e[t]!=="[")return null;let n=t+1;for(;n<e.length&&e[n]!=="]";)n++;if(n>=e.length)return null;const s=e.substring(t,n+1).match(Q);if(!s)return null;const[,a,i]=s;return{html:`<span class="abc-inline-field-bracket">[</span><span class="abc-inline-field-key">${p(a)}:</span><span class="abc-inline-field-value">${p(i)}</span><span class="abc-inline-field-bracket">]</span>`,nextIndex:n+1}},Te=(e,t)=>{if(e[t]!=="["||t+1>=e.length||!/\d/.test(e[t+1]))return null;let n=t+1;for(;n<e.length&&/\d/.test(e[n]);)n++;const o=e.substring(t,n);return z.test(o)?{html:`<span class="abc-volta-bracket">${p(o)}</span>`,nextIndex:n}:null},Ae=(e,t)=>{const r=e[t];if(r!==">"&&r!=="<")return null;let n=t+1;for(;n<e.length&&e[n]===r;)n++;const o=e.substring(t,n);return Y.test(o)?{html:`<span class="abc-broken-rhythm">${p(o)}</span>`,nextIndex:n}:null},Ce=e=>{let t="",r=0,n=0;for(;r<e.length;){const o=ae(e,r);if(o){t+=o.html,r=o.nextIndex;continue}const s=be(e,r);if(s){t+=s.html,r=s.nextIndex;continue}const a=xe(e,r);if(a){t+=a.html,r=a.nextIndex;continue}const i=ie(e,r);if(i){t+=i.html,r=i.nextIndex;continue}const x=fe(e,r);if(x){t+=x.html,r=x.nextIndex;continue}const g=ge(e,r);if(g){t+=g.html,r=g.nextIndex;continue}const c=me(e,r);if(c){t+=c.html,r=c.nextIndex;continue}const l=ce(e,r,n);if(l){t+=l.html,r=l.nextIndex,l.slurLevelDelta&&(n+=l.slurLevelDelta);continue}const d=pe(e,r);if(d){t+=d.html,r=d.nextIndex;continue}const h=ue(e,r);if(h){t+=h.html,r=h.nextIndex;continue}const v=Ae(e,r);if(v){t+=v.html,r=v.nextIndex;continue}const m=ve(e,r);if(m){t+=m.html,r=m.nextIndex;continue}const b=Te(e,r);if(b){t+=b.html,r=b.nextIndex;continue}const A=de(e,r);if(A){t+=A.html,r=A.nextIndex;continue}const C=he(e,r);if(C){t+=C.html,r=C.nextIndex;continue}t+=`<span class="abc-text">${p(e[r])}</span>`,r++}return t},w=e=>e.split(`
|
|
5
|
+
`).map(r=>{if(X.test(r))return`<span class="abc-comment">${p(r)}</span>`;const n=r.match(B);if(n){const[,o,s]=n;return o==="w:"||o==="W:"?`<span class="abc-lyrics-key">${p(o)}</span><span class="abc-lyrics-value">${p(s)}</span>`:`<span class="abc-meta-key">${p(o)}</span><span class="abc-meta-value">${p(s)}</span>`}return Ce(r)}).join(`
|
|
6
|
+
`),q={"X:":[{value:"1",description:"Reference number 1"},{value:"2",description:"Reference number 2"}],"T:":[{value:"タイトル",description:"Japanese title template"},{value:"Untitled",description:"Default title"}],"M:":[{value:"4/4",description:"Common time"},{value:"3/4",description:"Waltz time"},{value:"2/4",description:"March time"},{value:"6/8",description:"Compound duple"},{value:"9/8",description:"Compound triple"},{value:"12/8",description:"Compound quadruple"},{value:"5/4",description:"Quintuple meter"},{value:"7/8",description:"Septuple meter"},{value:"C",description:"Common time (4/4)"},{value:"C|",description:"Cut time (2/2)"}],"L:":[{value:"1/4",description:"Quarter note"},{value:"1/8",description:"Eighth note"},{value:"1/16",description:"Sixteenth note"}],"Q:":[{value:"1/4=120",description:"Quarter note = 120 BPM"},{value:"1/4=100",description:"Quarter note = 100 BPM"},{value:"1/4=80",description:"Quarter note = 80 BPM"},{value:"1/8=180",description:"Eighth note = 180 BPM"}],"K:":[{value:"C"},{value:"G"},{value:"D"},{value:"A"},{value:"E"},{value:"B"},{value:"F#"},{value:"C#"},{value:"F"},{value:"Bb"},{value:"Eb"},{value:"Ab"},{value:"Db"},{value:"Gb"},{value:"Cb"},{value:"Am"},{value:"Em"},{value:"Bm"},{value:"F#m"},{value:"C#m"},{value:"G#m"},{value:"D#m"},{value:"Dm"},{value:"Gm"},{value:"Cm"},{value:"Fm"},{value:"Bbm"},{value:"Ebm"},{value:"Abm"}],"C:":[{value:"Traditional",description:"Traditional composer"},{value:"Unknown",description:"Unknown composer"}],"R:":[{value:"reel",description:"Reel rhythm"},{value:"jig",description:"Jig rhythm"},{value:"hornpipe",description:"Hornpipe rhythm"},{value:"waltz",description:"Waltz rhythm"},{value:"march",description:"March rhythm"}],"A:":[{value:"Ireland",description:"Area: Ireland"},{value:"Scotland",description:"Area: Scotland"},{value:"England",description:"Area: England"},{value:"USA",description:"Area: USA"},{value:"Japan",description:"Area: Japan"}],"B:":[{value:"The Session",description:"Book: The Session"},{value:"O'Neill's Music of Ireland",description:"Book: O'Neill's Music of Ireland"}],"D:":[{value:"Album Name (Year)",description:"Discography template"}],"F:":[{value:"https://thesession.org/",description:"File URL template"}],"G:":[{value:"Group name",description:"Group template"}],"H:":[{value:"History note",description:"History template"}],"I:":[{value:"abc-charset utf-8",description:"Character set: UTF-8"}],"m:":[{value:"~g2 = {a}g{f}g",description:"Macro definition template"}],"N:":[{value:"Note text",description:"Notes template"}],"O:":[{value:"Traditional",description:"Origin: Traditional"},{value:"Ireland",description:"Origin: Ireland"},{value:"Scotland",description:"Origin: Scotland"}],"P:":[{value:"AABB",description:"Parts: AABB"},{value:"ABCD",description:"Parts: ABCD"},{value:"A",description:"Part: A"},{value:"B",description:"Part: B"}],"r:":[{value:"Remark text",description:"Remark template"}],"S:":[{value:"Session tune",description:"Source: Session"},{value:"Traditional",description:"Source: Traditional"}],"s:":[{value:"Symbol line",description:"Symbol line template"}],"U:":[{value:"u = !trill!",description:"User defined: trill"}],"V:":[{value:"1",description:"Voice 1"},{value:"2",description:"Voice 2"},{value:"T",description:"Tenor voice"},{value:"B",description:"Bass voice"}],"W:":[{value:"Lyrics line",description:"Words (multi-line)"}],"w:":[{value:"Lyrics for this line",description:"Words (aligned)"}],"Z:":[{value:"Your Name",description:"Transcriber name"},{value:"ABC transcription",description:"Transcription note"}]},Ne=e=>q[e]||[],J=[{value:"/header",description:"Insert basic ABC header template",template:`X:1
|
|
7
7
|
T:Untitled
|
|
8
8
|
M:4/4
|
|
9
9
|
L:1/4
|
|
10
10
|
K:C
|
|
11
|
-
`}],Be=e=>e.startsWith("/")?
|
|
12
|
-
`),d=
|
|
13
|
-
`).length-1,v=parseFloat(getComputedStyle(c).lineHeight)||24;return{top:(parseFloat(getComputedStyle(c).paddingTop)||16)+(h+1)*v-c.scrollTop,left:60}},[e,t]);T.useEffect(()=>{const c=
|
|
14
|
-
`),h=d[d.length-1];let v,m;if(
|
|
15
|
-
`);let
|
|
16
|
-
`),
|
|
17
|
-
`),E=
|
|
18
|
-
`).length+(f.line>0?1:0);
|
|
19
|
-
`),E=(f[a.line]||"").substring(a.startCol,a.endCol),
|
|
11
|
+
`}],Be=e=>e.startsWith("/")?J.filter(t=>t.value.toLowerCase().startsWith(e.toLowerCase())):[],Z=({value:e,textareaRef:t,onChange:r})=>{const[n,o]=T.useState({isOpen:!1,suggestions:[],selectedIndex:0,position:{top:0,left:0},fieldKey:null,inputValue:"",isCommand:!1}),s=T.useCallback(()=>{if(!t.current)return null;const c=t.current.selectionStart,l=e.substring(0,c).split(`
|
|
12
|
+
`),d=l[l.length-1];if(d.startsWith("/"))return{fieldKey:null,inputValue:d,line:d,lineStartPos:c-d.length,isCommand:!0};const h=d.match(B);if(h){const[,v,m]=h;return{fieldKey:v,inputValue:m,line:d,lineStartPos:c-d.length,isCommand:!1}}return null},[e,t]),a=T.useCallback(()=>{if(!t.current)return{top:0,left:0};const c=t.current,l=c.selectionStart,h=e.substring(0,l).split(`
|
|
13
|
+
`).length-1,v=parseFloat(getComputedStyle(c).lineHeight)||24;return{top:(parseFloat(getComputedStyle(c).paddingTop)||16)+(h+1)*v-c.scrollTop,left:60}},[e,t]);T.useEffect(()=>{const c=s();if(!c){o(d=>({...d,isOpen:!1}));return}let l=[];if(c.isCommand?l=Be(c.inputValue):c.fieldKey&&(l=Ne(c.fieldKey).filter(h=>h.value.toLowerCase().startsWith(c.inputValue.toLowerCase()))),l.length>0){const d=a();o({isOpen:!0,suggestions:l,selectedIndex:0,position:d,fieldKey:c.fieldKey,inputValue:c.inputValue,isCommand:c.isCommand})}else o(d=>({...d,isOpen:!1}))},[e,s,a]);const i=T.useCallback(c=>{if(!t.current)return;const l=t.current.selectionStart,d=e.substring(0,l).split(`
|
|
14
|
+
`),h=d[d.length-1];let v,m;if(n.isCommand&&c.template){const b=e.substring(0,l-h.length),A=e.substring(l);v=b+c.template+A,m=b.length+c.template.length}else if(n.fieldKey){const b=n.fieldKey+c.value,A=e.substring(0,l-h.length),C=e.substring(l);v=A+b+C,m=A.length+b.length}else return;r(v),setTimeout(()=>{t.current&&(t.current.selectionStart=m,t.current.selectionEnd=m,t.current.focus())},0),o(b=>({...b,isOpen:!1}))},[t,n.fieldKey,n.isCommand,e,r]),x=T.useCallback(c=>{if(n.isOpen)switch(c.key){case"ArrowDown":c.preventDefault(),o(l=>({...l,selectedIndex:Math.min(l.selectedIndex+1,l.suggestions.length-1)}));break;case"ArrowUp":c.preventDefault(),o(l=>({...l,selectedIndex:Math.max(l.selectedIndex-1,0)}));break;case"Enter":n.suggestions.length>0&&(c.preventDefault(),i(n.suggestions[n.selectedIndex]));break;case"Escape":c.preventDefault(),o(l=>({...l,isOpen:!1}));break}},[n.isOpen,n.suggestions,n.selectedIndex,i]),g=T.useCallback(c=>{o(l=>({...l,selectedIndex:c}))},[]);return{isOpen:n.isOpen,suggestions:n.suggestions,selectedIndex:n.selectedIndex,position:n.position,handleKeyDown:x,selectSuggestion:i,handleMouseEnter:g}},ee=({suggestions:e,selectedIndex:t,position:r,onSelect:n,onMouseEnter:o})=>{const s=T.useRef(null);return T.useEffect(()=>{s.current?.scrollIntoView({block:"nearest",behavior:"smooth"})},[t]),e.length===0?null:u.jsx("div",{className:"absolute z-50 bg-slate-800 rounded-md shadow-xl overflow-hidden",style:{top:`${r.top}px`,left:`${r.left}px`,minWidth:"200px",maxWidth:"400px",maxHeight:"300px",overflowY:"auto"},children:e.map((a,i)=>u.jsxs("div",{ref:i===t?s:null,className:`px-3 py-2 cursor-pointer ${i===t?"bg-blue-600 text-white":"text-slate-200 hover:bg-slate-700"}`,onClick:()=>n(a),onMouseEnter:()=>o(i),children:[u.jsx("div",{className:"font-mono text-sm",children:a.value}),a.description&&u.jsx("div",{className:"text-xs opacity-75 mt-1",children:a.description})]},`${a.value}-${i}`))})},Ee=e=>{const t=e.trim();if(t==="C")return{beatsPerMeasure:4,beatUnit:4};if(t==="C|")return{beatsPerMeasure:2,beatUnit:2};const r=t.match(/^(\d+)\/(\d+)$/);return r?{beatsPerMeasure:parseInt(r[1],10),beatUnit:parseInt(r[2],10)}:{beatsPerMeasure:4,beatUnit:4}},_e=e=>{const r=e.trim().match(/^(\d+)\/(\d+)$/);return r?parseInt(r[1],10)/parseInt(r[2],10):1/8},ye=e=>{const t=e.split(`
|
|
15
|
+
`);let r={beatsPerMeasure:4,beatUnit:4},n=1/8;for(const o of t){const s=o.match(B);if(s){const[,a,i]=s;a==="M:"?r=Ee(i):a==="L:"&&(n=_e(i))}}return{meter:r,unitNoteLength:n}},M=e=>{if(!e)return 1;if(e.startsWith("/"))return 1/parseInt(e.substring(1),10);if(e.includes("/")){const[t,r]=e.split("/");return parseInt(t,10)/parseInt(r,10)}return parseInt(e,10)},Ie=(e,t)=>{let r=0,n=0;for(;n<e.length;){const o=e[n];if(y.test(o)||L.test(o)){let s=n+1;for(;s<e.length&&(e[s]==="'"||e[s]===",");)s++;let a="";if(s<e.length&&(e[s]==="/"||/\d/.test(e[s]))){const l=s;for(e[s]==="/"&&s++;s<e.length&&/\d/.test(e[s]);)s++;if(s<e.length&&e[s]==="/")for(s++;s<e.length&&/\d/.test(e[s]);)s++;a=e.substring(l,s)}const i=M(a),x=t.unitNoteLength*i,g=1/t.meter.beatUnit,c=x/g;r+=c,n=s}else if(o==="["){let s=n+1;for(;s<e.length&&e[s]!=="]";){const a=e[s];if(y.test(a)){let i=s+1;for(;i<e.length&&(e[i]==="'"||e[i]===",");)i++;s=i}else s++}if(s<e.length&&e[s]==="]"){s++;let a="";if(s<e.length&&(e[s]==="/"||/\d/.test(e[s]))){const l=s;for(e[s]==="/"&&s++;s<e.length&&/\d/.test(e[s]);)s++;if(s<e.length&&e[s]==="/")for(s++;s<e.length&&/\d/.test(e[s]);)s++;a=e.substring(l,s)}const i=M(a),x=t.unitNoteLength*i,g=1/t.meter.beatUnit,c=x/g;r+=c}n=s}else n++}return r},te=e=>{const t=[],r=e.split(`
|
|
16
|
+
`),n=ye(e);return r.forEach((o,s)=>{if(!(o.trim().startsWith("%")||B.test(o))&&o.includes("|")){let a=0;const i=o.split("|");let x=0;i.forEach((g,c)=>{if(c===i.length-1&&g.trim()==="")return;const l=g.trim();if(l.startsWith(":")||l.startsWith("[")||l===""){a+=g.length+1;return}const d=Ie(l,n),h=n.meter.beatsPerMeasure;if(Math.abs(d-h)>.01){const m=o.indexOf(l,a),b=m+l.length;t.push({line:s,measureIndex:x,startCol:m,endCol:b,expected:h,actual:d,message:`Expected ${h} beats, got ${d.toFixed(2)}`})}x++,a+=g.length+1})}}),t},_={margin:0,padding:"16px",border:"none",outline:"none",fontSize:"14px",fontFamily:'SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace',fontWeight:400,fontStyle:"normal",fontVariant:"normal",fontStretch:"normal",lineHeight:"24px",letterSpacing:"normal",wordSpacing:"normal",textAlign:"left",textIndent:0,textTransform:"none",whiteSpace:"pre-wrap",wordBreak:"break-all",wordWrap:"break-word",overflowWrap:"break-word",tabSize:4,boxSizing:"border-box",WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale"},Re=({value:e,onChange:t,theme:r="light"})=>{const n=T.useRef(null),o=T.useRef(null),s=T.useRef(null),[a,i]=T.useState(null),x=j(e),g=w(e),c=T.useMemo(()=>te(e),[e]),l=r==="dark"?{bg:"#1a1a1a",editorBg:"#262626",lineNumBg:"#0f0f0f",lineNumBorder:"#2d2d2d",caretColor:"#fff",errorBg:"#1a1a1a",errorBorder:"#2d2d2d",errorHeader:"#ffffff",errorBadgeBg:"#dc2626",errorBadgeText:"#ffffff",errorIcon:"#f59e0b",errorLocation:"#22d3ee",errorMessage:"#e5e7eb",errorHighlight:"rgba(245, 158, 11, 0.2)",errorHoverBg:"rgba(51, 65, 85, 0.4)",errorItemBorder:"rgba(255, 255, 255, 0.05)"}:{bg:"#f8f9fa",editorBg:"#ffffff",lineNumBg:"#ffffff",lineNumBorder:"#e5e7eb",caretColor:"#000",errorBg:"#ffffff",errorBorder:"#e5e7eb",errorHeader:"#1f2937",errorBadgeBg:"#dc2626",errorBadgeText:"#ffffff",errorIcon:"#dc2626",errorLocation:"#0891b2",errorMessage:"#1f2937",errorHighlight:"#fde047",errorHoverBg:"rgba(254, 202, 202, 0.4)",errorItemBorder:"rgba(220, 38, 38, 0.1)"},{isOpen:d,suggestions:h,selectedIndex:v,position:m,handleKeyDown:b,selectSuggestion:A,handleMouseEnter:C}=Z({value:e,textareaRef:n,onChange:t}),ne=()=>{n.current&&o.current&&s.current&&(o.current.scrollTop=n.current.scrollTop,s.current.scrollTop=n.current.scrollTop)},re=f=>{if(n.current){const N=e.split(`
|
|
17
|
+
`),E=N.slice(0,f.line).join(`
|
|
18
|
+
`).length+(f.line>0?1:0);n.current.focus(),n.current.setSelectionRange(E,E),n.current.scrollTop=n.current.scrollHeight*(f.line/N.length)}};return u.jsx("div",{className:"w-full h-full flex flex-col p-4","data-theme":r,style:{backgroundColor:l.bg},children:u.jsxs("div",{className:"w-full flex-1 flex flex-col rounded-lg overflow-hidden shadow-lg",style:{backgroundColor:l.editorBg},children:[u.jsxs("div",{className:"flex-1 flex overflow-hidden",children:[u.jsx("div",{ref:o,className:"overflow-hidden text-right select-none",style:{backgroundColor:l.lineNumBg,minWidth:"3rem",borderRight:`1px solid ${l.lineNumBorder}`,..._,padding:"16px 8px 16px 8px",color:"#6b7280"},children:x}),u.jsxs("div",{className:"flex-1 relative",children:[u.jsx("div",{ref:s,className:"absolute inset-0 overflow-hidden pointer-events-none",style:{..._,backgroundColor:l.editorBg,opacity:a?.3:1,transition:"opacity 0.2s"},dangerouslySetInnerHTML:{__html:g}}),a&&(()=>{const f=e.split(`
|
|
19
|
+
`),E=(f[a.line]||"").substring(a.startCol,a.endCol),se=w(E);return u.jsx("div",{className:"absolute inset-0 overflow-hidden pointer-events-none",style:{..._,backgroundColor:"transparent"},children:f.map((I,R)=>{if(R===a.line){const oe=I.substring(0,a.startCol),le=I.substring(a.endCol);return u.jsxs("div",{children:[u.jsx("span",{style:{visibility:"hidden"},children:oe}),u.jsx("span",{style:{backgroundColor:l.errorHighlight,borderRadius:"2px",padding:"1px 2px"},dangerouslySetInnerHTML:{__html:se}}),u.jsx("span",{style:{visibility:"hidden"},children:le})]},R)}return u.jsx("div",{style:{visibility:"hidden"},children:I||""},R)})})})(),u.jsx("textarea",{ref:n,className:"absolute inset-0 w-full h-full resize-none",style:{..._,backgroundColor:"transparent",color:"transparent",caretColor:l.caretColor,WebkitAppearance:"none",appearance:"none"},value:e,onChange:f=>t(f.target.value),onScroll:ne,onKeyDown:b,spellCheck:!1,autoCapitalize:"off",autoComplete:"off",autoCorrect:"off",placeholder:"Type /header to insert template..."}),d&&u.jsx(ee,{suggestions:h,selectedIndex:v,position:m,onSelect:A,onMouseEnter:C})]})]}),c.length>0&&u.jsxs("div",{className:"flex",children:[u.jsx("div",{style:{backgroundColor:l.lineNumBg,minWidth:"3rem",borderRight:`1px solid ${l.lineNumBorder}`}}),u.jsxs("div",{className:"flex-1 px-4 py-3 text-xs font-mono overflow-auto border-t",style:{backgroundColor:l.errorBg,borderColor:l.errorBorder,maxHeight:"12rem",scrollbarWidth:"thin",scrollbarColor:`${l.errorIcon} transparent`},children:[u.jsxs("div",{className:"flex items-center gap-2 mb-3",children:[u.jsxs("div",{className:"flex items-center gap-2",children:[u.jsxs("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",style:{color:l.errorIcon},children:[u.jsx("path",{d:"M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"}),u.jsx("line",{x1:"12",y1:"9",x2:"12",y2:"13"}),u.jsx("line",{x1:"12",y1:"17",x2:"12.01",y2:"17"})]}),u.jsx("span",{className:"text-[11px] font-semibold uppercase tracking-wide",style:{color:l.errorHeader},children:"Validation Issues"})]}),u.jsx("div",{className:"px-2 py-0.5 rounded-full text-[10px] font-bold",style:{backgroundColor:l.errorBadgeBg,color:l.errorBadgeText},children:c.length})]}),u.jsx("div",{className:"space-y-1",children:c.map((f,N)=>u.jsxs("div",{className:"flex items-start gap-3 px-3 py-2 rounded-md border cursor-pointer",style:{backgroundColor:a===f?l.errorHoverBg:"transparent",borderColor:a===f?l.errorIcon:l.errorItemBorder,transition:"all 0.15s ease-in-out",transform:a===f?"translateX(2px)":"translateX(0)"},onMouseEnter:()=>i(f),onMouseLeave:()=>i(null),onClick:()=>re(f),children:[u.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:"shrink-0 mt-0.5",style:{color:l.errorIcon},children:[u.jsx("circle",{cx:"12",cy:"12",r:"10"}),u.jsx("line",{x1:"12",y1:"8",x2:"12",y2:"12"}),u.jsx("line",{x1:"12",y1:"16",x2:"12.01",y2:"16"})]}),u.jsxs("div",{className:"flex-1 flex flex-col gap-1",children:[u.jsx("div",{className:"flex items-baseline gap-2 flex-wrap",children:u.jsxs("span",{className:"font-semibold text-[11px] px-1.5 py-0.5 rounded",style:{color:l.errorLocation,backgroundColor:r==="dark"?"rgba(34, 211, 238, 0.1)":"rgba(8, 145, 178, 0.1)"},children:["Line ",f.line+1,", Measure ",f.measureIndex+1]})}),u.jsx("span",{className:"text-[11px] leading-relaxed",style:{color:l.errorMessage},children:f.message})]}),u.jsxs("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:"shrink-0 mt-1 opacity-50",style:{color:l.errorIcon,opacity:a===f?1:.3,transition:"opacity 0.15s ease-in-out"},children:[u.jsx("line",{x1:"5",y1:"12",x2:"19",y2:"12"}),u.jsx("polyline",{points:"12 5 19 12 12 19"})]})]},N))})]})]})]})})};exports.ABC_ACCIDENTAL_PATTERN=O;exports.ABC_ANNOTATION_PATTERN=P;exports.ABC_BAR_PATTERN=D;exports.ABC_BROKEN_RHYTHM_PATTERN=Y;exports.ABC_CHORD_BRACKET_PATTERN=H;exports.ABC_CHORD_SYMBOL_PATTERN=K;exports.ABC_COMMANDS=J;exports.ABC_COMMENT_PATTERN=X;exports.ABC_DECORATION_PATTERN=V;exports.ABC_DURATION_PATTERN=k;exports.ABC_FIELD_PATTERN=B;exports.ABC_GRACE_NOTE_PATTERN=G;exports.ABC_INLINE_FIELD_PATTERN=Q;exports.ABC_NOTE_PATTERN=y;exports.ABC_OCTAVE_PATTERN=$;exports.ABC_ORNAMENT_PATTERN=F;exports.ABC_REST_PATTERN=L;exports.ABC_SLUR_PATTERN=W;exports.ABC_SUGGESTIONS=q;exports.ABC_TIE_PATTERN=S;exports.ABC_TUPLET_PATTERN=U;exports.ABC_VOLTA_BRACKET_PATTERN=z;exports.AbcEditor=Re;exports.SuggestionList=ee;exports.highlightAbc=w;exports.useAbcAutoComplete=Z;exports.useLineNumbers=j;exports.validateAbc=te;
|