can-stache-loader

Author: Maciej Adamczak

.editorconfig

@@ -0,0 +1,10 @@
+# editorconfig.org
+root = true
+
+[*]
+indent_style = space
+indent_size = 2
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true

.gitignore

@@ -0,0 +1,69 @@
+# Created by .ignore support plugin (hsz.mobi)
+### Node template
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# Runtime data
+pids
+*.pid
+*.seed
+*.pid.lock
+
+# Directory for instrumented libs generated by jscoverage/JSCover
+lib-cov
+
+# Coverage directory used by tools like istanbul
+coverage
+
+# nyc test coverage
+.nyc_output
+
+# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
+.grunt
+
+# Bower dependency directory (https://bower.io/)
+bower_components
+
+# node-waf configuration
+.lock-wscript
+
+# Compiled binary addons (http://nodejs.org/api/addons.html)
+build/Release
+
+# Dependency directories
+node_modules/
+jspm_packages/
+
+# Typescript v1 declaration files
+typings/
+
+# Optional npm cache directory
+.npm
+
+# Optional eslint cache
+.eslintcache
+
+# Optional REPL history
+.node_repl_history
+
+# Output of 'npm pack'
+*.tgz
+
+# Yarn Integrity file
+.yarn-integrity
+
+# dotenv environment variables file
+.env
+
+# Webstorm
+/.idea
+
+# Build
+/lib
+
+# OSX
+.DS_Store

.npmignore

@@ -0,0 +1,6 @@
+.editorconfig
+.gitignore
+.nvmrc
+node_modules
+.idea
+.npmignore

.nvmrc

@@ -0,0 +1 @@
+6.5

LICENSE

@@ -0,0 +1,21 @@
+The MIT License
+
+Copyright (c) 2010-2017 Google, Inc. http://angularjs.org
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

README.md

