zmp-cli 3.15.7 → 3.15.9

package/create/templates/generate-styles.js

@@ -1,56 +0,0 @@
-"use strict";const e=require("../utils/indent"),{colorThemeCSSProperties:i}=require("../utils/colors");module.exports=t=>{let{template:n,theming:o}=t,{customColor:a,color:r,fillBars:p}=o,l="";if("zmp-ui"===t.package)return`
-    .page {
-      padding: 16px 16px 96px 16px;
-    }
-
-    .section-container {
-      padding: 16px;
-      background: #ffffff;
-      border-radius: 8px;
-      margin-bottom: 24px;
-    }
-    `;if(a&&r){let t=i(`${r}`);t["--zmp-theme-color-rgb"].split(",").map(e=>e.trim()),l+=e(0,`
-      /* Custom color theme properties */
-      :root {
-        ${Object.keys(t).filter(e=>"--zmp-tabbar-fill-link-active-color"!==e&&"--zmp-tabbar-fill-link-active-border-color"!==e).map(e=>`${e}: ${t[e]};`).join("\n        ")}
-      }
-      :root.theme-dark,:root .theme-dark {
-        ${Object.keys(t).map(e=>`${e}: ${t[e]};`).join("\n        ")}
-      }
-    `)}return p&&(l+=e(0,`
-      /* Invert navigation bars to fill style */
-    `)),"split-view"===n?l+=e(0,`
-      /* Left Panel right border when it is visible by breakpoint */
-      .panel-left.panel-in-breakpoint:before {
-        position: absolute;
-        right: 0;
-        top: 0;
-        height: 100%;
-        width: 1px;
-        background: rgba(0,0,0,0.1);
-        content: '';
-        z-index: 6000;
-      }
-
-      /* Hide navbar link which opens left panel when it is visible by breakpoint */
-      .panel-left.panel-in-breakpoint ~ .view .navbar .panel-open[data-panel="left"] {
-        display: none;
-      }
-
-      /*
-        Extra borders for main view and left panel for iOS theme when it behaves as panel (before breakpoint size)
-      */
-      .ios .panel-left:not(.panel-in-breakpoint).panel-in ~ .view-main:before,
-      .ios .panel-left:not(.panel-in-breakpoint).panel-closing ~ .view-main:before {
-        position: absolute;
-        left: 0;
-        top: 0;
-        height: 100%;
-        width: 1px;
-        background: rgba(0,0,0,0.1);
-        content: '';
-        z-index: 6000;
-      }
-    `):l+=e(0,`
-      /* Your app custom styles here */
-    `),l.trim()};

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

