zmp-cli 3.15.7 → 3.15.9

package/create/templates/core/pages/left-page-2.html

@@ -1,23 +0,0 @@
-<div class="page">
-  <div class="navbar">
-    <div class="navbar-bg"></div>
-    <div class="navbar-inner sliding">
-      <div class="left">
-        <a href="#" class="link back">
-          <i class="icon icon-back"></i>
-          <span class="if-not-md">Back</span>
-        </a>
-      </div>
-      <div class="title">Left Page 2</div>
-    </div>
-  </div>
-  <div class="page-content">
-    <div class="block block-strong">
-      <p>Maxime tempore, repellendus? Sequi saepe provident quas, neque assumenda dicta odit eaque nesciunt facere mollitia totam voluptate aspernatur vel corporis repudiandae commodi ad cumque repellendus. Saepe officia iure repellat repellendus.</p>
-      <p>Ea maiores accusantium non fuga dicta, vero minus veniam! Ipsum eveniet vero voluptate veritatis aspernatur hic dicta adipisci, debitis. Sint quam aperiam repellat quis perspiciatis accusantium ipsum nulla soluta temporibus.</p>
-      <p>Necessitatibus ipsum culpa doloremque, nostrum atque totam minima itaque! Blanditiis nobis nam repudiandae, ut nostrum voluptate accusantium atque, veniam libero quaerat corporis laborum earum rem nihil unde. Vitae cum, aliquam?</p>
-      <p>Debitis aliquid nemo maxime recusandae, mollitia sed error vero. Atque molestiae rem necessitatibus nam voluptas quaerat, reiciendis, excepturi quis facilis, quod cupiditate vitae voluptate repudiandae! Unde impedit aut id ut?</p>
-    </div>
-  </div>
-</div>
-

package/create/templates/core/pages/product.html

@@ -1,36 +0,0 @@
-<template>
-  <div class="page" data-name="product">
-    <div class="navbar">
-      <div class="navbar-bg"></div>
-      <div class="navbar-inner sliding">
-        <div class="left">
-          <a href="#" class="link back">
-            <i class="icon icon-back"></i>
-            <span class="if-not-md">Back</span>
-          </a>
-        </div>
-        <div class="title">${currentProduct.title}</div>
-      </div>
-    </div>
-    <div class="page-content">
-      <div class="block-title">About ${currentProduct.title}</div>
-      <div class="block block-strong">
-        ${currentProduct.description}
-      </div>
-    </div>
-  </div>
-</template>
-<script>
-  export default (props, { $zmproute, $store }) => {
-    const products = $store.getters.products;
-    const productId = $zmproute.params.id;
-    let currentProduct;
-    products.value.forEach((product) => {
-      if (product.id === productId) {
-        currentProduct = product;
-      }
-    });
-
-    return $render;
-  };
-</script>

package/create/templates/core/pages/request-and-load.html

@@ -1,35 +0,0 @@
-<template>
-  <div class="page">
-    <div class="navbar">
-      <div class="navbar-bg"></div>
-      <div class="navbar-inner sliding">
-        <div class="left">
-          <a href="#" class="back link">
-            <i class="icon icon-back"></i>
-            <span class="if-not-md">Back</span>
-          </a>
-        </div>
-        <div class="title">${user.firstName} ${user.lastName}</div>
-      </div>
-    </div>
-    <div class="page-content">
-      <div class="block block-strong">
-        ${user.about}
-      </div>
-      <div class="list links-list">
-        <ul>
-          ${user.links.map((link) => $h`
-            <li><a class="external" target="_blank" href="${link.url}">${link.title}</a></li>
-          `)}
-        </ul>
-      </div>
-    </div>
-  </div>
-</template>
-<script>
-  export default (props) => {
-    const user = props.user;
-
-    return $render;
-  }
-</script>

package/create/templates/core/pages/settings.html

@@ -1,252 +0,0 @@
-<div class="page" data-name="settings">
-  <div class="navbar">
-    <div class="navbar-bg"></div>
-    <div class="navbar-inner sliding">
-      <div class="title">Settings</div>
-    </div>
-  </div>
-  <div class="page-content">
-    <div class="block-title">Form Example</div>
-    <div class="list no-hairlines-md">
-      <ul>
-        <li>
-          <div class="item-content item-input">
-            <div class="item-inner">
-              <div class="item-title item-label">Name</div>
-              <div class="item-input-wrap">
-                <input type="text" placeholder="Your name"/>
-              </div>
-            </div>
-          </div>
-        </li>
-        <li>
-          <div class="item-content item-input">
-            <div class="item-inner">
-              <div class="item-title item-label">E-mail</div>
-              <div class="item-input-wrap">
-                <input type="email" placeholder="E-mail"/>
-              </div>
-            </div>
-          </div>
-        </li>
-        <li>
-          <div class="item-content item-input">
-            <div class="item-inner">
-              <div class="item-title item-label">URL</div>
-              <div class="item-input-wrap">
-                <input type="url" placeholder="URL"/>
-              </div>
-            </div>
-          </div>
-        </li>
-        <li>
-          <div class="item-content item-input">
-            <div class="item-inner">
-              <div class="item-title item-label">Password</div>
-              <div class="item-input-wrap">
-                <input type="password" placeholder="Password"/>
-              </div>
-            </div>
-          </div>
-        </li>
-        <li>
-          <div class="item-content item-input">
-            <div class="item-inner">
-              <div class="item-title item-label">Phone</div>
-              <div class="item-input-wrap">
-                <input type="tel" placeholder="Phone"/>
-              </div>
-            </div>
-          </div>
-        </li>
-        <li>
-          <div class="item-content item-input">
-            <div class="item-inner">
-              <div class="item-title item-label">Gender</div>
-              <div class="item-input-wrap">
-                <select>
-                  <option>Male</option>
-                  <option>Female</option>
-                </select>
-              </div>
-            </div>
-          </div>
-        </li>
-        <li>
-          <div class="item-content item-input">
-            <div class="item-inner">
-              <div class="item-title item-label">Birth date</div>
-              <div class="item-input-wrap">
-                <input type="date" placeholder="Birth day" value="2014-04-30"/>
-              </div>
-            </div>
-          </div>
-        </li>
-        <li>
-          <div class="item-content">
-            <div class="item-inner">
-              <div class="item-title">Toggle</div>
-              <div class="item-after">
-                <label class="toggle toggle-init">
-                  <input type="checkbox"/>
-                  <span class="toggle-icon"></span>
-                </label>
-              </div>
-            </div>
-          </div>
-        </li>
-        <li>
-          <div class="item-content item-input">
-            <div class="item-inner">
-              <div class="item-title item-label">Slider</div>
-              <div class="item-input-wrap">
-                <div class="range-slider range-slider-init" data-label="true">
-                  <input type="range" value="50" min="0" max="100" step="1"/>
-                </div>
-              </div>
-            </div>
-          </div>
-        </li>
-        <li class="align-top">
-          <div class="item-content item-input">
-            <div class="item-inner">
-              <div class="item-title item-label">Textarea</div>
-              <div class="item-input-wrap">
-                <textarea placeholder="Bio"></textarea>
-              </div>
-            </div>
-          </div>
-        </li>
-        <li class="align-top">
-          <div class="item-content item-input">
-            <div class="item-inner">
-              <div class="item-title item-label">Resizable</div>
-              <div class="item-input-wrap">
-                <textarea placeholder="Bio" class="resizable"></textarea>
-              </div>
-            </div>
-          </div>
-        </li>
-      </ul>
-    </div>
-    <div class="block-title">Buttons</div>
-    <div class="block block-strong">
-      <p class="row">
-        <a href="#" class="col button">Button</a>
-        <a href="#" class="col button button-fill">Fill</a>
-      </p>
-      <p class="row">
-        <a href="#" class="col button button-raised">Raised</a>
-        <a href="#" class="col button button-raised button-fill">Raised Fill</a>
-      </p>
-      <p class="row">
-        <a href="#" class="col button button-round">Round</a>
-        <a href="#" class="col button button-round button-fill">Round Fill</a>
-      </p>
-      <p class="row">
-        <a href="#" class="col button button-outline">Outline</a>
-        <a href="#" class="col button button-round button-outline">Outline Round</a>
-      </p>
-      <p class="row">
-        <a href="#" class="col button button-small button-outline">Small</a>
-        <a href="#" class="col button button-small button-round button-outline">Small Round</a>
-      </p>
-      <p class="row">
-        <a href="#" class="col button button-small button-fill">Small</a>
-        <a href="#" class="col button button-small button-round button-fill">Small Round</a>
-      </p>
-      <p class="row">
-        <a href="#" class="col button button-large button-raised">Large</a>
-        <a href="#" class="col button button-large button-fill button-raised">Large Fill</a>
-      </p>
-
-      <p class="row">
-        <a href="#" class="col button button-large button-fill button-raised color-red">Large Red</a>
-        <a href="#" class="col button button-large button-fill button-raised color-green">Large Green</a>
-      </p>
-
-    </div>
-    <div class="block-title">Checkbox group</div>
-    <div class="list">
-      <ul>
-        <li>
-          <label class="item-checkbox item-content">
-            <input type="checkbox" name="checkbox" value="Books" checked="checked"/>
-            <i class="icon icon-checkbox"></i>
-            <div class="item-inner">
-              <div class="item-title">Books</div>
-            </div>
-          </label>
-        </li>
-        <li>
-          <label class="item-checkbox item-content">
-            <input type="checkbox" name="checkbox" value="Movies"/>
-            <i class="icon icon-checkbox"></i>
-            <div class="item-inner">
-              <div class="item-title">Movies</div>
-            </div>
-          </label>
-        </li>
-        <li>
-          <label class="item-checkbox item-content">
-            <input type="checkbox" name="checkbox" value="Food"/>
-            <i class="icon icon-checkbox"></i>
-            <div class="item-inner">
-              <div class="item-title">Food</div>
-            </div>
-          </label>
-        </li>
-        <li>
-          <label class="item-checkbox item-content">
-            <input type="checkbox" name="checkbox" value="Drinks"/>
-            <i class="icon icon-checkbox"></i>
-            <div class="item-inner">
-              <div class="item-title">Drinks</div>
-            </div>
-          </label>
-        </li>
-      </ul>
-    </div>
-    <div class="block-title">Radio buttons group</div>
-    <div class="list">
-      <ul>
-        <li>
-          <label class="item-radio item-content">
-            <input type="radio" name="radio" value="Books" checked="checked"/>
-            <i class="icon icon-radio"></i>
-            <div class="item-inner">
-              <div class="item-title">Books</div>
-            </div>
-          </label>
-        </li>
-        <li>
-          <label class="item-radio item-content">
-            <input type="radio" name="radio" value="Movies"/>
-            <i class="icon icon-radio"></i>
-            <div class="item-inner">
-              <div class="item-title">Movies</div>
-            </div>
-          </label>
-        </li>
-        <li>
-          <label class="item-radio item-content">
-            <input type="radio" name="radio" value="Food"/>
-            <i class="icon icon-radio"></i>
-            <div class="item-inner">
-              <div class="item-title">Food</div>
-            </div>
-          </label>
-        </li>
-        <li>
-          <label class="item-radio item-content">
-            <input type="radio" name="radio" value="Drinks"/>
-            <i class="icon icon-radio"></i>
-            <div class="item-inner">
-              <div class="item-title">Drinks</div>
-            </div>
-          </label>
-        </li>
-      </ul>
-    </div>
-  </div>
-</div>

