react-markdown-typewriter 1.1.3 → 1.2.0
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/index.cjs +1 -0
- package/dist/index.d.mts +77 -8
- package/dist/index.d.ts +77 -8
- package/dist/index.mjs +1 -1
- package/package.json +18 -7
- package/dist/components/MarkdownTypewriter.d.mts +0 -9
- package/dist/components/MarkdownTypewriter.d.ts +0 -9
- package/dist/components/MarkdownTypewriter.js +0 -1
- package/dist/components/MarkdownTypewriter.mjs +0 -1
- package/dist/components/MarkdownTypewriterAsync.d.mts +0 -9
- package/dist/components/MarkdownTypewriterAsync.d.ts +0 -9
- package/dist/components/MarkdownTypewriterAsync.js +0 -1
- package/dist/components/MarkdownTypewriterAsync.mjs +0 -1
- package/dist/components/MarkdownTypewriterHooks.d.mts +0 -9
- package/dist/components/MarkdownTypewriterHooks.d.ts +0 -9
- package/dist/components/MarkdownTypewriterHooks.js +0 -1
- package/dist/components/MarkdownTypewriterHooks.mjs +0 -1
- package/dist/components/TypewriterItem.d.mts +0 -14
- package/dist/components/TypewriterItem.d.ts +0 -14
- package/dist/components/TypewriterItem.js +0 -1
- package/dist/components/TypewriterItem.mjs +0 -1
- package/dist/components/index.d.mts +0 -8
- package/dist/components/index.d.ts +0 -8
- package/dist/components/index.js +0 -1
- package/dist/components/index.mjs +0 -1
- package/dist/functions/markdownComponents.d.mts +0 -11
- package/dist/functions/markdownComponents.d.ts +0 -11
- package/dist/functions/markdownComponents.js +0 -1
- package/dist/functions/markdownComponents.mjs +0 -1
- package/dist/functions/typewriterHook.d.mts +0 -16
- package/dist/functions/typewriterHook.d.ts +0 -16
- package/dist/functions/typewriterHook.js +0 -1
- package/dist/functions/typewriterHook.mjs +0 -1
- package/dist/index.js +0 -1
- package/dist/interfaces/MarkdownTypewriterProps.d.mts +0 -70
- package/dist/interfaces/MarkdownTypewriterProps.d.ts +0 -70
- package/dist/interfaces/MarkdownTypewriterProps.js +0 -1
- package/dist/interfaces/MarkdownTypewriterProps.mjs +0 -0
- package/dist/interfaces/index.d.mts +0 -4
- package/dist/interfaces/index.d.ts +0 -4
- package/dist/interfaces/index.js +0 -1
- package/dist/interfaces/index.mjs +0 -0
package/dist/index.cjs
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
'use strict';var react$1=require('motion/react'),react=require('react'),K=require('react-markdown'),jsxRuntime=require('react/jsx-runtime');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var K__default=/*#__PURE__*/_interopDefault(K);var d=["a","abbr","address","area","article","aside","audio","b","base","bdi","bdo","blockquote","body","br","button","canvas","caption","cite","code","col","colgroup","data","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","iframe","img","input","ins","kbd","label","legend","li","link","main","map","mark","math","menu","meta","meter","nav","noscript","object","ol","optgroup","option","output","p","picture","pre","progress","q","rp","rt","ruby","s","samp","script","search","section","select","selectedcontent","slot","small","source","span","strong","style","sub","summary","sup","svg","table","tbody","td","template","textarea","tfoot","th","thead","time","title","tr","track","u","ul","var","video","wbr"];var k=()=>/[#*0-9]\uFE0F?\u20E3|[\xA9\xAE\u203C\u2049\u2122\u2139\u2194-\u2199\u21A9\u21AA\u231A\u231B\u2328\u23CF\u23ED-\u23EF\u23F1\u23F2\u23F8-\u23FA\u24C2\u25AA\u25AB\u25B6\u25C0\u25FB\u25FC\u25FE\u2600-\u2604\u260E\u2611\u2614\u2615\u2618\u2620\u2622\u2623\u2626\u262A\u262E\u262F\u2638-\u263A\u2640\u2642\u2648-\u2653\u265F\u2660\u2663\u2665\u2666\u2668\u267B\u267E\u267F\u2692\u2694-\u2697\u2699\u269B\u269C\u26A0\u26A7\u26AA\u26B0\u26B1\u26BD\u26BE\u26C4\u26C8\u26CF\u26D1\u26E9\u26F0-\u26F5\u26F7\u26F8\u26FA\u2702\u2708\u2709\u270F\u2712\u2714\u2716\u271D\u2721\u2733\u2734\u2744\u2747\u2757\u2763\u27A1\u2934\u2935\u2B05-\u2B07\u2B1B\u2B1C\u2B55\u3030\u303D\u3297\u3299]\uFE0F?|[\u261D\u270C\u270D](?:\uD83C[\uDFFB-\uDFFF]|\uFE0F)?|[\u270A\u270B](?:\uD83C[\uDFFB-\uDFFF])?|[\u23E9-\u23EC\u23F0\u23F3\u25FD\u2693\u26A1\u26AB\u26C5\u26CE\u26D4\u26EA\u26FD\u2705\u2728\u274C\u274E\u2753-\u2755\u2795-\u2797\u27B0\u27BF\u2B50]|\u26D3\uFE0F?(?:\u200D\uD83D\uDCA5)?|\u26F9(?:\uD83C[\uDFFB-\uDFFF]|\uFE0F)?(?:\u200D[\u2640\u2642]\uFE0F?)?|\u2764\uFE0F?(?:\u200D(?:\uD83D\uDD25|\uD83E\uDE79))?|\uD83C(?:[\uDC04\uDD70\uDD71\uDD7E\uDD7F\uDE02\uDE37\uDF21\uDF24-\uDF2C\uDF36\uDF7D\uDF96\uDF97\uDF99-\uDF9B\uDF9E\uDF9F\uDFCD\uDFCE\uDFD4-\uDFDF\uDFF5\uDFF7]\uFE0F?|[\uDF85\uDFC2\uDFC7](?:\uD83C[\uDFFB-\uDFFF])?|[\uDFC4\uDFCA](?:\uD83C[\uDFFB-\uDFFF])?(?:\u200D[\u2640\u2642]\uFE0F?)?|[\uDFCB\uDFCC](?:\uD83C[\uDFFB-\uDFFF]|\uFE0F)?(?:\u200D[\u2640\u2642]\uFE0F?)?|[\uDCCF\uDD8E\uDD91-\uDD9A\uDE01\uDE1A\uDE2F\uDE32-\uDE36\uDE38-\uDE3A\uDE50\uDE51\uDF00-\uDF20\uDF2D-\uDF35\uDF37-\uDF43\uDF45-\uDF4A\uDF4C-\uDF7C\uDF7E-\uDF84\uDF86-\uDF93\uDFA0-\uDFC1\uDFC5\uDFC6\uDFC8\uDFC9\uDFCF-\uDFD3\uDFE0-\uDFF0\uDFF8-\uDFFF]|\uDDE6\uD83C[\uDDE8-\uDDEC\uDDEE\uDDF1\uDDF2\uDDF4\uDDF6-\uDDFA\uDDFC\uDDFD\uDDFF]|\uDDE7\uD83C[\uDDE6\uDDE7\uDDE9-\uDDEF\uDDF1-\uDDF4\uDDF6-\uDDF9\uDDFB\uDDFC\uDDFE\uDDFF]|\uDDE8\uD83C[\uDDE6\uDDE8\uDDE9\uDDEB-\uDDEE\uDDF0-\uDDF7\uDDFA-\uDDFF]|\uDDE9\uD83C[\uDDEA\uDDEC\uDDEF\uDDF0\uDDF2\uDDF4\uDDFF]|\uDDEA\uD83C[\uDDE6\uDDE8\uDDEA\uDDEC\uDDED\uDDF7-\uDDFA]|\uDDEB\uD83C[\uDDEE-\uDDF0\uDDF2\uDDF4\uDDF7]|\uDDEC\uD83C[\uDDE6\uDDE7\uDDE9-\uDDEE\uDDF1-\uDDF3\uDDF5-\uDDFA\uDDFC\uDDFE]|\uDDED\uD83C[\uDDF0\uDDF2\uDDF3\uDDF7\uDDF9\uDDFA]|\uDDEE\uD83C[\uDDE8-\uDDEA\uDDF1-\uDDF4\uDDF6-\uDDF9]|\uDDEF\uD83C[\uDDEA\uDDF2\uDDF4\uDDF5]|\uDDF0\uD83C[\uDDEA\uDDEC-\uDDEE\uDDF2\uDDF3\uDDF5\uDDF7\uDDFC\uDDFE\uDDFF]|\uDDF1\uD83C[\uDDE6-\uDDE8\uDDEE\uDDF0\uDDF7-\uDDFB\uDDFE]|\uDDF2\uD83C[\uDDE6\uDDE8-\uDDED\uDDF0-\uDDFF]|\uDDF3\uD83C[\uDDE6\uDDE8\uDDEA-\uDDEC\uDDEE\uDDF1\uDDF4\uDDF5\uDDF7\uDDFA\uDDFF]|\uDDF4\uD83C\uDDF2|\uDDF5\uD83C[\uDDE6\uDDEA-\uDDED\uDDF0-\uDDF3\uDDF7-\uDDF9\uDDFC\uDDFE]|\uDDF6\uD83C\uDDE6|\uDDF7\uD83C[\uDDEA\uDDF4\uDDF8\uDDFA\uDDFC]|\uDDF8\uD83C[\uDDE6-\uDDEA\uDDEC-\uDDF4\uDDF7-\uDDF9\uDDFB\uDDFD-\uDDFF]|\uDDF9\uD83C[\uDDE6\uDDE8\uDDE9\uDDEB-\uDDED\uDDEF-\uDDF4\uDDF7\uDDF9\uDDFB\uDDFC\uDDFF]|\uDDFA\uD83C[\uDDE6\uDDEC\uDDF2\uDDF3\uDDF8\uDDFE\uDDFF]|\uDDFB\uD83C[\uDDE6\uDDE8\uDDEA\uDDEC\uDDEE\uDDF3\uDDFA]|\uDDFC\uD83C[\uDDEB\uDDF8]|\uDDFD\uD83C\uDDF0|\uDDFE\uD83C[\uDDEA\uDDF9]|\uDDFF\uD83C[\uDDE6\uDDF2\uDDFC]|\uDF44(?:\u200D\uD83D\uDFEB)?|\uDF4B(?:\u200D\uD83D\uDFE9)?|\uDFC3(?:\uD83C[\uDFFB-\uDFFF])?(?:\u200D(?:[\u2640\u2642]\uFE0F?(?:\u200D\u27A1\uFE0F?)?|\u27A1\uFE0F?))?|\uDFF3\uFE0F?(?:\u200D(?:\u26A7\uFE0F?|\uD83C\uDF08))?|\uDFF4(?:\u200D\u2620\uFE0F?|\uDB40\uDC67\uDB40\uDC62\uDB40(?:\uDC65\uDB40\uDC6E\uDB40\uDC67|\uDC73\uDB40\uDC63\uDB40\uDC74|\uDC77\uDB40\uDC6C\uDB40\uDC73)\uDB40\uDC7F)?)|\uD83D(?:[\uDC3F\uDCFD\uDD49\uDD4A\uDD6F\uDD70\uDD73\uDD76-\uDD79\uDD87\uDD8A-\uDD8D\uDDA5\uDDA8\uDDB1\uDDB2\uDDBC\uDDC2-\uDDC4\uDDD1-\uDDD3\uDDDC-\uDDDE\uDDE1\uDDE3\uDDE8\uDDEF\uDDF3\uDDFA\uDECB\uDECD-\uDECF\uDEE0-\uDEE5\uDEE9\uDEF0\uDEF3]\uFE0F?|[\uDC42\uDC43\uDC46-\uDC50\uDC66\uDC67\uDC6B-\uDC6D\uDC72\uDC74-\uDC76\uDC78\uDC7C\uDC83\uDC85\uDC8F\uDC91\uDCAA\uDD7A\uDD95\uDD96\uDE4C\uDE4F\uDEC0\uDECC](?:\uD83C[\uDFFB-\uDFFF])?|[\uDC6E-\uDC71\uDC73\uDC77\uDC81\uDC82\uDC86\uDC87\uDE45-\uDE47\uDE4B\uDE4D\uDE4E\uDEA3\uDEB4\uDEB5](?:\uD83C[\uDFFB-\uDFFF])?(?:\u200D[\u2640\u2642]\uFE0F?)?|[\uDD74\uDD90](?:\uD83C[\uDFFB-\uDFFF]|\uFE0F)?|[\uDC00-\uDC07\uDC09-\uDC14\uDC16-\uDC25\uDC27-\uDC3A\uDC3C-\uDC3E\uDC40\uDC44\uDC45\uDC51-\uDC65\uDC6A\uDC79-\uDC7B\uDC7D-\uDC80\uDC84\uDC88-\uDC8E\uDC90\uDC92-\uDCA9\uDCAB-\uDCFC\uDCFF-\uDD3D\uDD4B-\uDD4E\uDD50-\uDD67\uDDA4\uDDFB-\uDE2D\uDE2F-\uDE34\uDE37-\uDE41\uDE43\uDE44\uDE48-\uDE4A\uDE80-\uDEA2\uDEA4-\uDEB3\uDEB7-\uDEBF\uDEC1-\uDEC5\uDED0-\uDED2\uDED5-\uDED8\uDEDC-\uDEDF\uDEEB\uDEEC\uDEF4-\uDEFC\uDFE0-\uDFEB\uDFF0]|\uDC08(?:\u200D\u2B1B)?|\uDC15(?:\u200D\uD83E\uDDBA)?|\uDC26(?:\u200D(?:\u2B1B|\uD83D\uDD25))?|\uDC3B(?:\u200D\u2744\uFE0F?)?|\uDC41\uFE0F?(?:\u200D\uD83D\uDDE8\uFE0F?)?|\uDC68(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:\uDC8B\u200D\uD83D)?\uDC68|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D(?:[\uDC68\uDC69]\u200D\uD83D(?:\uDC66(?:\u200D\uD83D\uDC66)?|\uDC67(?:\u200D\uD83D[\uDC66\uDC67])?)|[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uDC66(?:\u200D\uD83D\uDC66)?|\uDC67(?:\u200D\uD83D[\uDC66\uDC67])?)|\uD83E(?:[\uDDAF\uDDBC\uDDBD](?:\u200D\u27A1\uFE0F?)?|[\uDDB0-\uDDB3]))|\uD83C(?:\uDFFB(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:\uDC8B\u200D\uD83D)?\uDC68\uD83C[\uDFFB-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D(?:[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uDC30\u200D\uD83D\uDC68\uD83C[\uDFFC-\uDFFF])|\uD83E(?:[\uDD1D\uDEEF]\u200D\uD83D\uDC68\uD83C[\uDFFC-\uDFFF]|[\uDDAF\uDDBC\uDDBD](?:\u200D\u27A1\uFE0F?)?|[\uDDB0-\uDDB3])))?|\uDFFC(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:\uDC8B\u200D\uD83D)?\uDC68\uD83C[\uDFFB-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D(?:[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uDC30\u200D\uD83D\uDC68\uD83C[\uDFFB\uDFFD-\uDFFF])|\uD83E(?:[\uDD1D\uDEEF]\u200D\uD83D\uDC68\uD83C[\uDFFB\uDFFD-\uDFFF]|[\uDDAF\uDDBC\uDDBD](?:\u200D\u27A1\uFE0F?)?|[\uDDB0-\uDDB3])))?|\uDFFD(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:\uDC8B\u200D\uD83D)?\uDC68\uD83C[\uDFFB-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D(?:[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uDC30\u200D\uD83D\uDC68\uD83C[\uDFFB\uDFFC\uDFFE\uDFFF])|\uD83E(?:[\uDD1D\uDEEF]\u200D\uD83D\uDC68\uD83C[\uDFFB\uDFFC\uDFFE\uDFFF]|[\uDDAF\uDDBC\uDDBD](?:\u200D\u27A1\uFE0F?)?|[\uDDB0-\uDDB3])))?|\uDFFE(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:\uDC8B\u200D\uD83D)?\uDC68\uD83C[\uDFFB-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D(?:[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uDC30\u200D\uD83D\uDC68\uD83C[\uDFFB-\uDFFD\uDFFF])|\uD83E(?:[\uDD1D\uDEEF]\u200D\uD83D\uDC68\uD83C[\uDFFB-\uDFFD\uDFFF]|[\uDDAF\uDDBC\uDDBD](?:\u200D\u27A1\uFE0F?)?|[\uDDB0-\uDDB3])))?|\uDFFF(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:\uDC8B\u200D\uD83D)?\uDC68\uD83C[\uDFFB-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D(?:[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uDC30\u200D\uD83D\uDC68\uD83C[\uDFFB-\uDFFE])|\uD83E(?:[\uDD1D\uDEEF]\u200D\uD83D\uDC68\uD83C[\uDFFB-\uDFFE]|[\uDDAF\uDDBC\uDDBD](?:\u200D\u27A1\uFE0F?)?|[\uDDB0-\uDDB3])))?))?|\uDC69(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:\uDC8B\u200D\uD83D)?[\uDC68\uDC69]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D(?:[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uDC66(?:\u200D\uD83D\uDC66)?|\uDC67(?:\u200D\uD83D[\uDC66\uDC67])?|\uDC69\u200D\uD83D(?:\uDC66(?:\u200D\uD83D\uDC66)?|\uDC67(?:\u200D\uD83D[\uDC66\uDC67])?))|\uD83E(?:[\uDDAF\uDDBC\uDDBD](?:\u200D\u27A1\uFE0F?)?|[\uDDB0-\uDDB3]))|\uD83C(?:\uDFFB(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:[\uDC68\uDC69]|\uDC8B\u200D\uD83D[\uDC68\uDC69])\uD83C[\uDFFB-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D(?:[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uDC30\u200D\uD83D\uDC69\uD83C[\uDFFC-\uDFFF])|\uD83E(?:[\uDDAF\uDDBC\uDDBD](?:\u200D\u27A1\uFE0F?)?|[\uDDB0-\uDDB3]|\uDD1D\u200D\uD83D[\uDC68\uDC69]\uD83C[\uDFFC-\uDFFF]|\uDEEF\u200D\uD83D\uDC69\uD83C[\uDFFC-\uDFFF])))?|\uDFFC(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:[\uDC68\uDC69]|\uDC8B\u200D\uD83D[\uDC68\uDC69])\uD83C[\uDFFB-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D(?:[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uDC30\u200D\uD83D\uDC69\uD83C[\uDFFB\uDFFD-\uDFFF])|\uD83E(?:[\uDDAF\uDDBC\uDDBD](?:\u200D\u27A1\uFE0F?)?|[\uDDB0-\uDDB3]|\uDD1D\u200D\uD83D[\uDC68\uDC69]\uD83C[\uDFFB\uDFFD-\uDFFF]|\uDEEF\u200D\uD83D\uDC69\uD83C[\uDFFB\uDFFD-\uDFFF])))?|\uDFFD(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:[\uDC68\uDC69]|\uDC8B\u200D\uD83D[\uDC68\uDC69])\uD83C[\uDFFB-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D(?:[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uDC30\u200D\uD83D\uDC69\uD83C[\uDFFB\uDFFC\uDFFE\uDFFF])|\uD83E(?:[\uDDAF\uDDBC\uDDBD](?:\u200D\u27A1\uFE0F?)?|[\uDDB0-\uDDB3]|\uDD1D\u200D\uD83D[\uDC68\uDC69]\uD83C[\uDFFB\uDFFC\uDFFE\uDFFF]|\uDEEF\u200D\uD83D\uDC69\uD83C[\uDFFB\uDFFC\uDFFE\uDFFF])))?|\uDFFE(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:[\uDC68\uDC69]|\uDC8B\u200D\uD83D[\uDC68\uDC69])\uD83C[\uDFFB-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D(?:[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uDC30\u200D\uD83D\uDC69\uD83C[\uDFFB-\uDFFD\uDFFF])|\uD83E(?:[\uDDAF\uDDBC\uDDBD](?:\u200D\u27A1\uFE0F?)?|[\uDDB0-\uDDB3]|\uDD1D\u200D\uD83D[\uDC68\uDC69]\uD83C[\uDFFB-\uDFFD\uDFFF]|\uDEEF\u200D\uD83D\uDC69\uD83C[\uDFFB-\uDFFD\uDFFF])))?|\uDFFF(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:[\uDC68\uDC69]|\uDC8B\u200D\uD83D[\uDC68\uDC69])\uD83C[\uDFFB-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D(?:[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uDC30\u200D\uD83D\uDC69\uD83C[\uDFFB-\uDFFE])|\uD83E(?:[\uDDAF\uDDBC\uDDBD](?:\u200D\u27A1\uFE0F?)?|[\uDDB0-\uDDB3]|\uDD1D\u200D\uD83D[\uDC68\uDC69]\uD83C[\uDFFB-\uDFFE]|\uDEEF\u200D\uD83D\uDC69\uD83C[\uDFFB-\uDFFE])))?))?|\uDD75(?:\uD83C[\uDFFB-\uDFFF]|\uFE0F)?(?:\u200D[\u2640\u2642]\uFE0F?)?|\uDE2E(?:\u200D\uD83D\uDCA8)?|\uDE35(?:\u200D\uD83D\uDCAB)?|\uDE36(?:\u200D\uD83C\uDF2B\uFE0F?)?|\uDE42(?:\u200D[\u2194\u2195]\uFE0F?)?|\uDEB6(?:\uD83C[\uDFFB-\uDFFF])?(?:\u200D(?:[\u2640\u2642]\uFE0F?(?:\u200D\u27A1\uFE0F?)?|\u27A1\uFE0F?))?)|\uD83E(?:[\uDD0C\uDD0F\uDD18-\uDD1F\uDD30-\uDD34\uDD36\uDD77\uDDB5\uDDB6\uDDBB\uDDD2\uDDD3\uDDD5\uDEC3-\uDEC5\uDEF0\uDEF2-\uDEF8](?:\uD83C[\uDFFB-\uDFFF])?|[\uDD26\uDD35\uDD37-\uDD39\uDD3C-\uDD3E\uDDB8\uDDB9\uDDCD\uDDCF\uDDD4\uDDD6-\uDDDD](?:\uD83C[\uDFFB-\uDFFF])?(?:\u200D[\u2640\u2642]\uFE0F?)?|[\uDDDE\uDDDF](?:\u200D[\u2640\u2642]\uFE0F?)?|[\uDD0D\uDD0E\uDD10-\uDD17\uDD20-\uDD25\uDD27-\uDD2F\uDD3A\uDD3F-\uDD45\uDD47-\uDD76\uDD78-\uDDB4\uDDB7\uDDBA\uDDBC-\uDDCC\uDDD0\uDDE0-\uDDFF\uDE70-\uDE7C\uDE80-\uDE8A\uDE8E-\uDEC2\uDEC6\uDEC8\uDECD-\uDEDC\uDEDF-\uDEEA\uDEEF]|\uDDCE(?:\uD83C[\uDFFB-\uDFFF])?(?:\u200D(?:[\u2640\u2642]\uFE0F?(?:\u200D\u27A1\uFE0F?)?|\u27A1\uFE0F?))?|\uDDD1(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\uD83C[\uDF3E\uDF73\uDF7C\uDF84\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF\uDDBC\uDDBD](?:\u200D\u27A1\uFE0F?)?|[\uDDB0-\uDDB3\uDE70]|\uDD1D\u200D\uD83E\uDDD1|\uDDD1\u200D\uD83E\uDDD2(?:\u200D\uD83E\uDDD2)?|\uDDD2(?:\u200D\uD83E\uDDD2)?))|\uD83C(?:\uDFFB(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D(?:\uD83D\uDC8B\u200D)?\uD83E\uDDD1\uD83C[\uDFFC-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF84\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D(?:[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uDC30\u200D\uD83E\uDDD1\uD83C[\uDFFC-\uDFFF])|\uD83E(?:[\uDDAF\uDDBC\uDDBD](?:\u200D\u27A1\uFE0F?)?|[\uDDB0-\uDDB3\uDE70]|\uDD1D\u200D\uD83E\uDDD1\uD83C[\uDFFB-\uDFFF]|\uDEEF\u200D\uD83E\uDDD1\uD83C[\uDFFC-\uDFFF])))?|\uDFFC(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D(?:\uD83D\uDC8B\u200D)?\uD83E\uDDD1\uD83C[\uDFFB\uDFFD-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF84\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D(?:[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uDC30\u200D\uD83E\uDDD1\uD83C[\uDFFB\uDFFD-\uDFFF])|\uD83E(?:[\uDDAF\uDDBC\uDDBD](?:\u200D\u27A1\uFE0F?)?|[\uDDB0-\uDDB3\uDE70]|\uDD1D\u200D\uD83E\uDDD1\uD83C[\uDFFB-\uDFFF]|\uDEEF\u200D\uD83E\uDDD1\uD83C[\uDFFB\uDFFD-\uDFFF])))?|\uDFFD(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D(?:\uD83D\uDC8B\u200D)?\uD83E\uDDD1\uD83C[\uDFFB\uDFFC\uDFFE\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF84\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D(?:[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uDC30\u200D\uD83E\uDDD1\uD83C[\uDFFB\uDFFC\uDFFE\uDFFF])|\uD83E(?:[\uDDAF\uDDBC\uDDBD](?:\u200D\u27A1\uFE0F?)?|[\uDDB0-\uDDB3\uDE70]|\uDD1D\u200D\uD83E\uDDD1\uD83C[\uDFFB-\uDFFF]|\uDEEF\u200D\uD83E\uDDD1\uD83C[\uDFFB\uDFFC\uDFFE\uDFFF])))?|\uDFFE(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D(?:\uD83D\uDC8B\u200D)?\uD83E\uDDD1\uD83C[\uDFFB-\uDFFD\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF84\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D(?:[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uDC30\u200D\uD83E\uDDD1\uD83C[\uDFFB-\uDFFD\uDFFF])|\uD83E(?:[\uDDAF\uDDBC\uDDBD](?:\u200D\u27A1\uFE0F?)?|[\uDDB0-\uDDB3\uDE70]|\uDD1D\u200D\uD83E\uDDD1\uD83C[\uDFFB-\uDFFF]|\uDEEF\u200D\uD83E\uDDD1\uD83C[\uDFFB-\uDFFD\uDFFF])))?|\uDFFF(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D(?:\uD83D\uDC8B\u200D)?\uD83E\uDDD1\uD83C[\uDFFB-\uDFFE]|\uD83C[\uDF3E\uDF73\uDF7C\uDF84\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D(?:[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uDC30\u200D\uD83E\uDDD1\uD83C[\uDFFB-\uDFFE])|\uD83E(?:[\uDDAF\uDDBC\uDDBD](?:\u200D\u27A1\uFE0F?)?|[\uDDB0-\uDDB3\uDE70]|\uDD1D\u200D\uD83E\uDDD1\uD83C[\uDFFB-\uDFFF]|\uDEEF\u200D\uD83E\uDDD1\uD83C[\uDFFB-\uDFFE])))?))?|\uDEF1(?:\uD83C(?:\uDFFB(?:\u200D\uD83E\uDEF2\uD83C[\uDFFC-\uDFFF])?|\uDFFC(?:\u200D\uD83E\uDEF2\uD83C[\uDFFB\uDFFD-\uDFFF])?|\uDFFD(?:\u200D\uD83E\uDEF2\uD83C[\uDFFB\uDFFC\uDFFE\uDFFF])?|\uDFFE(?:\u200D\uD83E\uDEF2\uD83C[\uDFFB-\uDFFD\uDFFF])?|\uDFFF(?:\u200D\uD83E\uDEF2\uD83C[\uDFFB-\uDFFE])?))?)/g;var I=k();function N(u,F){let D=0;return (...E)=>{let C=Date.now();C-D>=F&&(D=C,u(...E));}}function M(u){let F=[],D=0;return u.replace(I,(E,C)=>(C>D&&F.push(...u.slice(D,C).split("")),F.push(E),D=C+E.length,E)),D<u.length&&F.push(...u.slice(D).split("")),F}function b({char:u,className:F,characterVariants:D,onCharacterAnimationComplete:E}){let C=react.useRef(null),e=react.useMemo(()=>E?N(()=>E(C),10):void 0,[E]);return jsxRuntime.jsx(react$1.motion.span,{ref:C,className:F,variants:D,onAnimationComplete:e,children:u})}function A({children:u,className:F,characterVariants:D,dadElement:E,onCharacterAnimationComplete:C,key:e}){if(typeof u=="string"){let t=M(u).map((r,n)=>jsxRuntime.jsx(b,{char:r,className:F,characterVariants:D,onCharacterAnimationComplete:C},`span-${e}-${r}-${n}`));return E(t,true)}else if(Array.isArray(u)){let t=u.map(r=>typeof r=="string"?M(r).map((n,B)=>jsxRuntime.jsx(b,{char:n,className:F,characterVariants:D,onCharacterAnimationComplete:C},`span-${e}-${n}-${B}`)):r);return E(t)}return E(u,true)}function h({characterVariants:u,onCharacterAnimationComplete:F,delay:D}){let E={},C={hidden:u.hidden,visible:{...u.visible,opacity:1,transition:{staggerChildren:D/1e3}}};return d.forEach(e=>{try{let t=react$1.motion[e];if(t){let r=n=>{let{children:B,id:o,className:i}=n,{node:p,...s}=n;switch(e){case "table":case "input":case "hr":case "img":return react.createElement(t,{...s,key:`${e}-${o}`,variants:i?void 0:C,onAnimationComplete:F},B);case "tr":case "th":case "td":return jsxRuntime.jsx(t,{...s,children:B});case "p":return jsxRuntime.jsx(A,{children:B,characterVariants:u,onCharacterAnimationComplete:F,dadElement:a=>(Array.isArray(a)&&a.push(jsxRuntime.jsx(react$1.motion.span,{style:{display:"block",height:0,width:0}},`span-${o}-newline`)),a)},o);case "span":return jsxRuntime.jsx(A,{children:B,characterVariants:u,onCharacterAnimationComplete:F,dadElement:a=>Array.isArray(a)?react.createElement(t,{...s,key:`${e}-${o}`,children:a}):a},o);default:return jsxRuntime.jsx(A,{children:B,characterVariants:u,onCharacterAnimationComplete:F,dadElement:(a,c)=>react.createElement(t,{...s,key:`${e}-${o}`,variants:c||i?void 0:C},a)},o)}};E[e]=r;}}catch{}}),E}var _={hidden:{opacity:0},visible:{opacity:1,transition:{opacity:{duration:0}}}};function m(u){let{delay:F=10,characterVariants:D=_,onCharacterAnimationComplete:E}=u,C=react.useMemo(()=>({hidden:{},visible:{opacity:1,transition:{staggerChildren:F/1e3}}}),[F]),e=react.useMemo(()=>D,[D]),t=react.useMemo(()=>h({characterVariants:e,onCharacterAnimationComplete:E,delay:F}),[F,e,E]);return {sentenceVariants:C,components:t}}function v(u){let{delay:F=10,children:D,motionProps:E={},components:C,...e}=u,{characterVariants:t,onCharacterAnimationComplete:r,...n}=E,{sentenceVariants:B,components:o}=m({delay:F,characterVariants:t,onCharacterAnimationComplete:r}),i=react.useMemo(()=>({...o,...C||{}}),[o,C]),p=react.useMemo(()=>`typewriter-${typeof D=="string"?D.slice(0,32):""}`,[D]);return jsxRuntime.jsx(react$1.motion.span,{variants:B,initial:"hidden",animate:"visible",...n,children:jsxRuntime.jsx(K__default.default,{...e,components:i,children:D})},p)}async function R(u){let{delay:F=10,children:D,motionProps:E={},components:C,...e}=u,{characterVariants:t,onCharacterAnimationComplete:r,...n}=E,{sentenceVariants:B,components:o}=m({delay:F,characterVariants:t,onCharacterAnimationComplete:r}),i=react.useMemo(()=>({...o,...C||{}}),[o,C]),p=react.useMemo(()=>`typewriter-${typeof D=="string"?D.slice(0,32):""}`,[D]),s=await K.MarkdownAsync({...e,components:i,children:D});return jsxRuntime.jsx(react$1.motion.span,{variants:B,initial:"hidden",animate:"visible",...n,children:s},p)}function $(u){let{delay:F=10,children:D,motionProps:E={},components:C,...e}=u,{characterVariants:t,onCharacterAnimationComplete:r,...n}=E,{sentenceVariants:B,components:o}=m({delay:F,characterVariants:t,onCharacterAnimationComplete:r}),[i,p]=react.useState("hidden"),s=react.useMemo(()=>({...o,...C||{}}),[o,C]),a=react.useMemo(()=>`typewriter-${typeof D=="string"?D.slice(0,32):""}`,[D]);return react.useEffect(()=>{let c=setTimeout(()=>{p("visible");},10);return ()=>{clearTimeout(c),p("hidden");}},[D]),jsxRuntime.jsx(react$1.motion.span,{variants:B,initial:"hidden",animate:i,...n,children:jsxRuntime.jsx(K.MarkdownHooks,{...e,components:s,children:D})},a)}exports.MarkdownTypewriter=v;exports.MarkdownTypewriterAsync=R;exports.MarkdownTypewriterHooks=$;
|
package/dist/index.d.mts
CHANGED
|
@@ -1,8 +1,77 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import { HTMLMotionProps, Variants } from 'motion/react';
|
|
3
|
+
import { RefObject } from 'react';
|
|
4
|
+
import { Options, HooksOptions } from 'react-markdown';
|
|
5
|
+
|
|
6
|
+
interface TypewriterProps {
|
|
7
|
+
/**
|
|
8
|
+
* The delay in milliseconds between the appearance of one letter and the next.
|
|
9
|
+
* @default 10
|
|
10
|
+
*/
|
|
11
|
+
delay?: number;
|
|
12
|
+
/**
|
|
13
|
+
* The props to pass to the [motion span](https://motion.dev/docs/react-motion-component).
|
|
14
|
+
*
|
|
15
|
+
* The `characterVariants` parameter has been added to be able to modify the animation of each individual letter
|
|
16
|
+
*/
|
|
17
|
+
motionProps?: Omit<HTMLMotionProps<"span">, "variants"> & {
|
|
18
|
+
/**
|
|
19
|
+
* The motion variants for each individual letter.
|
|
20
|
+
*
|
|
21
|
+
* @default { hidden: { opacity: 0 }, visible: { opacity: 1, transition: { opacity: { duration: 0 } } } }
|
|
22
|
+
*/
|
|
23
|
+
characterVariants?: Variants;
|
|
24
|
+
/**
|
|
25
|
+
* A callback that is called when the animation of a letter is complete.
|
|
26
|
+
* The callback is called with the reference to the letter.
|
|
27
|
+
*
|
|
28
|
+
* @example
|
|
29
|
+
* ```tsx
|
|
30
|
+
* import { useRef } from "react";
|
|
31
|
+
*
|
|
32
|
+
* export default function NarrationScreen() {
|
|
33
|
+
* const paragraphRef = useRef<HTMLDivElement>(null);
|
|
34
|
+
* const scrollToEnd = useCallback((ref: { current: HTMLSpanElement | null }) => {
|
|
35
|
+
* if (paragraphRef.current && ref.current) {
|
|
36
|
+
* let scrollTop = ref.current.offsetTop - paragraphRef.current.clientHeight / 2;
|
|
37
|
+
* paragraphRef.current.scrollTo({
|
|
38
|
+
* top: scrollTop,
|
|
39
|
+
* behavior: "auto",
|
|
40
|
+
* });
|
|
41
|
+
* }
|
|
42
|
+
* }, []);
|
|
43
|
+
* return (
|
|
44
|
+
* <div
|
|
45
|
+
* ref={paragraphRef}
|
|
46
|
+
* style={{
|
|
47
|
+
* overflow: "auto",
|
|
48
|
+
* height: "300px",
|
|
49
|
+
* }}
|
|
50
|
+
* >
|
|
51
|
+
* <MarkdownTypewriter
|
|
52
|
+
* motionProps={{
|
|
53
|
+
* onCharacterAnimationComplete: scrollToEnd,
|
|
54
|
+
* }}
|
|
55
|
+
* >
|
|
56
|
+
* Hello World
|
|
57
|
+
* </MarkdownTypewriter>
|
|
58
|
+
* </div>
|
|
59
|
+
* );
|
|
60
|
+
* }
|
|
61
|
+
* ```
|
|
62
|
+
*/
|
|
63
|
+
onCharacterAnimationComplete?: (letterRef: RefObject<HTMLSpanElement | null>) => void;
|
|
64
|
+
};
|
|
65
|
+
}
|
|
66
|
+
interface MarkdownTypewriterProps extends Options, TypewriterProps {
|
|
67
|
+
}
|
|
68
|
+
interface MarkdownTypewriterHooksProps extends HooksOptions, TypewriterProps {
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
declare function MarkdownTypewriter(props: MarkdownTypewriterProps): react_jsx_runtime.JSX.Element;
|
|
72
|
+
|
|
73
|
+
declare function MarkdownTypewriterAsync(props: MarkdownTypewriterProps): Promise<react_jsx_runtime.JSX.Element>;
|
|
74
|
+
|
|
75
|
+
declare function MarkdownTypewriterHooks(props: MarkdownTypewriterHooksProps): react_jsx_runtime.JSX.Element;
|
|
76
|
+
|
|
77
|
+
export { MarkdownTypewriter, MarkdownTypewriterAsync, MarkdownTypewriterHooks, type MarkdownTypewriterHooksProps, type MarkdownTypewriterProps };
|
package/dist/index.d.ts
CHANGED
|
@@ -1,8 +1,77 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import { HTMLMotionProps, Variants } from 'motion/react';
|
|
3
|
+
import { RefObject } from 'react';
|
|
4
|
+
import { Options, HooksOptions } from 'react-markdown';
|
|
5
|
+
|
|
6
|
+
interface TypewriterProps {
|
|
7
|
+
/**
|
|
8
|
+
* The delay in milliseconds between the appearance of one letter and the next.
|
|
9
|
+
* @default 10
|
|
10
|
+
*/
|
|
11
|
+
delay?: number;
|
|
12
|
+
/**
|
|
13
|
+
* The props to pass to the [motion span](https://motion.dev/docs/react-motion-component).
|
|
14
|
+
*
|
|
15
|
+
* The `characterVariants` parameter has been added to be able to modify the animation of each individual letter
|
|
16
|
+
*/
|
|
17
|
+
motionProps?: Omit<HTMLMotionProps<"span">, "variants"> & {
|
|
18
|
+
/**
|
|
19
|
+
* The motion variants for each individual letter.
|
|
20
|
+
*
|
|
21
|
+
* @default { hidden: { opacity: 0 }, visible: { opacity: 1, transition: { opacity: { duration: 0 } } } }
|
|
22
|
+
*/
|
|
23
|
+
characterVariants?: Variants;
|
|
24
|
+
/**
|
|
25
|
+
* A callback that is called when the animation of a letter is complete.
|
|
26
|
+
* The callback is called with the reference to the letter.
|
|
27
|
+
*
|
|
28
|
+
* @example
|
|
29
|
+
* ```tsx
|
|
30
|
+
* import { useRef } from "react";
|
|
31
|
+
*
|
|
32
|
+
* export default function NarrationScreen() {
|
|
33
|
+
* const paragraphRef = useRef<HTMLDivElement>(null);
|
|
34
|
+
* const scrollToEnd = useCallback((ref: { current: HTMLSpanElement | null }) => {
|
|
35
|
+
* if (paragraphRef.current && ref.current) {
|
|
36
|
+
* let scrollTop = ref.current.offsetTop - paragraphRef.current.clientHeight / 2;
|
|
37
|
+
* paragraphRef.current.scrollTo({
|
|
38
|
+
* top: scrollTop,
|
|
39
|
+
* behavior: "auto",
|
|
40
|
+
* });
|
|
41
|
+
* }
|
|
42
|
+
* }, []);
|
|
43
|
+
* return (
|
|
44
|
+
* <div
|
|
45
|
+
* ref={paragraphRef}
|
|
46
|
+
* style={{
|
|
47
|
+
* overflow: "auto",
|
|
48
|
+
* height: "300px",
|
|
49
|
+
* }}
|
|
50
|
+
* >
|
|
51
|
+
* <MarkdownTypewriter
|
|
52
|
+
* motionProps={{
|
|
53
|
+
* onCharacterAnimationComplete: scrollToEnd,
|
|
54
|
+
* }}
|
|
55
|
+
* >
|
|
56
|
+
* Hello World
|
|
57
|
+
* </MarkdownTypewriter>
|
|
58
|
+
* </div>
|
|
59
|
+
* );
|
|
60
|
+
* }
|
|
61
|
+
* ```
|
|
62
|
+
*/
|
|
63
|
+
onCharacterAnimationComplete?: (letterRef: RefObject<HTMLSpanElement | null>) => void;
|
|
64
|
+
};
|
|
65
|
+
}
|
|
66
|
+
interface MarkdownTypewriterProps extends Options, TypewriterProps {
|
|
67
|
+
}
|
|
68
|
+
interface MarkdownTypewriterHooksProps extends HooksOptions, TypewriterProps {
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
declare function MarkdownTypewriter(props: MarkdownTypewriterProps): react_jsx_runtime.JSX.Element;
|
|
72
|
+
|
|
73
|
+
declare function MarkdownTypewriterAsync(props: MarkdownTypewriterProps): Promise<react_jsx_runtime.JSX.Element>;
|
|
74
|
+
|
|
75
|
+
declare function MarkdownTypewriterHooks(props: MarkdownTypewriterHooksProps): react_jsx_runtime.JSX.Element;
|
|
76
|
+
|
|
77
|
+
export { MarkdownTypewriter, MarkdownTypewriterAsync, MarkdownTypewriterHooks, type MarkdownTypewriterHooksProps, type MarkdownTypewriterProps };
|