@@ -1,253 +0,0 @@
-"use strict";const e=require("../utils/indent"),t=require("../utils/template-if");module.exports=s=>{let{framework:r,type:o,webpack:n}=s,a="['.js', '.json']";"vue"===r&&(a="['.js', '.vue', '.json']"),"react"===r&&(a="['.js', '.jsx', '.json']"),"svelte"===r&&(a="['.mjs', '.js', '.svelte', '.json']");let i=!!n.productionSourceMap&&"'source-map'",l=!!n.developmentSourceMap&&"'eval'",u=n.hashAssets?".[hash:6]":"",p=n.inlineAssets?"url-loader":"file-loader",c=n.preserveAssetsPaths;return e(0,`
-    const webpack = require('webpack');
-    const CopyWebpackPlugin = require('copy-webpack-plugin');
-    const HtmlWebpackPlugin = require('html-webpack-plugin');
-    ${t("vue"===r,()=>`
-    const { VueLoaderPlugin } = require('vue-loader');
-    `)}
-    ${t("react"===r,()=>`
-    const ReactRefreshWebpackPlugin = require('@pmmmwh/react-refresh-webpack-plugin');
-    `)}
-    const MiniCssExtractPlugin = require('mini-css-extract-plugin');
-    const CssMinimizerPlugin = require('css-minimizer-webpack-plugin');
-    const TerserPlugin = require('terser-webpack-plugin');
-    ${t(o.indexOf("pwa")>=0,()=>`
-    const WorkboxPlugin = require('workbox-webpack-plugin');
-    `)}
-    const path = require('path');
-
-    function resolvePath(dir) {
-      return path.join(__dirname, '..', dir);
-    }
-
-    const env = process.env.NODE_ENV || 'development';
-    const target = process.env.TARGET || 'web';
-
-    module.exports = {
-      mode: env,
-      target: env === "development" ? "web" : "browserslist",
-      entry: {
-        app: './src/js/app.js',
-      },
-      output: {
-        path: resolvePath('www'),
-        filename: 'js/[name]${u}.js',
-        chunkFilename: 'js/[name]${u}.js',
-        publicPath: '',
-        hotUpdateChunkFilename: 'hot/hot-update.js',
-        hotUpdateMainFilename: 'hot/hot-update.json',
-      },
-      resolve: {
-        extensions: ${a},
-        alias: {
-          '@': resolvePath('src'),
-        },
-        ${t("svelte"===r,()=>`
-        mainFields: ['svelte', 'browser', 'module', 'main']
-        `)}
-      },
-      devtool: env === 'production' ? ${i} : ${l},
-      devServer: {
-        hot: true,
-        open: true,
-        compress: true,
-        contentBase: '/www/',
-        disableHostCheck: true,
-        historyApiFallback: true,
-      },
-      optimization: {
-        concatenateModules: true,
-        minimizer: [new TerserPlugin()],
-      },
-      module: {
-        rules: [
-          {
-            test: /\\.(mjs|js|jsx)$/,
-            include: [
-              resolvePath('src'),
-              ${t("svelte"===r,()=>`
-              resolvePath('node_modules/svelte'),
-              `)}
-            ],
-            use: [
-              {
-                loader: require.resolve('babel-loader'),
-                ${t("react"===r,()=>`
-                options: env === 'development' ? {
-                  plugins: [
-                    require.resolve('react-refresh/babel'),
-                  ]
-                } : {}
-                `)}
-              },
-            ]
-          },
-          ${t("core"===r,()=>`
-          {
-            test: /\\.zmp.(html|js)$/,
-            use: [
-              'babel-loader',
-              'zmp-loader',
-            ],
-          },
-          `)}
-          ${t("svelte"===r,()=>`
-          {
-            test: /\\.svelte$/,
-            use: {
-              loader: 'svelte-loader',
-              options: {
-                emitCss: true,
-              },
-            },
-          },
-          `)}
-          ${t("vue"===r,()=>`
-          {
-            test: /\\.vue$/,
-            use: 'vue-loader',
-          },
-          `)}
-          {
-            test: /\\.css$/,
-            use: [
-              (env === 'development' ? 'style-loader' : {
-                loader: MiniCssExtractPlugin.loader,
-                options: {
-                  publicPath: '../'
-                }
-              }),
-              'css-loader',
-              'postcss-loader',
-            ],
-          },
-          {
-            test: /\\.styl(us)?$/,
-            use: [
-              (env === 'development' ? 'style-loader' : {
-                loader: MiniCssExtractPlugin.loader,
-                options: {
-                  publicPath: '../'
-                }
-              }),
-              'css-loader',
-              'postcss-loader',
-              'stylus-loader',
-            ],
-          },
-          {
-            test: /\\.less$/,
-            use: [
-              (env === 'development' ? 'style-loader' : {
-                loader: MiniCssExtractPlugin.loader,
-                options: {
-                  publicPath: '../'
-                }
-              }),
-              'css-loader',
-              'postcss-loader',
-              'less-loader',
-            ],
-          },
-          {
-            test: /\\.(sa|sc)ss$/,
-            use: [
-              (env === 'development' ? 'style-loader' : {
-                loader: MiniCssExtractPlugin.loader,
-                options: {
-                  publicPath: '../'
-                }
-              }),
-              'css-loader',
-              'postcss-loader',
-              'sass-loader',
-            ],
-          },
-          {
-            test: /\\.(png|jpe?g|gif|svg)(\\?.*)?$/,
-            loader: '${p}',
-            options: {
-              limit: 10000,
-              name: '${c?"[path]":"images/"}[name]${u}.[ext]',
-              ${t(c,()=>`
-              context: path.resolve(__dirname, '../src'),
-              `)}
-            },
-            type: 'javascript/auto'
-          },
-          {
-            test: /\\.(mp4|webm|ogg|mp3|wav|flac|aac|m4a)(\\?.*)?$/,
-            loader: '${p}',
-            options: {
-              limit: 10000,
-              name: '${c?"[path]":"media/"}[name]${u}.[ext]',
-              ${t(c,()=>`
-              context: path.resolve(__dirname, '../src'),
-              `)}
-            },
-            type: 'javascript/auto'
-          },
-          {
-            test: /\\.(woff2?|eot|ttf|otf)(\\?.*)?$/,
-            loader: '${p}',
-            options: {
-              limit: 10000,
-              name: '${c?"[path]":"fonts/"}[name]${u}.[ext]',
-              ${t(c,()=>`
-              context: path.resolve(__dirname, '../src'),
-              `)}
-            },
-            type: 'javascript/auto'
-          },
-        ],
-      },
-      plugins: [
-        new webpack.DefinePlugin({
-          'process.env.NODE_ENV': JSON.stringify(env),
-          'process.env.TARGET': JSON.stringify(target),
-        }),
-        ${t("vue"===r,()=>`
-        new VueLoaderPlugin(),
-        `)}
-        ...(env === 'production' ? [
-          new CssMinimizerPlugin(),
-        ] : [
-          // Development only plugins
-          new webpack.HotModuleReplacementPlugin(),
-          ${t("react"===r,()=>"new ReactRefreshWebpackPlugin(),")}
-        ]),
-        new HtmlWebpackPlugin({
-          filename: './index.html',
-          template: './src/index.html',
-          inject: true,
-          minify: env === 'production' ? {
-            collapseWhitespace: true,
-            removeComments: true,
-            removeRedundantAttributes: ${"core"===r?"false":"true"},
-            removeScriptTypeAttributes: true,
-            removeStyleLinkTypeAttributes: true,
-            useShortDoctype: true
-          } : false,
-        }),
-        new MiniCssExtractPlugin({
-          filename: 'css/[name]${u}.css',
-        }),
-        new CopyWebpackPlugin({
-          patterns: [
-            {
-              noErrorOnMissing: true,
-              from: resolvePath('src/static'),
-              to: resolvePath('www/static'),
-            },
-            ${t(o.indexOf("pwa")>=0,()=>`
-            {
-              noErrorOnMissing: true,
-              from: resolvePath('src/manifest.json'),
-              to: resolvePath('www/manifest.json'),
-            },
-            `)}
-          ],
-        }),
-      ],
-    };
-  `).trim()};

package/create/templates/generate-zmp-custom.js

@@ -1,23 +0,0 @@
-"use strict";const e=require("../utils/indent");module.exports=r=>{let{themes:t=[],rtl:o=!1,lightTheme:i=!0,darkTheme:m=!0,components:s=[]}=r.customBuildConfig||{},n=e=>e.filter(e=>"gauge"!==e&&"area-chart"!==e&&"pie-chart"!==e),{framework:u}=r,p=n(s).map(e=>{let r=e.split("-").map(e=>e[0].toUpperCase()+e.substring(1)).join("");return`import ${r} from 'zmp-framework/core/components/${e}';`}),l=n(s).map(e=>e.split("-").map(e=>e[0].toUpperCase()+e.substring(1)).join("")),a=e(0,`
-    import ZMP, { request, utils, getDevice, createStore } from '${"core"===u?"zmp-framework/core":"zmp-framework/core/lite"}';
-    ${p.join("\n    ")}
-
-    ZMP.use([
-      ${l.join(",\n      ")}
-    ]);
-
-    export default ZMP;
-    export { request, utils, getDevice, createStore };
-  `),c=s.map(e=>`@import url('../../node_modules/zmp/components/${e}/${e}.less');`);return{styles:e(0,`
-    & {
-      @import url('../../node_modules/zmp/zmp.less');
-      ${c.join("\n      ")}
-
-      @includeIosTheme: ${t.indexOf("ios")>=0};
-      @includeMdTheme: ${t.indexOf("md")>=0};
-      @includeAuroraTheme: ${t.indexOf("aurora")>=0};
-      @includeDarkTheme: ${m||!1};
-      @includeLightTheme: ${i||!1};
-      @rtl: ${o}
-    }
-  `),scripts:a}};

package/create/templates/react/babel.config.js

@@ -1,12 +0,0 @@
-module.exports = {
-  presets: [
-    '@babel/preset-react',
-    [
-      '@babel/preset-env',
-      {
-        modules: false,
-      },
-    ],
-  ],
-  plugins: ['@babel/plugin-transform-runtime'],
-};

package/create/templates/react/components/app-items.jsx

@@ -1,44 +0,0 @@
-import React from 'react';
-import { Icon, Grid, GridItem, ToastPreloader } from 'zmp-framework/react';
-
-const AppItems = () => {
-  const [toastLoading, setToastLoading] = React.useState(false);
-  const items = [
-    { icon: 'zi-chat-solid', label: 'Chat' },
-    { icon: 'zi-photo-solid', label: 'Photo' },
-    { icon: 'zi-star-solid', label: 'Star' },
-    { icon: 'zi-more-diamond-solid', label: 'Apps' },
-    { icon: 'zi-video-solid', label: 'Video' },
-    { icon: 'zi-shield-solid', label: 'Shield' },
-    { icon: 'zi-heart-solid', label: 'Heart' },
-    { icon: 'zi-calendar-solid', label: 'Calendar' },
-  ]
-
-  const openToastLoading = () => {
-    setToastLoading(true);
-    setTimeout(() => {
-      setToastLoading(false);
-    }, 2000);
-  };
-
-  return (
-    <div>
-      <ToastPreloader visible={toastLoading} text="Loading..." />
-      <Grid columns={4}>
-        {items.map(item => (
-          <GridItem
-            label={item.label}
-            style={{ backgroundColor: 'var(--zmp-color-w300)' }}
-            key={item.icon}
-            icon={<Icon zmp={item.icon} />}
-            onClick={openToastLoading}
-          />
-        ))}
-      </Grid>
-    </div>
-  )
-}
-
-AppItems.displayName = 'zmp-app-items'
-
-export default AppItems

package/create/templates/react/components/navbar-back.jsx

@@ -1,25 +0,0 @@
-import React from 'react';
-import { Link, Navbar, NavLeft, Icon, NavTitle, NavRight } from 'zmp-framework/react';
-
-const NavbarBack = ({ title, linkRight, labelRight }) => {
-  return (
-    <Navbar>
-      <NavLeft displayName="zmp-navleft">
-        <Link className="no-ripple" noLinkClass back>
-          <Icon zmp="zi-arrow-left" />
-        </Link>
-      </NavLeft>
-      <NavTitle>{title}</NavTitle>
-      {linkRight && labelRight && (
-        <NavRight>
-          <Link href={linkRight} className="no-ripple" noLinkClass>{labelRight}</Link>
-        </NavRight>
-      )}
-    </Navbar>
-  )
-}
-
-NavbarBack.displayName = 'zmp-navbar';
-
-
-export default NavbarBack;

package/create/templates/react/components/user-card.jsx

@@ -1,18 +0,0 @@
-import React from 'react';
-import { Avatar, Title } from 'zmp-framework/react';
-
-const UserCard = ({ user }) => {
-  return (
-    <div style={{ display: 'flex', width: '100%' }}>
-      <Avatar story online src={user.avatar.startsWith('http') ? user.avatar : null}>{user.avatar}</Avatar>
-      <div style={{ marginLeft: 16 }}>
-        <Title style={{ marginBottom: 0 }}>{user.name}</Title>
-        <div>{user.id}</div>
-      </div>
-    </div>
-  )
-};
-
-UserCard.displayName = 'zmp-user-card'
-
-export default UserCard;

package/create/templates/react/copy-assets.js

@@ -1 +0,0 @@
-"use strict";const e=require("path"),o=require("./generate-home-page"),t=require("./generate-root"),s=require("../generate-store"),r=require("../generate-recoil"),n=require("./pages");module.exports=c=>{let a=c.cwd||process.cwd(),{template:p,stateManagement:i}=c,l=[],u=[];return"blank"!==p&&u.push({fileName:"404",content:"copy404"},{fileName:"about",content:"copyAbout"},{fileName:"dynamic-route",content:"copyDynamicRoute"},{fileName:"user",content:"copyUser"},{fileName:"form",content:"copyForm"}),"tabs"===p&&u.push({fileName:"catalog",content:"copyCatalog"},{fileName:"settings",content:"copySettings"}),u.forEach(({fileName:o,content:t})=>{let s=e.resolve(a,"src","pages",`${o}.jsx`);l.push({content:n[t](c),to:s})}),l.push({content:o(c),to:e.resolve(a,"src","pages","index.jsx")}),[..."blank"!==p?["app-items","navbar-back","user-card"]:[]].forEach(o=>{let t=e.resolve(__dirname,"components",`${o}.jsx`),s=e.resolve(a,"src","components",`${o}.jsx`);l.push({from:t,to:s})}),l.push({content:t(c),to:e.resolve(a,"src","components","app.jsx")}),"recoil"===i?l.push({content:r(c),to:e.resolve(a,"src","state.js")}):l.push({content:s(c),to:e.resolve(a,"src","store.js")}),l.push({from:e.resolve(__dirname,"vite.config.js"),to:e.resolve(a,"vite.config.js")}),l};