package/create/templates/create-folders.js

@@ -1 +0,0 @@
-"use strict";const s=require("path"),c=require("../../utils/fs-extra");module.exports=r=>{let e=r.cwd||process.cwd(),{framework:t}=r,i=["./src","./src/static","./src/css","./src/pages","./public","./assets-src"];0>i.indexOf("./www")&&i.push("./www"),"core"!==t&&i.push("./src/components"),i.push("./src/static/icons"),i.forEach(r=>{c.mkdirSync(s.resolve(e,r))})};

package/create/templates/generate-config-xml.js

@@ -1,11 +0,0 @@
-"use strict";const e=require("../utils/indent");module.exports=()=>e(4,`
-    <allow-navigation href="*" />
-    <preference name="DisallowOverscroll" value="true" />
-    <preference name="BackupWebStorage" value="local" />
-    <preference name="AutoHideSplashScreen" value="false" />
-    <preference name="ShowSplashScreenSpinner" value="false" />
-    <preference name="SplashScreenDelay" value="0" />
-    <preference name="Suppresses3DTouchGesture" value="true" />
-    <preference name="Allow3DTouchLinkPreview" value="false" />
-    <preference name="AllowInlineMediaPlayback" value="true" />
-  `);

package/create/templates/generate-index.js

@@ -1,24 +0,0 @@
-"use strict";const{projectFramework:e}=require("../../utils/constants"),t=require("./core/generate-root.js");module.exports=i=>{let{name:o,framework:a,theming:c}=i,n="/src/",r="core"===a?t(i):"",l=`
-  <!-- built script files will be auto injected -->
-  ${a===e.REACT||a===e.VUE?`<script type="module" src="${n}app.js"></script>`:""}
-  ${a===e.REACT_TYPESCRIPT?`<script type="module" src="${n}app.ts"></script>`:""}
-  `.trim();return`
-<!DOCTYPE html>
-<html>
-<head>
-  <meta charset="utf-8">
-  <meta http-equiv="Content-Security-Policy" content="default-src * 'self' 'unsafe-inline' 'unsafe-eval' data: gap: content:">
-  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, viewport-fit=cover">
-
-  <meta name="theme-color" content="${c.customColor&&c.color?`${c.color}`:"#007aff"}">
-  <meta name="format-detection" content="telephone=no">
-  <meta name="msapplication-tap-highlight" content="no">
-  <link rel="icon" href="${n}static/icons/favicon.png">
-  <title>${o}</title>
-</head>
-<body>
-  <div id="app"${"core"===a&&c.darkTheme?'class="theme-dark"':""}>${r}</div>
-  ${l}
-</body>
-</html>
-  `.trim()};

