npm - jtsx-loader - Versions diffs - 0.1.3 → 0.1.5 - Mend

jtsx-loader 0.1.3 → 0.1.5

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.

Files changed (8) hide show

package/README.md +5 -2
package/example/pages/index.jsx +11 -4
package/example/pages/ru.jsx +10 -3
package/example/styles/default.css +6 -1
package/factory/jsxFactory.js +5 -1
package/factory/possibleAttributes.js +383 -493
package/loader/loader.mjs +3 -2
package/package.json +8 -7

package/README.md CHANGED Viewed

@@ -1,3 +1,4 @@
 \* Documentation under development
 JavaScript TypeScript Xml — .jsx and .tsx file loader for Node.js
@@ -14,8 +15,10 @@ For conversion, the jsxFactory function is used, which converts tag attributes,
 The loader allows you to extend the transformation of JTSX files through configurations and self-written functions
-The loader also allows you to prevent caching when importing components, which makes it possible to comfortably use page reloading when changes are made and not restart the server that renders the component
+Also loader allows you to prevent caching when importing components, which makes it possible to comfortably use page reloading when changes are made and not restart the server that renders the component
+If you find a bug or want to suggest improvements to the loader, create an issue on [github](https://github.com/dergachevm/jtsx-loader/issues)
 IMPORTANT: This project is NOT a replacement for React, Vue and their derivatives. If you need reactivity and thick clients, it is better to use the appropriate tools
-More info https://jtsx.ancros.dev
+[Detailed documentation with examples](https://jtsx.ancros.dev)

package/example/pages/index.jsx CHANGED Viewed

@@ -34,9 +34,15 @@ export default async ({ data }) => {
             <p>Only one dependency — esbuild</p>
             <p>For conversion, the <code>jsxFactory</code> function is used, which converts tag attributes, attributes and child elements into standard HTML</p>
             <p>The loader allows you to extend the transformation of JTSX files through configurations and self-written functions</p>
-            <p>The loader also allows you to prevent caching when importing components, which makes it possible to comfortably use page reloading when changes are made and not restart the server that renders the component</p>
+            <p>Also loader allows you to prevent caching when importing components, which makes it possible to comfortably use page reloading when changes are made and not restart the server that renders the component</p>
+            <p>If you find a bug or want to suggest improvements to the loader, create an issue on <a href="https://github.com/dergachevm/jtsx-loader/issues">github</a></p>
+            <h4>About documentation</h4>
+            <p>This documentation is a project within the module that can be run locally to learn how it works. The source code is located in the <a href="https://github.com/dergachevm/jtsx-loader/tree/master/example">example</a> folder</p>
+            <p>You can run it locally with <code>npm i</code> and <code>npm run start</code> or with nodemon for development <code>npm run dev</code></p>
             <p>IMPORTANT: This project is NOT a replacement for React, Vue and their derivatives. If you need reactivity and thick clients, it is better to use the appropriate tools</p>
+            <p><a href="https://www.npmjs.com/package/jtsx-loader">NPM package</a></p>
             <p><a href="https://github.com/dergachevm/jtsx-loader">Github</a></p>
             <p><a href="https://github.com/dergachevm/jtsx-loader/blob/master/jtsx.config.example.js">Config file description</a></p>
         </section>
@@ -99,6 +105,7 @@ export default async ({ title }) => <html lang="en">
                     <ul>
                         <li><code>__escape</code> attribute: used to output any escaped content</li>
                         <li><code>__raw</code> attribute: renders a string into the tag content as is, for example useful for <code>script</code> tags and <code>style</code></li>
+                        <li><code>{_jsxUtils.escapeHtml(`{_jsxUtils.escapeHtml('<code>examples</code>')}`)}</code> function for escaping HTML</li>
                         <li>The JTSX file is passed the <code>_jsxUtils</code> object, which contains useful utilities. Instead of this object, you can pass any function you want and use it to extend the standard transformation</li>
                     </ul>
                 </div>
@@ -167,13 +174,13 @@ export default async ({ title }) => <html lang="en">
         <section>
             <h2>Authors</h2>
             <p><a href="mailto:dergachev.mihail@gmail.com">Dergachev Mikhail</a></p>
-            <p><a href="https: //ancros.dev">https://ancros.dev</a></p>
+            <p><a href="https://ancros.dev">https://ancros.dev</a></p>
         </section>
         <section>
             <h2>References</h2>
-            <p><a href="https://esbuild.github.io/api/#jsx-factory">https://esbuild.github.io/api/# jsx-factory</a></p>
-            <p><a href="https://lwebapp.com/en/post/custom-jsx">https://lwebapp.com/en/post/custom- jsx</a></p>
+            <p><a href="https://esbuild.github.io/api/#jsx-factory">https://esbuild.github.io/api/#jsx-factory</a></p>
+            <p><a href="https://lwebapp.com/en/post/custom-jsx">https://lwebapp.com/en/post/custom-jsx</a></p>
             <p><a href="https://nakedjsx.org/">https://nakedjsx.org/</a></p>
         </section>
     </Layout>

package/example/pages/ru.jsx CHANGED Viewed

@@ -36,8 +36,14 @@ export default async ({ data }) => {
             <p>Для конвертации используется <code>jsxFactory</code> функция, которая преобразует теги, аттрибуты и дочерние элементы в стандартный HTML</p>
             <p>Загрузчик позволяет расширить преобразования JTSX файлов через конфигурации и самостоятельно написанные функции</p>
             <p>Так же загрузчик позволяет предотвратить кеширование при импорте компонентов, что дает возможность комфортно использовать перезагрузку страницы при изменениях и не перезапускать сервер, которые рендерит компонент</p>
-            <p>ВАЖНО: Данный загрузчик это НЕ замена React, Vue и их производных. Если вам нужна реактивность и толстые клиенты, то лучше использовать соответствующие инструменты</p>
+            <p>Если вы нашли ошибку или хотите предложить улучшения для загрузчика, создайте issue на <a href="https://github.com/dergachevm/jtsx-loader/issues">github</a></p>
+            <h4>О документации</h4>
+            <p>Данная документация это проект внутри модуля, который можно запустить локально для изучения его работы. Исходники расположены в папке <a href="https://github.com/dergachevm/jtsx-loader/tree/master/example">example</a></p>
+            <p>Вы можете запустить ее локально с помощью <code>npm i</code> и <code>npm run start</code> или с помощью nodemon для разработки <code>npm run dev</code></p>
+            <p>ВАЖНО: Данный загрузчик это НЕ замена React, Vue и их производных. Если вам нужна реактивность и толстые клиенты, то лучше использовать соответствующие инструменты</p>
+            <p><a href="https://www.npmjs.com/package/jtsx-loader">NPM</a></p>
             <p><a href="https://github.com/dergachevm/jtsx-loader">Github</a></p>
             <p><a href="https://github.com/dergachevm/jtsx-loader/blob/master/jtsx.config.example.js">Описание файла конфигурации</a></p>
         </section>
@@ -61,7 +67,7 @@ export default async ({ title }) => <html lang="ru">
     <body>
         <h1>{title}</h1>
         <p>
-            Body content with array:
+            Body content with array:
             {[0, 1, 2].map(n => <code>{n}</code>)}
         </p>
     </body>
@@ -100,6 +106,7 @@ export default async ({ title }) => <html lang="ru">
                     <ul>
                         <li>Аттрибут <code>__escape</code>: используется для вывода любого экранированного контента</li>
                         <li>Аттрибут <code>__raw</code>: рендерит строку в содержимое тега как есть, например полезно для тегов <code>script</code> и <code>style</code></li>
+                        <li><code>{_jsxUtils.escapeHtml(`{_jsxUtils.escapeHtml('<code>examples</code>')}`)}</code> функция для экранирования HTML</li>
                         <li>В JTSX файл передается объект <code>_jsxUtils</code>, которая содержит в себе полезные утилиты. Вместо данного объекта можно передать свою любую функцию и использовать ее для расширения стандартного преобразования</li>
                     </ul>
                 </div>
@@ -170,7 +177,7 @@ export default async ({ title }) => <html lang="ru">
             <p><a href="mailto:dergachev.mihail@gmail.com">Дергачев Михаил</a></p>
             <p><a href="https://ancros.dev">https://ancros.dev</a></p>
         </section>
         <section>
             <h2>Референсы</h2>
             <p><a href="https://esbuild.github.io/api/#jsx-factory">https://esbuild.github.io/api/#jsx-factory</a></p>

package/example/styles/default.css CHANGED Viewed

@@ -9,7 +9,7 @@ body {
     padding: 40px 80px;
 }
-h1, h2, h3, h4 {
+h1, h2, h3, h4, h5 {
     font-weight: 600;
     font-style: normal;
     margin: 10px 0;
@@ -80,11 +80,16 @@ p {
     margin: 14px 0;
 }
+li {
+    margin-bottom: 10px;
+}
 section {
 }
 a {
     color: #fff;
+    text-decoration: underline;
 }
 main {

package/factory/jsxFactory.js CHANGED Viewed

@@ -68,12 +68,16 @@ const objectIntoAttrs = (object) => {
             finalValue = value;
         }
-        if (!finalValue) {
+        if (finalValue === false) {
             return;
         }
         const result = spacer + `${attr}="${finalValue}"`;
+        if (finalValue === undefined) {
+            result = spacer + attr;
+        }
         return result;
     })
         .filter(a => a);

package/factory/possibleAttributes.js CHANGED Viewed

@@ -1,496 +1,386 @@
 const possibleAttributes = {
-    // HTML
-    'accept': 'accept',
-    'acceptCharset': 'accept-charset',
-    'accessKey': 'accesskey',
-    'action': 'action',
-    'allowFullScreen': 'allowfullscreen',
-    'alt': 'alt',
-    'as': 'as',
-    'async': 'async',
-    'autoCapitalize': 'autocapitalize',
-    'autoComplete': 'autocomplete',
-    'autoCorrect': 'autocorrect',
-    'autoFocus': 'autofocus',
-    'autoPlay': 'autoplay',
-    'autoSave': 'autosave',
-    'capture': 'capture',
-    'cellPadding': 'cellpadding',
-    'cellSpacing': 'cellspacing',
-    'challenge': 'challenge',
-    'charSet': 'charset',
-    'checked': 'checked',
-    'children': 'children',
-    'cite': 'cite',
-    'className': 'class',
-    'classID': 'classid',
-    'className': 'classname',
-    'cols': 'cols',
-    'colSpan': 'colspan',
-    'content': 'content',
-    'contentEditable': 'contenteditable',
-    'contextMenu': 'contextmenu',
-    'controls': 'controls',
-    'controlsList': 'controlslist',
-    'coords': 'coords',
-    'crossOrigin': 'crossorigin',
-    'dangerouslySetInnerHTML': 'dangerouslysetinnerhtml',
-    'data': 'data',
-    'dateTime': 'datetime',
-    'default': 'default',
-    'defaultChecked': 'defaultchecked',
-    'defaultValue': 'defaultvalue',
-    'defer': 'defer',
-    'dir': 'dir',
-    'disabled': 'disabled',
-    'disablePictureInPicture': 'disablepictureinpicture',
-    'disableRemotePlayback': 'disableremoteplayback',
-    'download': 'download',
-    'draggable': 'draggable',
-    'encType': 'enctype',
-    'enterKeyHint': 'enterkeyhint',
-    'fetchPriority': 'fetchpriority',
-    'htmlFor': 'for',
-    'form': 'form',
-    'formMethod': 'formmethod',
-    'formAction': 'formaction',
-    'formEncType': 'formenctype',
-    'formNoValidate': 'formnovalidate',
-    'formTarget': 'formtarget',
-    'frameBorder': 'frameborder',
-    'headers': 'headers',
-    'height': 'height',
-    'hidden': 'hidden',
-    'high': 'high',
-    'href': 'href',
-    'hrefLang': 'hreflang',
-    'httpEquiv': 'http-equiv',
-    'icon': 'icon',
-    'id': 'id',
-    'imageSizes': 'imagesizes',
-    'imageSrcSet': 'imagesrcset',
-    'inert': 'inert',
-    'innerHTML': 'innerhtml',
-    'inputMode': 'inputmode',
-    'integrity': 'integrity',
-    'is': 'is',
-    'itemID': 'itemid',
-    'itemProp': 'itemprop',
-    'itemRef': 'itemref',
-    'itemScope': 'itemscope',
-    'itemType': 'itemtype',
-    'keyParams': 'keyparams',
-    'keyType': 'keytype',
-    'kind': 'kind',
-    'label': 'label',
-    'lang': 'lang',
-    'list': 'list',
-    'loop': 'loop',
-    'low': 'low',
-    'manifest': 'manifest',
-    'marginWidth': 'marginwidth',
-    'marginHeight': 'marginheight',
-    'max': 'max',
-    'maxLength': 'maxlength',
-    'media': 'media',
-    'mediaGroup': 'mediagroup',
-    'method': 'method',
-    'min': 'min',
-    'minLength': 'minlength',
-    'multiple': 'multiple',
-    'muted': 'muted',
-    'name': 'name',
-    'noModule': 'nomodule',
-    'nonce': 'nonce',
-    'noValidate': 'novalidate',
-    'open': 'open',
-    'optimum': 'optimum',
-    'pattern': 'pattern',
-    'placeholder': 'placeholder',
-    'playsInline': 'playsinline',
-    'poster': 'poster',
-    'preload': 'preload',
-    'profile': 'profile',
-    'radioGroup': 'radiogroup',
-    'readOnly': 'readonly',
-    'referrerPolicy': 'referrerpolicy',
-    'rel': 'rel',
-    'required': 'required',
-    'reversed': 'reversed',
-    'role': 'role',
-    'rows': 'rows',
-    'rowSpan': 'rowspan',
-    'sandbox': 'sandbox',
-    'scope': 'scope',
-    'scoped': 'scoped',
-    'scrolling': 'scrolling',
-    'seamless': 'seamless',
-    'selected': 'selected',
-    'shape': 'shape',
-    'size': 'size',
-    'sizes': 'sizes',
-    'span': 'span',
-    'spellCheck': 'spellcheck',
-    'src': 'src',
-    'srcDoc': 'srcdoc',
-    'srcLang': 'srclang',
-    'srcSet': 'srcset',
-    'start': 'start',
-    'step': 'step',
-    'style': 'style',
-    'summary': 'summary',
-    'tabIndex': 'tabindex',
-    'target': 'target',
-    'title': 'title',
-    'type': 'type',
-    'useMap': 'usemap',
-    'value': 'value',
-    'width': 'width',
-    'wmode': 'wmode',
-    'wrap': 'wrap',
+  // HTML
+  'accept': 'accept',
+  'acceptCharset': 'accept-charset',
+  'accessKey': 'accesskey',
+  'action': 'action',
+  'allowFullScreen': 'allowfullscreen',
+  'alt': 'alt',
+  'as': 'as',
+  'async': 'async',
+  'autoCapitalize': 'autocapitalize',
+  'autoComplete': 'autocomplete',
+  'autoCorrect': 'autocorrect',
+  'autoFocus': 'autofocus',
+  'autoPlay': 'autoplay',
+  'autoSave': 'autosave',
+  'capture': 'capture',
+  'cellPadding': 'cellpadding',
+  'cellSpacing': 'cellspacing',
+  'challenge': 'challenge',
+  'charSet': 'charset',
+  'checked': 'checked',
+  'children': 'children',
+  'cite': 'cite',
+  'className': 'class',
+  'classID': 'classid',
+  'cols': 'cols',
+  'colSpan': 'colspan',
+  'content': 'content',
+  'contentEditable': 'contenteditable',
+  'contextMenu': 'contextmenu',
+  'controls': 'controls',
+  'controlsList': 'controlslist',
+  'coords': 'coords',
+  'crossOrigin': 'crossorigin',
+  'dangerouslySetInnerHTML': 'dangerouslysetinnerhtml',
+  'data': 'data',
+  'dateTime': 'datetime',
+  'default': 'default',
+  'defaultChecked': 'defaultchecked',
+  'defaultValue': 'defaultvalue',
+  'defer': 'defer',
+  'dir': 'dir',
+  'disabled': 'disabled',
+  'disablePictureInPicture': 'disablepictureinpicture',
+  'disableRemotePlayback': 'disableremoteplayback',
+  'download': 'download',
+  'draggable': 'draggable',
+  'encType': 'enctype',
+  'enterKeyHint': 'enterkeyhint',
+  'fetchPriority': 'fetchpriority',
+  'htmlFor': 'for',
+  'form': 'form',
+  'formMethod': 'formmethod',
+  'formAction': 'formaction',
+  'formEncType': 'formenctype',
+  'formNoValidate': 'formnovalidate',
+  'formTarget': 'formtarget',
+  'frameBorder': 'frameborder',
+  'headers': 'headers',
+  'height': 'height',
+  'hidden': 'hidden',
+  'high': 'high',
+  'href': 'href',
+  'hrefLang': 'hreflang',
+  'httpEquiv': 'http-equiv',
+  'icon': 'icon',
+  'id': 'id',
+  'imageSizes': 'imagesizes',
+  'imageSrcSet': 'imagesrcset',
+  'inert': 'inert',
+  'innerHTML': 'innerhtml',
+  'inputMode': 'inputmode',
+  'integrity': 'integrity',
+  'is': 'is',
+  'itemID': 'itemid',
+  'itemProp': 'itemprop',
+  'itemRef': 'itemref',
+  'itemScope': 'itemscope',
+  'itemType': 'itemtype',
+  'keyParams': 'keyparams',
+  'keyType': 'keytype',
+  'kind': 'kind',
+  'label': 'label',
+  'lang': 'lang',
+  'list': 'list',
+  'loop': 'loop',
+  'low': 'low',
+  'manifest': 'manifest',
+  'marginWidth': 'marginwidth',
+  'marginHeight': 'marginheight',
+  'max': 'max',
+  'maxLength': 'maxlength',
+  'media': 'media',
+  'mediaGroup': 'mediagroup',
+  'method': 'method',
+  'min': 'min',
+  'minLength': 'minlength',
+  'multiple': 'multiple',
+  'muted': 'muted',
+  'name': 'name',
+  'noModule': 'nomodule',
+  'nonce': 'nonce',
+  'noValidate': 'novalidate',
+  'open': 'open',
+  'optimum': 'optimum',
+  'pattern': 'pattern',
+  'placeholder': 'placeholder',
+  'playsInline': 'playsinline',
+  'poster': 'poster',
+  'preload': 'preload',
+  'profile': 'profile',
+  'radioGroup': 'radiogroup',
+  'readOnly': 'readonly',
+  'referrerPolicy': 'referrerpolicy',
+  'rel': 'rel',
+  'required': 'required',
+  'reversed': 'reversed',
+  'role': 'role',
+  'rows': 'rows',
+  'rowSpan': 'rowspan',
+  'sandbox': 'sandbox',
+  'scope': 'scope',
+  'scoped': 'scoped',
+  'scrolling': 'scrolling',
+  'seamless': 'seamless',
+  'selected': 'selected',
+  'shape': 'shape',
+  'size': 'size',
+  'sizes': 'sizes',
+  'span': 'span',
+  'spellCheck': 'spellcheck',
+  'src': 'src',
+  'srcDoc': 'srcdoc',
+  'srcLang': 'srclang',
+  'srcSet': 'srcset',
+  'start': 'start',
+  'step': 'step',
+  'style': 'style',
+  'summary': 'summary',
+  'tabIndex': 'tabindex',
+  'target': 'target',
+  'title': 'title',
+  'type': 'type',
+  'useMap': 'usemap',
+  'value': 'value',
+  'width': 'width',
+  'wmode': 'wmode',
+  'wrap': 'wrap',
-    // SVG
-    'about': 'about',
-    'accentHeight': 'accentheight',
-    'accentHeight': 'accent-height',
-    'accumulate': 'accumulate',
-    'additive': 'additive',
-    'alignmentBaseline': 'alignmentbaseline',
-    'alignmentBaseline': 'alignment-baseline',
-    'allowReorder': 'allowreorder',
-    'alphabetic': 'alphabetic',
-    'amplitude': 'amplitude',
-    'arabicForm': 'arabicform',
-    'arabicForm': 'arabic-form',
-    'ascent': 'ascent',
-    'attributeName': 'attributename',
-    'attributeType': 'attributetype',
-    'autoReverse': 'autoreverse',
-    'azimuth': 'azimuth',
-    'baseFrequency': 'basefrequency',
-    'baselineShift': 'baselineshift',
-    'baselineShift': 'baseline-shift',
-    'baseProfile': 'baseprofile',
-    'bbox': 'bbox',
-    'begin': 'begin',
-    'bias': 'bias',
-    'by': 'by',
-    'calcMode': 'calcmode',
-    'capHeight': 'capheight',
-    'capHeight': 'cap-height',
-    'clip': 'clip',
-    'clipPath': 'clippath',
-    'clipPath': 'clip-path',
-    'clipPathUnits': 'clippathunits',
-    'clipRule': 'cliprule',
-    'clipRule': 'clip-rule',
-    'color': 'color',
-    'colorInterpolation': 'colorinterpolation',
-    'colorInterpolation': 'color-interpolation',
-    'colorInterpolationFilters': 'colorinterpolationfilters',
-    'colorInterpolationFilters': 'color-interpolation-filters',
-    'colorProfile': 'colorprofile',
-    'colorProfile': 'color-profile',
-    'colorRendering': 'colorrendering',
-    'colorRendering': 'color-rendering',
-    'contentScriptType': 'contentscripttype',
-    'contentStyleType': 'contentstyletype',
-    'cursor': 'cursor',
-    'cx': 'cx',
-    'cy': 'cy',
-    'd': 'd',
-    'datatype': 'datatype',
-    'decelerate': 'decelerate',
-    'descent': 'descent',
-    'diffuseConstant': 'diffuseconstant',
-    'direction': 'direction',
-    'display': 'display',
-    'divisor': 'divisor',
-    'dominantBaseline': 'dominantbaseline',
-    'dominantBaseline': 'dominant-baseline',
-    'dur': 'dur',
-    'dx': 'dx',
-    'dy': 'dy',
-    'edgeMode': 'edgemode',
-    'elevation': 'elevation',
-    'enableBackground': 'enablebackground',
-    'enableBackground': 'enable-background',
-    'end': 'end',
-    'exponent': 'exponent',
-    'externalResourcesRequired': 'externalresourcesrequired',
-    'fill': 'fill',
-    'fillOpacity': 'fillopacity',
-    'fillOpacity': 'fill-opacity',
-    'fillRule': 'fillrule',
-    'fillRule': 'fill-rule',
-    'filter': 'filter',
-    'filterRes': 'filterres',
-    'filterUnits': 'filterunits',
-    'floodOpacity': 'floodopacity',
-    'floodOpacity': 'flood-opacity',
-    'floodColor': 'floodcolor',
-    'floodColor': 'flood-color',
-    'focusable': 'focusable',
-    'fontFamily': 'fontfamily',
-    'fontFamily': 'font-family',
-    'fontSize': 'fontsize',
-    'fontSize': 'font-size',
-    'fontSizeAdjust': 'fontsizeadjust',
-    'fontSizeAdjust': 'font-size-adjust',
-    'fontStretch': 'fontstretch',
-    'fontStretch': 'font-stretch',
-    'fontStyle': 'fontstyle',
-    'fontStyle': 'font-style',
-    'fontVariant': 'fontvariant',
-    'fontVariant': 'font-variant',
-    'fontWeight': 'fontweight',
-    'fontWeight': 'font-weight',
-    'format': 'format',
-    'from': 'from',
-    'fx': 'fx',
-    'fy': 'fy',
-    'g1': 'g1',
-    'g2': 'g2',
-    'glyphName': 'glyphname',
-    'glyphName': 'glyph-name',
-    'glyphOrientationHorizontal': 'glyphorientationhorizontal',
-    'glyphOrientationHorizontal': 'glyph-orientation-horizontal',
-    'glyphOrientationVertical': 'glyphorientationvertical',
-    'glyphOrientationVertical': 'glyph-orientation-vertical',
-    'glyphRef': 'glyphref',
-    'gradientTransform': 'gradienttransform',
-    'gradientUnits': 'gradientunits',
-    'hanging': 'hanging',
-    'horizAdvX': 'horizadvx',
-    'horizAdvX': 'horiz-adv-x',
-    'horizOriginX': 'horizoriginx',
-    'horizOriginX': 'horiz-origin-x',
-    'ideographic': 'ideographic',
-    'imageRendering': 'imagerendering',
-    'imageRendering': 'image-rendering',
-    'in2': 'in2',
-    'in': 'in',
-    'inlist': 'inlist',
-    'intercept': 'intercept',
-    'k1': 'k1',
-    'k2': 'k2',
-    'k3': 'k3',
-    'k4': 'k4',
-    'k': 'k',
-    'kernelMatrix': 'kernelmatrix',
-    'kernelUnitLength': 'kernelunitlength',
-    'kerning': 'kerning',
-    'keyPoints': 'keypoints',
-    'keySplines': 'keysplines',
-    'keyTimes': 'keytimes',
-    'lengthAdjust': 'lengthadjust',
-    'letterSpacing': 'letterspacing',
-    'letterSpacing': 'letter-spacing',
-    'lightingColor': 'lightingcolor',
-    'lightingColor': 'lighting-color',
-    'limitingConeAngle': 'limitingconeangle',
-    'local': 'local',
-    'markerEnd': 'markerend',
-    'markerEnd': 'marker-end',
-    'markerHeight': 'markerheight',
-    'markerMid': 'markermid',
-    'markerMid': 'marker-mid',
-    'markerStart': 'markerstart',
-    'markerStart': 'marker-start',
-    'markerUnits': 'markerunits',
-    'markerWidth': 'markerwidth',
-    'mask': 'mask',
-    'maskContentUnits': 'maskcontentunits',
-    'maskUnits': 'maskunits',
-    'mathematical': 'mathematical',
-    'mode': 'mode',
-    'numOctaves': 'numoctaves',
-    'offset': 'offset',
-    'opacity': 'opacity',
-    'operator': 'operator',
-    'order': 'order',
-    'orient': 'orient',
-    'orientation': 'orientation',
-    'origin': 'origin',
-    'overflow': 'overflow',
-    'overlinePosition': 'overlineposition',
-    'overlinePosition': 'overline-position',
-    'overlineThickness': 'overlinethickness',
-    'overlineThickness': 'overline-thickness',
-    'paintOrder': 'paintorder',
-    'paintOrder': 'paint-order',
-    'panose1': 'panose1',
-    'panose1': 'panose-1',
-    'pathLength': 'pathlength',
-    'patternContentUnits': 'patterncontentunits',
-    'patternTransform': 'patterntransform',
-    'patternUnits': 'patternunits',
-    'pointerEvents': 'pointerevents',
-    'pointerEvents': 'pointer-events',
-    'points': 'points',
-    'pointsAtX': 'pointsatx',
-    'pointsAtY': 'pointsaty',
-    'pointsAtZ': 'pointsatz',
-    'popover': 'popover',
-    'popoverTarget': 'popovertarget',
-    'popoverTargetAction': 'popovertargetaction',
-    'prefix': 'prefix',
-    'preserveAlpha': 'preservealpha',
-    'preserveAspectRatio': 'preserveAspectRatio',
-    'primitiveUnits': 'primitiveunits',
-    'property': 'property',
-    'r': 'r',
-    'radius': 'radius',
-    'refX': 'refx',
-    'refY': 'refy',
-    'renderingIntent': 'renderingintent',
-    'renderingIntent': 'rendering-intent',
-    'repeatCount': 'repeatcount',
-    'repeatDur': 'repeatdur',
-    'requiredExtensions': 'requiredextensions',
-    'requiredFeatures': 'requiredfeatures',
-    'resource': 'resource',
-    'restart': 'restart',
-    'result': 'result',
-    'results': 'results',
-    'rotate': 'rotate',
-    'rx': 'rx',
-    'ry': 'ry',
-    'scale': 'scale',
-    'security': 'security',
-    'seed': 'seed',
-    'shapeRendering': 'shaperendering',
-    'shapeRendering': 'shape-rendering',
-    'slope': 'slope',
-    'spacing': 'spacing',
-    'specularConstant': 'specularconstant',
-    'specularExponent': 'specularexponent',
-    'speed': 'speed',
-    'spreadMethod': 'spreadmethod',
-    'startOffset': 'startoffset',
-    'stdDeviation': 'stddeviation',
-    'stemh': 'stemh',
-    'stemv': 'stemv',
-    'stitchTiles': 'stitchtiles',
-    'stopColor': 'stopcolor',
-    'stopColor': 'stop-color',
-    'stopOpacity': 'stopopacity',
-    'stopOpacity': 'stop-opacity',
-    'strikethroughPosition': 'strikethroughposition',
-    'strikethroughPosition': 'strikethrough-position',
-    'strikethroughThickness': 'strikethroughthickness',
-    'strikethroughThickness': 'strikethrough-thickness',
-    'string': 'string',
-    'stroke': 'stroke',
-    'strokeDasharray': 'strokedasharray',
-    'strokeDasharray': 'stroke-dasharray',
-    'strokeDashoffset': 'strokedashoffset',
-    'strokeDashoffset': 'stroke-dashoffset',
-    'strokeLinecap': 'strokelinecap',
-    'strokeLinecap': 'stroke-linecap',
-    'strokeLinejoin': 'strokelinejoin',
-    'strokeLinejoin': 'stroke-linejoin',
-    'strokeMiterlimit': 'strokemiterlimit',
-    'strokeMiterlimit': 'stroke-miterlimit',
-    'strokeWidth': 'strokewidth',
-    'strokeWidth': 'stroke-width',
-    'strokeOpacity': 'strokeopacity',
-    'strokeOpacity': 'stroke-opacity',
-    'suppressContentEditableWarning': 'suppresscontenteditablewarning',
-    'suppressHydrationWarning': 'suppresshydrationwarning',
-    'surfaceScale': 'surfacescale',
-    'systemLanguage': 'systemlanguage',
-    'tableValues': 'tablevalues',
-    'targetX': 'targetx',
-    'targetY': 'targety',
-    'textAnchor': 'textanchor',
-    'textAnchor': 'text-anchor',
-    'textDecoration': 'textdecoration',
-    'textDecoration': 'text-decoration',
-    'textLength': 'textlength',
-    'textRendering': 'textrendering',
-    'textRendering': 'text-rendering',
-    'to': 'to',
-    'transform': 'transform',
-    'transformOrigin': 'transformorigin',
-    'transformOrigin': 'transform-origin',
-    'typeof': 'typeof',
-    'u1': 'u1',
-    'u2': 'u2',
-    'underlinePosition': 'underlineposition',
-    'underlinePosition': 'underline-position',
-    'underlineThickness': 'underlinethickness',
-    'underlineThickness': 'underline-thickness',
-    'unicode': 'unicode',
-    'unicodeBidi': 'unicodebidi',
-    'unicodeBidi': 'unicode-bidi',
-    'unicodeRange': 'unicoderange',
-    'unicodeRange': 'unicode-range',
-    'unitsPerEm': 'unitsperem',
-    'unitsPerEm': 'units-per-em',
-    'unselectable': 'unselectable',
-    'vAlphabetic': 'valphabetic',
-    'vAlphabetic': 'v-alphabetic',
-    'values': 'values',
-    'vectorEffect': 'vectoreffect',
-    'vectorEffect': 'vector-effect',
-    'version': 'version',
-    'vertAdvY': 'vertadvy',
-    'vertAdvY': 'vert-adv-y',
-    'vertOriginX': 'vertoriginx',
-    'vertOriginX': 'vert-origin-x',
-    'vertOriginY': 'vertoriginy',
-    'vertOriginY': 'vert-origin-y',
-    'vHanging': 'vhanging',
-    'vHanging': 'v-hanging',
-    'vIdeographic': 'videographic',
-    'vIdeographic': 'v-ideographic',
-    'viewBox': 'viewBox',
-    'viewTarget': 'viewtarget',
-    'visibility': 'visibility',
-    'vMathematical': 'vmathematical',
-    'vMathematical': 'v-mathematical',
-    'vocab': 'vocab',
-    'widths': 'widths',
-    'wordSpacing': 'wordspacing',
-    'wordSpacing': 'word-spacing',
-    'writingMode': 'writingmode',
-    'writingMode': 'writing-mode',
-    'x1': 'x1',
-    'x2': 'x2',
-    'x': 'x',
-    'xChannelSelector': 'xchannelselector',
-    'xHeight': 'xheight',
-    'xHeight': 'x-height',
-    'xlinkActuate': 'xlinkactuate',
-    'xlinkActuate': 'xlink:actuate',
-    'xlinkArcrole': 'xlinkarcrole',
-    'xlinkArcrole': 'xlink:arcrole',
-    'xlinkHref': 'xlinkhref',
-    'xlinkHref': 'xlink:href',
-    'xlinkRole': 'xlinkrole',
-    'xlinkRole': 'xlink:role',
-    'xlinkShow': 'xlinkshow',
-    'xlinkShow': 'xlink:show',
-    'xlinkTitle': 'xlinktitle',
-    'xlinkTitle': 'xlink:title',
-    'xlinkType': 'xlinktype',
-    'xlinkType': 'xlink:type',
-    'xmlBase': 'xmlbase',
-    'xmlBase': 'xml:base',
-    'xmlLang': 'xmllang',
-    'xmlLang': 'xml:lang',
-    'xmlns': 'xmlns',
-    'xmlSpace': 'xml:space',
-    'xmlnsXlink': 'xmlnsxlink',
-    'xmlnsXlink': 'xmlns:xlink',
-    'xmlSpace': 'xmlspace',
-    'y1': 'y1',
-    'y2': 'y2',
-    'y': 'y',
-    'yChannelSelector': 'ychannelselector',
-    'z': 'z',
-    'zoomAndPan': 'zoomandpan',
-  };
+  // SVG
+  'about': 'about',
+  'accentHeight': 'accent-height',
+  'accumulate': 'accumulate',
+  'additive': 'additive',
+  'alignmentBaseline': 'alignment-baseline',
+  'allowReorder': 'allowreorder',
+  'alphabetic': 'alphabetic',
+  'amplitude': 'amplitude',
+  'arabicForm': 'arabic-form',
+  'ascent': 'ascent',
+  'attributeName': 'attributeName',
+  'attributeType': 'attributeType',
+  'autoReverse': 'autoReverse',
+  'azimuth': 'azimuth',
+  'baseFrequency': 'baseFrequency',
+  'baselineShift': 'baseline-shift',
+  'baseProfile': 'baseProfile',
+  'bbox': 'bbox',
+  'begin': 'begin',
+  'bias': 'bias',
+  'by': 'by',
+  'calcMode': 'calcMode',
+  'capHeight': 'cap-height',
+  'clip': 'clip',
+  'clipPath': 'clip-path',
+  'clipPathUnits': 'clipPathUnits',
+  'clipRule': 'clip-rule',
+  'color': 'color',
+  'colorInterpolation': 'color-interpolation',
+  'colorInterpolationFilters': 'color-interpolation-filters',
+  'colorProfile': 'color-profile',
+  'colorRendering': 'color-rendering',
+  'contentScriptType': 'contentScriptType',
+  'contentStyleType': 'contentStyleType',
+  'cursor': 'cursor',
+  'cx': 'cx',
+  'cy': 'cy',
+  'd': 'd',
+  'datatype': 'datatype',
+  'decelerate': 'decelerate',
+  'descent': 'descent',
+  'diffuseConstant': 'diffuseConstant',
+  'direction': 'direction',
+  'display': 'display',
+  'divisor': 'divisor',
+  'dominantBaseline': 'dominant-baseline',
+  'dur': 'dur',
+  'dx': 'dx',
+  'dy': 'dy',
+  'edgeMode': 'edgeMode',
+  'elevation': 'elevation',
+  'enableBackground': 'enable-background',
+  'end': 'end',
+  'exponent': 'exponent',
+  'externalResourcesRequired': 'externalResourcesRequired',
+  'fill': 'fill',
+  'fillOpacity': 'fill-opacity',
+  'fillRule': 'fill-rule',
+  'filter': 'filter',
+  'filterRes': 'filterRes',
+  'filterUnits': 'filterUnits',
+  'floodOpacity': 'flood-opacity',
+  'floodColor': 'flood-color',
+  'focusable': 'focusable',
+  'fontFamily': 'font-family',
+  'fontSize': 'font-size',
+  'fontSizeAdjust': 'font-size-adjust',
+  'fontStretch': 'font-stretch',
+  'fontStyle': 'font-style',
+  'fontVariant': 'font-variant',
+  'fontWeight': 'font-weight',
+  'format': 'format',
+  'from': 'from',
+  'fx': 'fx',
+  'fy': 'fy',
+  'g1': 'g1',
+  'g2': 'g2',
+  'glyphName': 'glyph-name',
+  'glyphOrientationHorizontal': 'glyph-orientation-horizontal',
+  'glyphOrientationVertical': 'glyph-orientation-vertical',
+  'glyphRef': 'glyphRef',
+  'gradientTransform': 'gradientTransform',
+  'gradientUnits': 'gradientUnits',
+  'horizAdvX': 'horiz-adv-x',
+  'horizOriginX': 'horiz-origin-x',
+  'imageRendering': 'image-rendering',
+  'kernelMatrix': 'kernelMatrix',
+  'kernelUnitLength': 'kernelUnitLength',
+  'keyPoints': 'keyPoints',
+  'keySplines': 'keySplines',
+  'keyTimes': 'keyTimes',
+  'lengthAdjust': 'lengthAdjust',
+  'letterSpacing': 'letter-spacing',
+  'lightingColor': 'lighting-color',
+  'limitingConeAngle': 'limitingConeAngle',
+  'local': 'local',
+  'markerEnd': 'marker-end',
+  'markerMid': 'marker-mid',
+  'markerStart': 'marker-start',
+  'markerHeight': 'markerHeight',
+  'markerUnits': 'markerUnits',
+  'markerWidth': 'markerWidth',
+  'mask': 'mask',
+  'maskContentUnits': 'maskContentUnits',
+  'maskUnits': 'maskUnits',
+  'mathematical': 'mathematical',
+  'mode': 'mode',
+  'numOctaves': 'numOctaves',
+  'offset': 'offset',
+  'opacity': 'opacity',
+  'operator': 'operator',
+  'order': 'order',
+  'orient': 'orient',
+  'orientation': 'orientation',
+  'origin': 'origin',
+  'overflow': 'overflow',
+  'overlinePosition': 'overline-position',
+  'overlineThickness': 'overline-thickness',
+  'paintOrder': 'paint-order',
+  'panose1': 'panose-1',
+  'path': 'path',
+  'pathLength': 'pathLength',
+  'patternContentUnits': 'patternContentUnits',
+  'patternTransform': 'patternTransform',
+  'patternUnits': 'patternUnits',
+  'pointerEvents': 'pointer-events',
+  'points': 'points',
+  'pointsAtX': 'pointsAtX',
+  'pointsAtY': 'pointsAtY',
+  'pointsAtZ': 'pointsAtZ',
+  'preserveAlpha': 'preserveAlpha',
+  'preserveAspectRatio': 'preserveAspectRatio',
+  'primitiveUnits': 'primitiveUnits',
+  'r': 'r',
+  'radius': 'radius',
+  'refX': 'refX',
+  'refY': 'refY',
+  'renderingIntent': 'rendering-intent',
+  'repeatCount': 'repeatCount',
+  'repeatDur': 'repeatDur',
+  'requiredExtensions': 'requiredExtensions',
+  'requiredFeatures': 'requiredFeatures',
+  'restart': 'restart',
+  'result': 'result',
+  'rotate': 'rotate',
+  'rx': 'rx',
+  'ry': 'ry',
+  'scale': 'scale',
+  'seed': 'seed',
+  'shapeRendering': 'shape-rendering',
+  'slope': 'slope',
+  'spacing': 'spacing',
+  'specularConstant': 'specularConstant',
+  'specularExponent': 'specularExponent',
+  'speed': 'speed',
+  'spreadMethod': 'spreadMethod',
+  'startOffset': 'startOffset',
+  'stdDeviation': 'stdDeviation',
+  'stemh': 'stemh',
+  'stemv': 'stemv',
+  'stitchTiles': 'stitchTiles',
+  'stopColor': 'stop-color',
+  'stopOpacity': 'stop-opacity',
+  'strikethroughPosition': 'strikethrough-position',
+  'strikethroughThickness': 'strikethrough-thickness',
+  'string': 'string',
+  'stroke': 'stroke',
+  'strokeDasharray': 'stroke-dasharray',
+  'strokeDashoffset': 'stroke-dashoffset',
+  'strokeLinecap': 'stroke-linecap',
+  'strokeLinejoin': 'stroke-linejoin',
+  'strokeMiterlimit': 'stroke-miterlimit',
+  'strokeOpacity': 'stroke-opacity',
+  'strokeWidth': 'stroke-width',
+  'surfaceScale': 'surfaceScale',
+  'systemLanguage': 'systemLanguage',
+  'tableValues': 'tableValues',
+  'targetX': 'targetX',
+  'targetY': 'targetY',
+  'textAnchor': 'text-anchor',
+  'textDecoration': 'text-decoration',
+  'textLength': 'textLength',
+  'textRendering': 'text-rendering',
+  'to': 'to',
+  'transform': 'transform',
+  'u1': 'u1',
+  'u2': 'u2',
+  'underlinePosition': 'underline-position',
+  'underlineThickness': 'underline-thickness',
+  'unicode': 'unicode',
+  'unicodeBidi': 'unicode-bidi',
+  'unicodeRange': 'unicode-range',
+  'unitsPerEm': 'units-per-em',
+  'vAlphabetic': 'v-alphabetic',
+  'vHanging': 'v-hanging',
+  'vIdeographic': 'v-ideographic',
+  'vMathematical': 'v-mathematical',
+  'values': 'values',
+  'vectorEffect': 'vector-effect',
+  'version': 'version',
+  'vertAdvY': 'vert-adv-y',
+  'vertOriginX': 'vert-origin-x',
+  'vertOriginY': 'vert-origin-y',
+  'viewBox': 'viewBox',
+  'viewTarget': 'viewTarget',
+  'visibility': 'visibility',
+  'widths': 'widths',
+  'wordSpacing': 'word-spacing',
+  'writingMode': 'writing-mode',
+  'x': 'x',
+  'x1': 'x1',
+  'x2': 'x2',
+  'xChannelSelector': 'xChannelSelector',
+  'xHeight': 'x-height',
+  'xlinkActuate': 'xlink:actuate',
+  'xlinkArcrole': 'xlink:arcrole',
+  'xlinkHref': 'xlink:href',
+  'xlinkRole': 'xlink:role',
+  'xlinkShow': 'xlink:show',
+  'xlinkTitle': 'xlink:title',
+  'xlinkType': 'xlink:type',
+  'xmlBase': 'xml:base',
+  'xmlLang': 'xml:lang',
+  'xmlns': 'xmlns',
+  'xmlnsXlink': 'xmlns:xlink',
+  'xmlSpace': 'xml:space',
+  'y': 'y',
+  'y1': 'y1',
+  'y2': 'y2',
+  'yChannelSelector': 'yChannelSelector',
+  'z': 'z',
+  'zoomAndPan': 'zoomAndPan',
+};
-  export default possibleAttributes;
+export default possibleAttributes;

package/loader/loader.mjs CHANGED Viewed

@@ -1,9 +1,10 @@
-import { transformSync } from 'esbuild';
 import path from 'node:path';
 import { readFile } from 'fs/promises';
-import { register, isBuiltin } from 'node:module';
 import { fileURLToPath, pathToFileURL } from 'node:url';
+import { transformSync } from 'esbuild';
+import { isBuiltin } from 'node:module';
 // TODO: убрать esm-reload
 // INSPIRED: https://github.com/pygy/esm-reload/tree/main
 let id = 0;

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
     "name": "jtsx-loader",
-    "version": "0.1.3",
+    "version": "0.1.5",
     "main": "./loader/register.mjs",
     "type": "module",
     "imports": {
@@ -8,10 +8,11 @@
     },
     "scripts": {
         "start": "node --import ./loader/register.mjs ./example/server.js",
-        "dev": "nodemon --import ./loader/register.mjs ./example/server.js"
+        "dev": "nodemon --import ./loader/register.mjs ./example/server.js",
+        "patch": "npm version patch && npm publish"
     },
     "engines": {
-        "node": ">=20.16 <21"
+        "node": ">=20.16 <23"
     },
     "keywords": [
         "jsx",
@@ -28,11 +29,11 @@
         "url": "git+https://github.com/dergachevm/jtsx-loader"
     },
     "dependencies": {
-        "esbuild": "^0.23.1"
+        "esbuild": "^0.24.2"
     },
     "devDependencies": {
-        "htmlfy": "^0.2.1",
-        "express": "^4.19.2",
-        "nodemon": "^3.1.4"
+        "express": "^4.21.2",
+        "htmlfy": "^0.5.0",
+        "nodemon": "^3.1.9"
     }
 }