package/create/templates/react/generate-home-page.js

@@ -1,81 +0,0 @@
-"use strict";const t=require("../../utils/indent");module.exports=e=>{let{name:a,template:i,theming:r,stateManagement:o}=e,{fillBars:s}=r,n="";return("single-view"===i||"blank"===i)&&(n=`
-          <p>Here is your blank ZMP app. Let's see what we have here.</p>
-    `),"split-view"===i&&(n=`
-          <p>This is an example of split view application layout, commonly used on tablets. The main approach of such kind of layout is that you can see different views at the same time.</p>
-
-          <p>Each view may have different layout, different navbar type (dynamic, fixed or static) or without navbar.</p>
-
-          <p>The fun thing is that you can easily control one view from another without any line of JavaScript just using "data-view" attribute on links.</p>
-    `),"tabs"===i&&(n=`
-          <p>Here is your blank ZMP app with tabs-layout. Let's see what we have here.</p>
-    `),t(0,`
-    import React from 'react';
-    ${"blank"===i?`
-    import {
-      Page,
-      Navbar,
-      NavTitleLarge,
-      Card
-    } from 'zmp-framework/react';
-    `.trim():`
-    import {
-      Page,
-      Navbar,
-      NavTitleLarge,
-      List,
-      ListItem,
-      Card,
-      ${"store"===o?"useStore,":""}
-    } from 'zmp-framework/react';${"recoil"===o?`
-    import { useRecoilValue } from 'recoil';
-    import { userState } from '../state';`:""}
-    import AppItems from '../components/app-items';
-    import UserCard from '../components/user-card';
-    `.trim()}
-
-    const HomePage = () => {
-      ${"blank"!==i?"recoil"===o?"const user = useRecoilValue(userState);":"const user = useStore('user');":""}
-      return (
-        <Page name="home" ${"tabs"===i?"":"navbarLarge"}>${"tabs"!==i?`
-          {/* Top Navbar */}
-          <Navbar ${s?"fill":""}>
-            <NavTitleLarge>${a}</NavTitleLarge>
-          </Navbar>`:""}
-          {/* Page content */}
-          <Card inset>
-            ${n.trim()}
-          </Card>
-          ${"blank"!==i&&"tabs"!==i?`
-          {/* User info */}
-          <List>
-            <ListItem link="/user/">
-              <UserCard user={user} />
-            </ListItem>
-          </List>
-
-          {/* Grid apps */}
-          <AppItems />
-
-          {/* Route */}
-          <List>
-            <ListItem title="Dynamic (Component) Route" link="/dynamic-route/?blog=45&post=125&foo=bar" />
-            <ListItem title="Default Route (404)" link="/something-that-doesnt-exist" />
-            <ListItem title="About" link="/about/" />
-          </List>
-          `.trim():""}${"tabs"===i?`
-          {/* Grid apps */}
-          <AppItems />
-
-          {/* Route */}
-          <List>
-            <ListItem title="Dynamic (Component) Route" link="/dynamic-route/?blog=45&post=125&foo=bar" />
-            <ListItem title="Default Route (404)" link="/something-that-doesnt-exist" />
-            <ListItem title="About" link="/about/" />
-          </List>
-          `.trim():""}
-        </Page>
-      );
-    }
-    
-    export default HomePage;
-  `).trim()};

package/create/templates/react/generate-root.js