package/create/templates/generate-manifest.js

@@ -1 +0,0 @@
-"use strict";module.exports=s=>{let{name:o,theming:e}=s,n="static";return JSON.stringify({name:o,short_name:o,description:o,lang:"en-US",start_url:"/",display:"standalone",background_color:e.customColor&&e.color?`${e.color}`:"#EE350F",theme_color:e.customColor&&e.color?`${e.color}`:"#EE350F",icons:[{src:`/${n}/icons/128x128.png`,sizes:"128x128",type:"image/png"},{src:`/${n}/icons/144x144.png`,sizes:"144x144",type:"image/png"},{src:`/${n}/icons/152x152.png`,sizes:"152x152",type:"image/png"},{src:`/${n}/icons/192x192.png`,sizes:"192x192",type:"image/png"},{src:`/${n}/icons/256x256.png`,sizes:"256x256",type:"image/png"},{src:`/${n}/icons/512x512.png`,sizes:"512x512",type:"image/png"}]},null,2)};

package/create/templates/generate-recoil.js

@@ -1,44 +0,0 @@
-"use strict";require("../utils/indent");const e=require("../utils/template-if");module.exports=i=>{let{framework:t,template:r}=i,a=`
-
-export const productsState = atom({
-  key: "products",
-  default: [
-    {
-      id: '1',
-      title: 'Apple iPhone 8',
-      description: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nisi tempora similique reiciendis, error nesciunt vero, blanditiis pariatur dolor, minima sed sapiente rerum, dolorem corrupti hic modi praesentium unde saepe perspiciatis.'
-    },
-    {
-      id: '2',
-      title: 'Apple iPhone 8 Plus',
-      description: 'Velit odit autem modi saepe ratione totam minus, aperiam, labore quia provident temporibus quasi est ut aliquid blanditiis beatae suscipit odio vel! Nostrum porro sunt sint eveniet maiores, dolorem itaque!'
-    },
-    {
-      id: '3',
-      title: 'Apple iPhone X',
-      description: 'Expedita sequi perferendis quod illum pariatur aliquam, alias laboriosam! Vero blanditiis placeat, mollitia necessitatibus reprehenderit. Labore dolores amet quos, accusamus earum asperiores officiis assumenda optio architecto quia neque, quae eum.'
-    },
-  ]
-});`;return"react-typescript"===t?`
-import { atom } from "recoil";
-import { userInfo } from 'zmp-sdk';
-
-export const userState = atom<userInfo>({
-  key: "user",
-  default: {
-    id: '12345678',
-    name: 'Zalo',
-    avatar: 'ZA',
-  }
-})
-${e("tabs"===r,()=>a)}`:`import { atom } from "recoil";
-
-export const userState = atom({
-  key: "user",
-  default: {
-    id: '12345678',
-    name: 'Zalo',
-    avatar: 'ZA',
-  }
-})
-${e("tabs"===r,()=>a)}`};

