minipai

const SearchParams = {
  parse(queryString) {
    return Object.fromEntries(new URLSearchParams(queryString).entries())
  },

  stringify(query) {
    return new URLSearchParams(query).toString()
  }
}

minipai

{
    "compilerOptions": {
        "target": "es2018",
        "jsx": "react",
        "baseUrl": "./app/media/",
        "paths": {
            "admin/*": [
                "js/admin/*"
            ],
            "common/*": [

minipai

<div class="tabs">
  <div class="tab"><div class="tab-box"></div></div>
  <div class="tab"><div class="tab-box"></div></div>
  <div class="tab active"><div class="tab-box"></div></div>
  <div class="tab"><div class="tab-box"></div></div>

</div>
  <div class="content">
    
  </div>

minipai

title
Layouts & Partials

Layouts

Layouts allow the common HTML surrounding individual pages to be shared across all your templates. The most basic layout has some shared content and a yield call where templates will place their contents. Furthermore, With wrap_layout, content_for and partial you can build a complex layout inheritance, reduce the duplication of you code in templates to a minimal amount.

Basic layout

minipai

{
  "compilerOptions": {
    "module": "commonjs",
    "target": "ES6",
    "baseUrl": "./",            
    "paths": {
      "~/*": ["./*"]
    }
  },
  "exclude": [

minipai

module.exports = function (babel) {
  var t = babel.types;
  var visitor = {
    ClassDeclaration: function(code) {
    	var node = code.node;
    	var className = node.id.name;

    	var renderMethod;
	    for (i=0; i<code.node.body.body.length; i++) {
	    	var method = code.node.body.body[i];

minipai

window.commentsCtrl = ($http, $scope, $element)->
  update = ()->
    $http.get(location.pathname).success (result)->
        $scope.comments = result.comments
  update()

  e$form = $element.find('form')
  e$form.submit (e)->
    e.preventDefault()
    $.post(e$form.attr('action'), e$form.serialize(), ()->

minipai

HTML A

<div class="box">
    <div class="box-title"></div>
    <div class="box-content"></div>
</div>

CSS A

 .box {...}

minipai

var React = require('react');
var beautify = require('js-beautify').html


var StyleBlock = React.createClass({
  render: function () {

    var Element = this.props.element

    return (

minipai

{
	"color_scheme": "Packages/Color Scheme - Default/Solarized (Light).tmTheme",
	"draw_white_space": "all",
	"file_exclude_patterns":
	[
		"*.pyc",
		".DS_Store"
	],
	"folder_exclude_patterns":
	[