Skip to content

chiic/html-compiler

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

20 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Tiny (x?)html compiler

0️⃣ means "0"    🍏 means "α"    🍍 means "β"    🚀 means "GA"

modules

🍍 lexer token

🍍 parser

🍍 transform

🍍 generator code

⚠️⚠️⚠️

Dont used it in your prod environment.This is a limited project now.

used

npm run build
const { Parser, traverser, generatorCode } = require('../../dist');
const str = '<div>test dom</div>'

// parser
const parser = new Parser(str);
const ast = parser.parse();
// traverse
traverser(ast, {
     Text(node) {
         if(/[\u4e00-\u9fa5]/.test(node.value)) {
             node.value = `{{'a.v' | translate}}`;
         }
    },
    Attr(node) {
        if (node.name === 'src') {
            node.value = `https://baidu.com${node.value}`;
        }
    }
});
// generator
const code = generatorCode(ast);

mores

has more examples in here

About

tinny html compiler.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published