package/create/templates/generate-routes.js

@@ -1 +0,0 @@
-"use strict";const e=require("./vue/generate-routes"),r=require("./react/generate-routes"),t=require("./react-typescript/generate-routes");module.exports=u=>{let{framework:s}=u;return"vue"===s?e(u):"react"===s?r(u):"react-typescript"===s?t(u):[]};

package/create/templates/generate-scripts.js

@@ -1 +0,0 @@
-"use strict";const e=require("./core/generate-scripts"),r=require("./vue/generate-scripts"),t=require("./react/generate-scripts"),s=require("./svelte/generate-scripts"),c=require("./react-typescript/generate-scripts"),i=require("./zaui/generate-scripts");module.exports=a=>{let{framework:p}=a;return"zmp-ui"===a.package?i(a):"core"===p?e(a):"vue"===p?r(a):"react"===p?t(a):"svelte"===p?s(a):"react-typescript"===p?c(a):""};

package/create/templates/generate-service-worker.js

@@ -1,120 +0,0 @@
-"use strict";const s=require("../utils/indent"),o=require("../utils/template-if");module.exports=e=>{let{bundler:n,theming:r}=e;return s(0,`
-    // Import Workbox (https://developers.google.com/web/tools/workbox/)
-    importScripts('https://storage.googleapis.com/workbox-cdn/releases/5.0.0/workbox-sw.js');
-
-    /*
-      Precache Manifest
-      Change revision as soon as file content changed
-    */
-    self.__WB_MANIFEST = [
-      {
-        revision: '1',
-        url: 'zmp/zmp-bundle.min.css'
-      },
-      {
-        revision: '1',
-        url: 'zmp/zmp-bundle.min.js'
-      },
-      {
-        revision: '1',
-        url: 'css/app.css'
-      },
-      ${o(r.iconFonts,()=>`
-      {
-        revision: '1',
-        url: 'css/icons.css'
-      },
-      `)}
-      {
-        revision: '1',
-        url: 'routes.js'
-      },
-      {
-        revision: '1',
-        url: 'store.js'
-      },
-      {
-        revision: '1',
-        url: 'app.js'
-      },
-      ${o(r.iconFonts,()=>`
-      // Fonts
-      {
-        revision: '1',
-        url: 'fonts/ZMPIcons-Regular.woff2'
-      },
-      {
-        revision: '1',
-        url: 'fonts/ZMPIcons-Regular.woff'
-      },
-      {
-        revision: '1',
-        url: 'fonts/ZMPIcons-Regular.eot'
-      },
-      {
-        revision: '1',
-        url: 'fonts/ZMPIcons-Regular.ttf'
-      },
-      {
-        revision: '1',
-        url: 'fonts/MaterialIcons-Regular.woff2'
-      },
-      {
-        revision: '1',
-        url: 'fonts/MaterialIcons-Regular.woff'
-      },
-      {
-        revision: '1',
-        url: 'fonts/MaterialIcons-Regular.ttf'
-      },
-      {
-        revision: '1',
-        url: 'fonts/MaterialIcons-Regular.eot'
-      },
-      `)}
-      // HTML
-      {
-        revision: '1',
-        url: './index.html'
-      },
-      // Icons
-      {
-        revision: '1',
-        url: 'assets/icons/128x128.png'
-      },
-      {
-        revision: '1',
-        url: 'assets/icons/144x144.png'
-      },
-      {
-        revision: '1',
-        url: 'assets/icons/152x152.png'
-      },
-      {
-        revision: '1',
-        url: 'assets/icons/192x192.png'
-      },
-      {
-        revision: '1',
-        url: 'assets/icons/256x256.png'
-      },
-      {
-        revision: '1',
-        url: 'assets/icons/512x512.png'
-      },
-      {
-        revision: '1',
-        url: 'assets/icons/favicon.png'
-      },
-      {
-        revision: '1',
-        url: 'assets/icons/apple-touch-icon.png'
-      },
-    ];
-
-    /*
-      Enable precaching
-      It is better to comment next line during development
-    */
-    workbox.precaching.precacheAndRoute(self.__WB_MANIFEST || []);
-  `).trim()};

package/create/templates/generate-store.js

@@ -1,77 +0,0 @@
-"use strict";const e=require("../utils/indent");require("../utils/template-if"),module.exports=t=>{let{framework:r}=t;return"vue"===r?e(0,`
-    import { createStore } from 'zmp-core/lite';
-    const store = createStore({
-      state: {
-        user: {
-          id: '',
-          name: '',
-          avatar: ''
-        },
-        darkMode: false,
-      },
-      getters: {
-        user({ state }) {
-          return state.user
-        },
-        darkMode({ state }) {
-          return state.darkMode
-        }
-      },
-      actions: {
-        setUser({ state }, data) {
-          state.user = { ...state.user, ...data }
-        },
-        setDarkMode({ state }, dark) {
-          state.darkMode = dark
-        }
-      },
-    })
-
-    export default store;
-  `):e(0,`
-  import { createStore } from 'zmp-core${"core"===r?"":"/lite"}';
-  const store = createStore({
-    state: {
-      user: {
-        id: '12345678',
-        name: 'Zalo',
-        avatar: 'ZA',
-      },
-      products: [
-        {
-          id: '1',
-          title: 'Apple iPhone 8',
-          description: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nisi tempora similique reiciendis, error nesciunt vero, blanditiis pariatur dolor, minima sed sapiente rerum, dolorem corrupti hic modi praesentium unde saepe perspiciatis.'
-        },
-        {
-          id: '2',
-          title: 'Apple iPhone 8 Plus',
-          description: 'Velit odit autem modi saepe ratione totam minus, aperiam, labore quia provident temporibus quasi est ut aliquid blanditiis beatae suscipit odio vel! Nostrum porro sunt sint eveniet maiores, dolorem itaque!'
-        },
-        {
-          id: '3',
-          title: 'Apple iPhone X',
-          description: 'Expedita sequi perferendis quod illum pariatur aliquam, alias laboriosam! Vero blanditiis placeat, mollitia necessitatibus reprehenderit. Labore dolores amet quos, accusamus earum asperiores officiis assumenda optio architecto quia neque, quae eum.'
-        },
-      ]
-    },
-    getters: {
-      user({ state }) {
-        return state.user
-      },
-      products({ state }) {
-        return state.products;
-      }
-    },
-    actions: {
-      setUser({ state }, data) {
-        state.user = { ...state.user, ...data }
-      },
-      addProduct({ state }, product) {
-        state.products = [...state.products, product];
-      },
-    },
-  })
-
-  export default store;
-  `)};