@@ -0,0 +1,62 @@
+[![version](https://img.shields.io/npm/v/can-stache-loader.svg)](https://www.npmjs.com/package/can-stache-loader)
+[![dependencies](https://img.shields.io/david/macku/can-stache-loader.svg)](https://david-dm.org/macku/can-stache-loader)
+[![dev dependencies](https://img.shields.io/david/dev/macku/can-stache-loader.svg)](https://david-dm.org/macku/can-stache-loader?type=dev)
+
+# CanJS Stache template loader for webpack
+
+Compiles [CanJS Stache](https://github.com/canjs/can-stache) templates with [can-view-parser](https://github.com/canjs/can-view-parser) and allows to load them with [webpack](https://webpack.github.io/)
+
+
+## How to install
+
+### NPM and Yarn
+
+You can install the library using [**NPM**](https://www.npmjs.com):
+
+```bash
+npm install can-stache-loader --save-dev
+```
+
+or by [**Yarn**](https://yarnpkg.com/):
+
+```bash
+yarn add can-stache-loader
+```
+
+## How to use it
+
+
+### Configure webpack 2+
+
+```js
+{
+  module: {
+    rules: [
+      {
+        test: /\.stache$/,
+        use: {
+          loader: 'can-stache-loader'
+        }
+      }
+    ]
+  }
+}
+```
+
+### Import stache templates in your [CanJS](https://canjs.com/) project
+
+```js
+const tpl = require('./template.stache');
+const html = tpl({
+ foo: 'bar'
+});
+```
+
+## CanJS Compatibility
+
+This library works fine with [CanJS](https://v2.canjs.com/) version **2.3.0+** and [webpack](https://webpack.github.io/) **2.0.0+**.
+
+It was not (yet) tested with [CanJS](https://canjs.com/) version **3.0.0+**.
+
+## License
+[MIT](https://opensource.org/licenses/MIT)

clean-line-endings.js

@@ -0,0 +1,47 @@
+var mustacheLineBreakRegExp = /(?:(?:^|(\r?)\n)(\s*)(\{\{([^\}]*)\}\}\}?)([^\S\n\r]*)($|\r?\n))|(\{\{([^\}]*)\}\}\}?)/g;
+/**
+ * @hide
+ * Returns the mustache mode split from the rest of the expression.
+ * @param {can.stache.Expression} expression
+ * @param {Object} state The state of HTML where the expression was found.
+ */
+function splitModeFromExpression (expression, state){
+  expression = expression.trim();
+  var mode = expression.charAt(0);
+
+  if( "#/{&^>!".indexOf(mode) >= 0 ) {
+    expression =  expression.substr(1).trim();
+  } else {
+    mode = null;
+  }
+  // Triple braces do nothing within a tag.
+  if(mode === "{" && state.node) {
+    mode = null;
+  }
+  return {
+    mode: mode,
+    expression: expression
+  };
+};
+
+/**
+ * @hide
+ * Prunes line breaks accoding to the mustache specification.
+ * @param {String} template
+ * @return {String}
+ */
+module.exports = function cleanLineEndings(template) {
+  return template.replace(mustacheLineBreakRegExp, function (whole, returnBefore, spaceBefore, special, expression, spaceAfter, returnAfter, spaceLessSpecial, spaceLessExpression, matchIndex) {
+    spaceAfter = spaceAfter || '';
+    returnBefore = returnBefore || '';
+    spaceBefore = spaceBefore || '';
+    var modeAndExpression = splitModeFromExpression(expression || spaceLessExpression, {});
+    if (spaceLessSpecial || '>{'.indexOf(modeAndExpression.mode) >= 0) {
+      return whole;
+    } else if ('^#!/'.indexOf(modeAndExpression.mode) >= 0) {
+      return special + (matchIndex !== 0 && returnAfter.length ? returnBefore + '\n' : '');
+    } else {
+      return spaceBefore + special + spaceAfter + (spaceBefore.length || matchIndex !== 0 ? returnBefore + '\n' : '');
+    }
+  });
+}

index.js

@@ -0,0 +1,38 @@
+const getIntermediateAndImports = require('./intermediate_and_imports');
+// const getIntermediateAndImports = require('can-stache/src/intermediate_and_imports');
+// const getIntermediateAndImports = require('can/dist/cjs/view/stache/intermediate_and_imports');
+
+
+const getTemplate = (source, imports) => {
+  const requires = imports.map(i => `require('${i}');`).join('\n');
+
+  return `var stache = require('can/dist/cjs/view/stache/stache');
+var mustacheCore = require('can/dist/cjs/view/stache/mustache_core');
+var getIntermediateAndImports = require('can/dist/cjs/view/stache/intermediate_and_imports');
+
+${requires}
+
+var source = ${source};
+var intermediateAndImports = getIntermediateAndImports(source);
+
+var intermediate = intermediateAndImports.intermediate;
+var renderer = stache(intermediate);
+
+module.exports = function (scope, options, nodeList) {
+    var moduleOptions = { module: module };
+    
+    if (!(options instanceof mustacheCore.Options)) {
+        options = new mustacheCore.Options(options || {});
+    }
+    
+    return renderer(scope, options.add(moduleOptions), nodeList);
+};`;
+}
+
+module.exports = function canStacheLoader(source) {
+    const src = JSON.stringify(source);
+
+    const intermediateAndImports = getIntermediateAndImports(source);
+
+    return getTemplate(src, intermediateAndImports.imports);
+};

intermediate_and_imports.js

@@ -0,0 +1,62 @@
+const parser = require('can-view-parser');
+const cleanLineEndings = require('./clean-line-endings');
+
+module.exports = function(source){
+  var template = cleanLineEndings(source);
+  var imports = [], dynamicImports = [], ases = {}, inImport = false, inFrom = false, inAs = false, isUnary = false, currentAs = '', currentFrom = '';
+  var intermediate = parser(template, {
+    start: function (tagName, unary) {
+      isUnary = unary;
+      if (tagName === 'can-import') {
+        inImport = true;
+      } else if (inImport) {
+        inImport = false;
+      }
+    },
+    attrStart: function (attrName) {
+      if (attrName === 'from') {
+        inFrom = true;
+      } else if (attrName === 'as' || attrName === 'export-as') {
+        inAs = true;
+      }
+    },
+    attrEnd: function (attrName) {
+      if (attrName === 'from') {
+        inFrom = false;
+      } else if (attrName === 'as' || attrName === 'export-as') {
+        inAs = false;
+      }
+    },
+    attrValue: function (value) {
+      if (inFrom && inImport) {
+        imports.push(value);
+        if (!isUnary) {
+          dynamicImports.push(value);
+        }
+        currentFrom = value;
+      } else if (inAs && inImport) {
+        currentAs = value;
+      }
+    },
+    end: function (tagName) {
+      if (tagName === 'can-import') {
+        if (currentAs) {
+          ases[currentAs] = currentFrom;
+          currentAs = '';
+        }
+      }
+    },
+    close: function (tagName) {
+      if (tagName === 'can-import') {
+        imports.pop();
+      }
+    }
+  }, true);
+  return {
+    intermediate: intermediate,
+    imports: imports,
+    dynamicImports: dynamicImports,
+    ases: ases,
+    exports: ases
+  };
+};