Sadegh Barati sadeghbarati

Terminology

View: Also called a "template", a file that contains markup (like HTML) and optionally additional instructions on how to generate snippets of HTML, such as text interpolation, loops, conditionals, includes, and so on.
View engine: Also called a "template library" or "templater", ie. a library that implements view functionality, and potentially also a custom language for specifying it (like Pug does).
HTML templater: A template library that's designed specifically for generating HTML. It understands document structure and thus can provide useful advanced tools like mixins, as well as more secure output escaping (since it can determine the right escaping approach from the context in which a value is used), but it also means that the templater is not useful for anything other than HTML.
String-based templater: A template library that implements templating logic, but that has no understanding of the content it is generating - it simply concatenates together strings, potenti

Compile with:

webpack --config vendor.webpack.config.js
webpack --config app.webpack.config.js

Use with the following index.html

Update package.json, set version to a prerelease version, e.g. 2.0.0-rc1, 3.1.5-rc4, ...
Run npm pack to create package
Run npm publish <package>.tgz --tag next to publish the package under the next tag
Run npm install --save package@next to install prerelease package

	///
	/// ref → http://kevintsengtw.blogspot.com/2013/09/aspnet-mvc-csrf-ajax-antiforgerytoken.html
	///

	using System;
	using System.Collections.Generic;
	using System.Linq;
	using System.Web;
	using System.Web.Helpers;
	using System.Web.Mvc;

	Barba.Dispatcher.on('newPageReady', function(currentStatus, oldStatus, container, newPageRawHTML) {
	// html head parser borrowed from jquery pjax
	var $newPageHead = $( '<head />' ).html(
	$.parseHTML(
	newPageRawHTML.match(/<head[^>]>([\s\S.])<\/head>/i)[0]
	, document
	, true
	)
	);
	var headTags = [

	// my-app/webpack.config.js
	{
	externals: {
	'jquery': 'jQuery',
	/* ↑ With this line, Webpack will replace every
	* import $ from 'jquery';
	*
	* in your code with approximately
	* const $ = window.jQuery;
	*

	/**
	\|--------------------------------------------------------------------------
	\| gulp browser-sync
	\|--------------------------------------------------------------------------
	*
	* Browser Sync
	* @description Refresh the Brwoser after File Change.
	* Combined with webpack for HMR or Content Reload
	*
	* @package generator-mh-boilerplate

	// 🔥 Node 7.6 has async/await! Here is a quick run down on how async/await works

	const axios = require('axios'); // promised based requests - like fetch()

	function getCoffee() {
	return new Promise(resolve => {
	setTimeout(() => resolve('☕'), 2000); // it takes 2 seconds to make coffee
	});
	}

	// For the below to work with the escape key
	// I needed to add data-keyboard="false" to the modal
	// in the HTML so that the standard bootstrap function
	// doesn't fire, the below fires instead

	$('div.modal').on('show.bs.modal', function() {
	var modal = this;
	var hash = modal.id;
	window.location.hash = hash;
	window.onhashchange = function() {

	// UPDATE: In 2023, you should probably stop using this! The narrow version of Safari that
	// does not support `nomodule` is probably not being used anywhere. The code below is left
	// for posterity.

	/**
	* Safari 10.1 supports modules, but does not support the `nomodule` attribute - it will
	* load <script nomodule> anyway. This snippet solve this problem, but only for script
	* tags that load external code, e.g.: <script nomodule src="nomodule.js"></script>
	*
	* Again: this will not prevent inline script, e.g.: