smalldom

enzoaicardi
esm
smalldom JS library homepage smalldom JS library on GitHub smalldom JS library on npm Download smalldom JS library

Build XML/HTML based files dynamicaly with .sdom transpiler !

Version 1.0.8 License MIT
smalldom JS library homepage
smalldom JS library on GitHub
smalldom JS library on npm
Download smalldom JS library
Keywords
htmlxmldomsdomsmalldom
INSTALL
Type:
Version:
<script type="module"> import smalldom from 'https://cdn.jsdelivr.net/npm/smalldom@1.0.8/+esm' </script>
Learn more
Readme Files Statistics Browse CDN

smalldom / sdom

What it is

sdom or "small dom" is a dynamic markup language for creating files based on XML or HTML.

How does it works

step n°1

First you create a .sdom file in which you write your markup as shown below. For the exemple we gonna use the HTML document pattern.

html

    head {
        meta [charset="UTF-8"]
    }

    body {

        // Content here...

    }

step n°2

In a second time you just need to run the following command to compile your code.

sdom compile [folder|source.sdom] [folder|output.html] [--extension|--ext] [--layout|--ly] [--watch]

Arguments :

  • [source.sdom] the path to your source file (index.sdom by default) or folder
  • [output.html] the path to your output file (dist/index.html by default) or folder
  • [--extension] the extension of output files in case of output folder (html by default)
  • [--layout] the layout render of your html, you can custom it by using [numberBreaks/numberSpaces] notation (minified by default)
  • [--watch] the option to recompile everytime your .sdom file change
  • [--help] for help informations

step n°3

Open your HTML file and you will see...

<html>

    <head>
        <meta charset="UTF-8">
    </head>

    <body>

        // Content here...

    </body>

</html>

step n°4

Read the documentation to see all possibilities with sdom. https://sdom.aicardi.pro/doc

Why should i use it ?

No particular reason :)