tmod loader init

FlashHK · FlashHK · commit b2a3c826ed54 · 2015-10-21T15:09:59.000+08:00
diff --git a/index.js b/index.js
@@ -0,0 +1,17 @@
+﻿'use strict';
+
+var Tmod = require('./src/tmod');
+
+module.exports = function (content) {
+
+    this.cacheable && this.cacheable();
+
+    var options = this.query ? JSON.parse(this.query.replace(/\?/g, "")) : {};
+
+    var tmod = new Tmod('./', options)
+    var path = this.resourcePath.replace(/\\/g, "/");
+    var output = tmod.compile(path);
+
+    if (!output) throw new Error(output); ;
+    return output;
+}
diff --git a/package.json b/package.json
@@ -0,0 +1,15 @@
+{
+  "name": "tmod-loader",
+  "version": "0.0.1",
+  "description": "artTemplate loader module for webpack",
+  "keywords": [
+    "template",
+    "artTemplate",
+    "CommonJS",
+    "TmodJS"
+  ],
+  "author": "FlashHK",
+  "dependencies": {
+    "art-template": "3.0.x"
+  }
+}
diff --git a/src/AOTcompile.js b/src/AOTcompile.js
@@ -0,0 +1,233 @@
+/*!
+ * TmodJS - AOT Template Compiler
+ * https://github.com/aui/tmodjs
+ * Released under the MIT, BSD, and GPL Licenses
+ */
+
+'use strict';
+
+module.exports = function (template) {
+    /**
+     * 模板预编译器，根据设置生成不同格式的 javascript 模块
+     * @param   {String}    模板源代码
+     * @param   {Object}    选项
+     */
+    template.AOTcompile = function (source, options) {
+
+        var uri = './' + options.filename;
+
+        // 是否为编译为调试版本
+        var debug = options.debug;
+
+        // 模板名（不能以 . 或者 / 开头）
+        var filename = options.filename;
+
+        // 编译的模块类型
+        var type = options.type;
+
+        // 运行时模块别名。设置此后 runtime 的路径将被写死
+        var alias = options.alias;
+
+        // 运行时名
+        var runtime = options.runtime;
+
+        // 是否压缩 HTML 多余空白字符
+        var compress = debug ? true : options.compress;
+
+        // 模板文件后缀
+        var suffix = options.suffix || '';
+
+        options.cache = false;
+
+        var render = compile(source, options);
+        var requires = parseDependencies(render);
+        var isLogic = testTemplateSyntax(source, options);
+        var dir = dirname(uri);
+        var code = '';
+        
+        
+        if (!isLogic) {
+            code = compress ? compressHTML(source) : source;
+            code = stringify(code);
+
+        } else {
+
+            code = render.replace(ANONYMOUS_RE, 'function');
+        }
+
+
+        // 计算主入口相对于当前模板路径
+        var getRuntime = function () {
+            if (alias) {
+                return alias;
+            }
+            var prefix = './';
+            var length = dir.split('/').length - 2;
+            if (length) {
+                prefix = (new Array(length + 1)).join('../');
+            }
+
+            return prefix + runtime.replace(/\.js$/, '');
+        };
+
+
+        // 生成 require 函数依赖声明代码
+        var getRequireCode = function () {
+            var requiresCode = [];
+            
+            requires.forEach(function (uri) {
+                requiresCode.push("require('" + uri + options.suffix +"');");
+            });
+
+            return requiresCode.join('\n');
+        };
+
+
+        code
+            = "var template=require('" + getRuntime() + "');"
+            + getRequireCode()
+            + "module.exports=template('" + filename + "'," + code + ");";
+
+
+        return {
+
+            // 编译结果
+            code: code,
+
+            // 依赖的子模板
+            requires: requires.map(function (subUir) {
+                testUri(subUir, uri, source);
+                return resolve(dir + subUir);
+            })
+
+        };
+
+    };
+
+
+
+    template.config('cache', false);
+    template.onerror = function (e) {
+        throw e;
+    };
+
+
+    var SLASH_RE = /\\\\/g;
+    var DOT_RE = /\/\.\//g;
+    var DOUBLE_DOT_RE = /(\/)[^/]+\1\.\.\1/;
+    var DIRNAME_RE = /[^/]+$/;
+    var ANONYMOUS_RE = /^function\s+anonymous/;
+    var EXTNAME_RE = /\.(html|htm|tpl)$/i;
+    var INCLUDE_RE = /"(?:\\"|[^"])*"|'(?:\\'|[^'])*'|\/\*[\S\s]*?\*\/|\/(?:\\\/|[^/\r\n])+\/(?=[^\/])|\/\/.*|\.\s*include|(?:^|[^$])\binclude\s*\(\s*(["'])(.+?)\1/g; //"
+
+
+    // 编译模板
+    var compile = function (source, options) {
+        var render = template.compile(source, options);
+
+        return render
+        .toString()
+        .replace(ANONYMOUS_RE, 'function');
+    };
+
+
+    // 检查模板是否有逻辑语法
+    var testTemplateSyntax = function (source, options) {
+        return source.indexOf(options.openTag) !== -1;
+    };
+
+
+    // 模板 filename 规范检查
+    // 保证 include 语法引用的是相对路径
+    var testUri = function (uri, fromUri, source) {
+        if (!/^\./.test(uri) || EXTNAME_RE.test(uri)) {
+
+            var line;
+
+            // 如果只出现一次这个字符串，很容易确认模板错误行
+            if (source.split(uri).length === 2) {
+                source.split(/\n/).forEach(function (code, index) {
+                    if (code.indexOf(uri) !== -1) {
+                        line = index + 1;
+                        source = code.trim();
+                    }
+                });
+            }
+
+            var error = {
+                name: 'Syntax Error',
+                line: line,
+                source: source,
+                message: 'Template must be a relative path, and can not have a suffix.'
+            };
+
+            if (fromUri) {
+                error.filename = fromUri;
+            }
+
+            throw error;
+        }
+    };
+
+
+    // 依赖分析
+    var parseDependencies = function (code) {
+        var list = [];
+        var uniq = {};
+
+        code
+        .replace(SLASH_RE, '')
+        .replace(INCLUDE_RE, function(m, m1, m2) {
+            if (m2 && !uniq.hasOwnProperty(m2)) {
+                list.push(m2);
+                uniq[m2] = true;
+            }
+        });
+
+      return list;
+    };
+
+
+    // 获取上一层 uri
+    var dirname = function (uri) {
+        return uri.replace(DIRNAME_RE, '');
+    };
+
+
+    // 分解为标准化 uri
+    var resolve = function (uri) {
+        uri = uri.replace(DOT_RE, '/');
+        while (uri.match(DOUBLE_DOT_RE)) {
+            uri = uri.replace(DOUBLE_DOT_RE, '/');
+        }
+        return uri;
+    };
+
+
+    // 构造字符串表达式
+    var stringify = function (code) {
+        return "'" + code
+        .replace(/('|\\)/g, '\\$1')
+        .replace(/\r/g, '\\r')
+        .replace(/\n/g, '\\n')
+        + "'";  
+    };
+
+
+    // 压缩 HTML 字符串
+    var compressHTML = function (code) {
+        code = code
+        .replace(/\s+/g, ' ')
+        .replace(/<!--[\w\W]*?-->/g, '');
+
+        return code;
+    };
+
+    return template;
+};
+
+
+
+
+
+
diff --git a/src/defaults.js b/src/defaults.js
@@ -0,0 +1,54 @@
+module.exports = {
+
+    // 模板根目录
+    //base: './',
+
+    // 编译输出目录设置
+    output: './build',
+
+    // 模板使用的编码。（只支持 utf-8）
+    charset: 'utf-8',
+
+    // 定义模板采用哪种语法，内置可选：
+    // simple: 默认语法，易于读写。可参看语法文档
+    // native: 功能丰富，灵活多变。语法类似微型模板引擎 tmpl
+    syntax: 'simple',
+
+    // 自定义辅助方法路径
+    helpers: null,
+
+    // 是否过滤 XSS
+    // 如果后台给出的数据已经进行了 XSS 过滤，就可以关闭模板的过滤以提升模板渲染效率
+    escape: true,
+
+    // 是否压缩 HTML 多余空白字符
+    compress: true,
+
+    // 输出的模块类型，可选：
+
+    // default:  模板目录将会打包后输出，可使用 script 标签直接引入，也支持 NodeJS/RequireJS/SeaJS。
+    // cmd:         这是一种兼容 RequireJS/SeaJS 的模块（类似 atc v1版本编译结果）
+    // amd:         支持 RequireJS 等流行加载器
+    // commonjs:    编译为 NodeJS 模块
+    type: 'commonjs',
+
+    // 设置输出的运行时文件名
+    runtime: 'template.js',
+
+    // 设置模块依赖的运行时路径
+    // 仅针对于非``type:'default'``的模块配置字段。如果不指定模块内部会自动使用相对``runtime``的路径
+    alias: null,
+
+    // 是否合并模板
+    // 仅针对于``type:'default'``的模块
+    combo: false,
+
+    // 是否输出为压缩的格式
+    minify: false,
+
+    // 是否开启编译缓存
+    cache: true,
+
+    // 模板文件后缀
+    suffix: '.tpl'
+};
diff --git a/src/path.js b/src/path.js
@@ -0,0 +1,34 @@
+/*!
+ * NodeJS path 跨平台支持（让 windows 路径分隔与 linux 保持一致，统一为：“/”）
+ * https://github.com/aui/tmodjs
+ * Released under the MIT, BSD, and GPL Licenses
+ */
+ 
+'use strict';
+
+var path = require('path');
+
+if (!/\\/.test(path.resolve())) {
+    module.exports = path;
+} else {
+    var oldPath = path;
+    var newPath = Object.create(oldPath);
+    var proxy = function (name) {
+        return function () {
+            var value = oldPath[name].apply(oldPath, arguments);
+            if (typeof value === 'string') {
+                value = value.split(oldPath.sep).join('/');
+            }
+            return value;
+        };
+    };
+
+    for (var name in newPath) {
+        if (typeof oldPath[name] === 'function') {
+            newPath[name] = proxy(name);
+        }
+    }
+
+    module.exports = newPath;
+}
+
diff --git a/src/tmod.js b/src/tmod.js