@@ -1,55 +0,0 @@
-"use strict";const e=require("../../utils/template-if"),i=require("../../utils/indent"),a=require("../app-parameters");module.exports=t=>{let{template:r,theming:o,stateManagement:m}=t,s="";return("single-view"===r||"blank"===r)&&(s=i(0,`
-      {/* Your main view, should have "view-main" class */}
-      <View main className="safe-areas" url="/" />
-    `)),"tabs"===r&&(s=i(0,`
-    {/* TabView container */}
-    <TabView className="safe-areas">
-      {/* Tabbar for switching Tab*/}
-      <Tabbar bottom id="app-tab-bar">
-        <Link tabLink="#view-home" iconZMP="zi-home" tabLinkActive>
-          Home
-        </Link>
-        <Link tabLink="#view-catalog" iconZMP="zi-list-1">
-          Catalog
-        </Link>
-        <Link tabLink="#view-settings" iconZMP="zi-setting">
-          Settings
-        </Link>
-      </Tabbar>
-
-      <View id="view-home" main tab tabActive url="/" />
-      <View id="view-catalog" name="catalog" tab url="/catalog/" />
-      <View id="view-settings" name="settings" tab url="/settings/" />
-    </TabView>
-    `)),i(0,`
-    import React, { useEffect } from 'react';
-    ${["blank","single-view"].indexOf(r)>=0?`
-    import { zmpready, App, View } from 'zmp-framework/react';
-    `.trim():`
-    import { zmpready, App, TabView, View, Tabbar, Link } from 'zmp-framework/react';
-    `.trim()}
-    ${e("recoil"===m,()=>"import { RecoilRoot } from 'recoil';",()=>"import store from '../store';")}
-
-    const MyApp = () => {
-      // ZMP Parameters
-      const zmpparams = {
-${i(8,a(t))}
-      };
-      useEffect(() => {
-        zmpready(() => {
-          // Call ZMP APIs here
-        });
-      }, [])
-
-      ${`
-      return (${"recoil"===m?`
-        <RecoilRoot>`:""}
-        ${i("recoil"===m?2:0,`<App {...zmpparams} ${o.darkTheme?"themeDark":""}>`)}
-${i("recoil"===m?12:10,s.trim())}
-        ${i("recoil"===m?2:0,"</App>")}${"recoil"===m?`
-        </RecoilRoot>`:""}
-      );
-      `.trim()}
-    }
-    export default MyApp;
-  `).trim()};

package/create/templates/react/generate-routes.js

@@ -1 +0,0 @@
-"use strict";module.exports=t=>{let{template:e}=t;if("blank"===e)return[];let s=["/user","/form","/dynamic-route","/about","/404"];return"tabs"===e?s.push("/catalog","/settings"):"split-view"===e&&s.push("/left-page-1","/left-page-2"),s};

package/create/templates/react/generate-scripts.js

@@ -1,42 +0,0 @@
-"use strict";const t=require("../../utils/template-if"),o=require("../../utils/indent"),e=require("../../utils/styles-extension");module.exports=r=>{let{cssPreProcessor:p,theming:m,customBuild:s,includeTailwind:i}=r,n="";return(n+=o(0,`
-    // Import React and ReactDOM
-    import React from 'react';
-    import { createRoot } from 'react-dom/client';
-
-    // Import ZMP
-    import ZMP from '${s?"./zmp-custom.js":"zmp-framework/core/lite-bundle"}';
-
-    // Import ZMP-React Plugin
-    import ZMPReact from 'zmp-framework/react';${i?`
-
-    // Import tailwind styles
-    import './css/tailwind.css';`:""}
-
-    // Import ZMP Styles
-    ${t(s,()=>`
-    import './css/zmp-custom.less';
-    `,()=>`
-    import 'zmp-framework/${m.useUiKits?"zmp-bundle.min.css":"zmp.min.css"}';
-    `)}
-
-    // Import Icons and App Custom Styles
-    ${t(m.iconFonts,()=>`
-    import './css/icons.css';
-    `)}
-    import './css/app.${e(p)}';
-
-    // Import App Component
-    import App from './components/app.jsx';
-    import appConfig from '../app-config.json';
-
-    if (!window.APP_CONFIG) {
-      window.APP_CONFIG = appConfig;
-    }
-
-    // Init ZMP React Plugin
-    ZMP.use(ZMPReact)
-
-    // Mount React App
-    const root = createRoot(document.getElementById('app'));
-    root.render(React.createElement(App));
-  `)).trim()};

package/create/templates/react/pages/404.js

@@ -1,19 +0,0 @@
-"use strict";const t=require("../../../utils/indent");module.exports=e=>t(0,`
-    import React from 'react';
-    import { Page, Card, Title, Box } from 'zmp-framework/react';
-    import NavbarBack from '../components/navbar-back';
-    
-    const NotFoundPage = () => (
-      <Page>
-        <NavbarBack title="Not found" />
-        <Box mt="2">
-          <Card inset>
-            <Title>Sorry</Title>
-            <p>Requested content not found.</p>
-          </Card>
-        </Box>
-      </Page>
-    );
-    
-    export default NotFoundPage;    
-  `).trim();