innetjs 1.12.1 → 2.0.2

package/index.js

@@ -1,18 +1,19 @@
 'use strict';
 
-var path = require('path');
+var path$1 = require('path');
 var fs = require('fs-extra');
 var http = require('http');
 var https = require('https');
+var util = require('util');
+var axios = require('axios');
 var logger = require('@cantinc/logger');
 var chalk = require('chalk');
-var util = require('util');
 var rollup = require('rollup');
 var commonjs = require('@rollup/plugin-commonjs');
 var pluginNodeResolve = require('@rollup/plugin-node-resolve');
 var rollupPluginTerser = require('rollup-plugin-terser');
 var typescript = require('rollup-plugin-typescript2');
-var postcss = require('rollup-plugin-postcss');
+var styles = require('rollup-plugin-styles');
 var autoprefixer = require('autoprefixer');
 var express = require('express');
 var json = require('@rollup/plugin-json');
@@ -21,19 +22,24 @@ var proxy = require('express-http-proxy');
 var selector = require('cli-select');
 var jsx = require('rollup-plugin-innet-jsx');
 var filesize = require('rollup-plugin-filesize');
+var image = require('@rollup/plugin-image');
+var eslint = require('@rollup/plugin-eslint');
+var linesAndColumns = require('lines-and-columns');
+var unzipper = require('unzipper');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var path__default = /*#__PURE__*/_interopDefaultLegacy(path);
+var path__default = /*#__PURE__*/_interopDefaultLegacy(path$1);
 var fs__default = /*#__PURE__*/_interopDefaultLegacy(fs);
 var http__default = /*#__PURE__*/_interopDefaultLegacy(http);
 var https__default = /*#__PURE__*/_interopDefaultLegacy(https);
+var axios__default = /*#__PURE__*/_interopDefaultLegacy(axios);
 var logger__default = /*#__PURE__*/_interopDefaultLegacy(logger);
 var chalk__default = /*#__PURE__*/_interopDefaultLegacy(chalk);
 var rollup__default = /*#__PURE__*/_interopDefaultLegacy(rollup);
 var commonjs__default = /*#__PURE__*/_interopDefaultLegacy(commonjs);
 var typescript__default = /*#__PURE__*/_interopDefaultLegacy(typescript);
-var postcss__default = /*#__PURE__*/_interopDefaultLegacy(postcss);
+var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
 var autoprefixer__default = /*#__PURE__*/_interopDefaultLegacy(autoprefixer);
 var express__default = /*#__PURE__*/_interopDefaultLegacy(express);
 var json__default = /*#__PURE__*/_interopDefaultLegacy(json);
@@ -42,8 +48,10 @@ var proxy__default = /*#__PURE__*/_interopDefaultLegacy(proxy);
 var selector__default = /*#__PURE__*/_interopDefaultLegacy(selector);
 var jsx__default = /*#__PURE__*/_interopDefaultLegacy(jsx);
 var filesize__default = /*#__PURE__*/_interopDefaultLegacy(filesize);
+var image__default = /*#__PURE__*/_interopDefaultLegacy(image);
+var eslint__default = /*#__PURE__*/_interopDefaultLegacy(eslint);
 
-/*! *****************************************************************************
+/******************************************************************************
 Copyright (c) Microsoft Corporation.
 
 Permission to use, copy, modify, and/or distribute this software for any
@@ -68,12 +76,77 @@ function __awaiter(thisArg, _arguments, P, generator) {
     });
 }
 
-const livereload = require('rollup-plugin-livereload');
-const { string } = require('rollup-plugin-string');
-const { exec, spawn } = require('child_process');
-const readline = require('readline');
-const execAsync = util.promisify(exec);
-require('dotenv').config();
+const Writer = require('fstream').Writer;
+const path = require('path');
+const stream = require('stream');
+const duplexer2 = require('duplexer2');
+const Promise$1 = require('bluebird');
+function Extract(opts, template) {
+    const reduceCount = 19 + template.length;
+    // make sure path is normalized before using it
+    opts.path = path.resolve(path.normalize(opts.path));
+    // @ts-ignore
+    const parser = new unzipper.Parse(opts);
+    const outStream = new stream.Writable({ objectMode: true });
+    outStream._write = function (entry, encoding, cb) {
+        if (entry.type === 'Directory')
+            return cb();
+        const extractPath = path.join(opts.path, entry.path.slice(reduceCount));
+        if (extractPath.indexOf(opts.path) !== 0) {
+            return cb();
+        }
+        const writer = opts.getWriter ? opts.getWriter({ path: extractPath }) : Writer({ path: extractPath });
+        entry.pipe(writer)
+            .on('error', cb)
+            .on('close', cb);
+    };
+    const extract = duplexer2(parser, outStream);
+    parser.once('crx-header', function (crxHeader) {
+        extract.crxHeader = crxHeader;
+    });
+    parser
+        .pipe(outStream)
+        .on('finish', function () {
+        extract.emit('close');
+    });
+    extract.promise = function () {
+        return new Promise$1(function (resolve, reject) {
+            extract.on('close', resolve);
+            extract.on('error', reject);
+        });
+    };
+    return extract;
+}
+
+const lintIncludeDom = [
+    '**/*.ts',
+    '**/*.tsx',
+    '**/*.js',
+    '**/*.jsx',
+];
+const stringExcludeDom = [
+    '**/*.ts',
+    '**/*.tsx',
+    '**/*.js',
+    '**/*.jsx',
+    '**/*.json',
+    '**/*.css',
+    '**/*.scss',
+    '**/*.webp',
+    '**/*.gif',
+    '**/*.png',
+    '**/*.jpeg',
+    '**/*.jpg',
+    '**/*.svg',
+];
+const stringExcludeNode = [
+    '**/*.ts',
+    '**/*.tsx',
+    '**/*.js',
+    '**/*.jsx',
+    '**/*.json',
+];
+
 function getFile(file) {
     file = path__default["default"].resolve(file);
     if (!fs__default["default"].existsSync(file)) {
@@ -96,16 +169,35 @@ function getFile(file) {
     }
     return file;
 }
+function convertIndexFile(data, version) {
+    return __awaiter(this, void 0, void 0, function* () {
+        return data
+            .toString()
+            .replace('</head>', `<script type="module" defer src="index.js${version ? `?v=${version}` : ''}"></script></head>`);
+    });
+}
 const reporter = (options, outputOptions, info) => {
     logger__default["default"].log(`${chalk__default["default"].yellow(info.fileName)} ${chalk__default["default"].green(info.bundleSize)} [ gzip: ${chalk__default["default"].green(info.gzipSize)} ]`);
     return '';
-};
+};
+
+const livereload = require('rollup-plugin-livereload');
+const { string } = require('rollup-plugin-string');
+const { exec, spawn } = require('child_process');
+const readline = require('readline');
+const execAsync = util.promisify(exec);
+const copyFiles = util.promisify(fs__default["default"].copy);
+require('dotenv').config();
 class InnetJS {
-    constructor({ projectFolder = process.env.PROJECT_FOLDER || '', publicFolder = process.env.PUBLIC_FOLDER || 'public', buildFolder = process.env.BUILD_FOLDER || path__default["default"].join('public', 'build'), srcFolder = process.env.SRC_FOLDER || 'src', sourcemap = process.env.SOURCEMAP ? process.env.SOURCEMAP === 'true' : false, cssModules = process.env.CSS_MODULES ? process.env.CSS_MODULES === 'true' : false, cssInJs = process.env.CSS_IN_JS ? process.env.CSS_IN_JS === 'true' : false, sslKey = process.env.SSL_KEY || 'localhost.key', sslCrt = process.env.SSL_CRT || 'localhost.crt', proxy = process.env.PROXY || '', port = process.env.PORT ? +process.env.PORT : 3000, api = process.env.API || '*', } = {}) {
+    constructor({ projectFolder = process.env.PROJECT_FOLDER || '', publicFolder = process.env.PUBLIC_FOLDER || 'public', buildFolder = process.env.BUILD_FOLDER || 'build', srcFolder = process.env.SRC_FOLDER || 'src', sourcemap = process.env.SOURCEMAP ? process.env.SOURCEMAP === 'true' : false, cssModules = process.env.CSS_MODULES ? process.env.CSS_MODULES === 'true' : true, cssInJs = process.env.CSS_IN_JS ? process.env.CSS_IN_JS === 'true' : true, sslKey = process.env.SSL_KEY || 'localhost.key', sslCrt = process.env.SSL_CRT || 'localhost.crt', proxy = process.env.PROXY || '', port = process.env.PORT ? +process.env.PORT : 3000, api = process.env.API || '*', } = {}) {
         this.projectFolder = path__default["default"].resolve(projectFolder);
         this.publicFolder = path__default["default"].resolve(publicFolder);
         this.buildFolder = path__default["default"].resolve(buildFolder);
         this.srcFolder = path__default["default"].resolve(srcFolder);
+        this.publicIndexFile = path__default["default"].join(publicFolder, 'index.html');
+        this.buildIndexFile = path__default["default"].join(buildFolder, 'index.html');
+        this.devBuildFolder = path__default["default"].resolve(projectFolder, 'node_modules', '.cache', 'innetjs', 'build');
+        this.devBuildIndexFile = path__default["default"].join(this.devBuildFolder, 'index.html');
         this.sourcemap = sourcemap;
         this.cssModules = cssModules;
         this.cssInJs = cssInJs;
@@ -119,14 +211,18 @@ class InnetJS {
     init(appName, { template, force = false } = {}) {
         return __awaiter(this, void 0, void 0, function* () {
             const appPath = path__default["default"].resolve(appName);
-            if (!template) {
+            const { data } = yield logger__default["default"].start('Get templates list', () => __awaiter(this, void 0, void 0, function* () { return yield axios__default["default"].get('https://api.github.com/repos/d8corp/innetjs-templates/branches'); }));
+            const templates = data.map(({ name }) => name).filter(name => name !== 'main');
+            if (!template || !templates.includes(template)) {
                 logger__default["default"].log(chalk__default["default"].green(`Select one of those templates`));
                 const { value } = yield selector__default["default"]({
-                    values: ['fe', 'be']
+                    values: templates
                 });
                 template = value;
                 readline.moveCursor(process.stdout, 0, -1);
-                logger__default["default"].log(`Selected ${value} template`);
+                const text = `Selected template: ${chalk__default["default"].white(value)}`;
+                logger__default["default"].start(text);
+                logger__default["default"].end(text);
             }
             if (!force) {
                 yield logger__default["default"].start('Check if app folder is available', () => __awaiter(this, void 0, void 0, function* () {
@@ -146,14 +242,16 @@ class InnetJS {
                     }
                 }));
             }
-            const libPath = path__default["default"].resolve(__dirname, '..');
-            const templatePath = path__default["default"].resolve(libPath, 'templates', template);
-            yield logger__default["default"].start('Check if the template exists', () => __awaiter(this, void 0, void 0, function* () {
-                if (!fs__default["default"].existsSync(templatePath)) {
-                    throw Error(`The template '${template}' is not exist`);
-                }
+            yield logger__default["default"].start('Download template', () => __awaiter(this, void 0, void 0, function* () {
+                const { data } = yield axios__default["default"].get(`https://github.com/d8corp/innetjs-templates/archive/refs/heads/${template}.zip`, {
+                    responseType: 'stream'
+                });
+                yield new Promise((resolve, reject) => {
+                    data.pipe(Extract({
+                        path: appPath,
+                    }, template)).on('finish', resolve).on('error', reject);
+                });
             }));
-            yield logger__default["default"].start('Copy files', () => fs__default["default"].copy(templatePath, appPath));
             yield logger__default["default"].start('Install packages', () => execAsync(`cd ${appPath} && npm i`));
         });
     }
@@ -164,6 +262,7 @@ class InnetJS {
             const pkg = node && (yield this.getPackage());
             const inputOptions = {
                 input: path__default["default"].resolve(this.srcFolder, `index.${indexExtension}`),
+                preserveEntrySignatures: 'strict',
                 plugins: [
                     commonjs__default["default"](),
                     json__default["default"](),
@@ -182,34 +281,30 @@ class InnetJS {
                     moduleDirectories: [path__default["default"].resolve(this.buildFolder, 'node_modules')]
                 }), string({
                     include: '**/*.*',
-                    exclude: [
-                        '**/*.ts',
-                        '**/*.tsx',
-                        '**/*.js',
-                        '**/*.jsx',
-                        '**/*.json',
-                    ]
+                    exclude: stringExcludeNode,
                 }));
             }
             else {
-                inputOptions.plugins.push(pluginNodeResolve.nodeResolve(), string({
-                    include: '**/*.*',
-                    exclude: [
-                        '**/*.ts',
-                        '**/*.tsx',
-                        '**/*.js',
-                        '**/*.jsx',
-                        '**/*.json',
-                        '**/*.css',
-                        '**/*.scss',
-                    ]
-                }), postcss__default["default"]({
-                    plugins: [autoprefixer__default["default"]()],
-                    extract: !this.cssInJs,
-                    modules: this.cssModules,
-                    sourceMap: this.sourcemap,
-                    minimize: true
-                }));
+                inputOptions.plugins = [
+                    eslint__default["default"]({
+                        include: lintIncludeDom,
+                    }),
+                    ...inputOptions.plugins,
+                    pluginNodeResolve.nodeResolve(),
+                    image__default["default"](),
+                    styles__default["default"]({
+                        mode: this.cssInJs ? 'inject' : 'extract',
+                        url: true,
+                        plugins: [autoprefixer__default["default"]()],
+                        modules: this.cssModules,
+                        sourceMap: this.sourcemap,
+                        minimize: true,
+                    }),
+                    string({
+                        include: '**/*.*',
+                        exclude: stringExcludeDom,
+                    }),
+                ];
                 outputOptions.format = 'es';
                 outputOptions.plugins = [
                     rollupPluginTerser.terser(),
@@ -222,6 +317,12 @@ class InnetJS {
                 const bundle = yield rollup__default["default"].rollup(inputOptions);
                 yield bundle.write(outputOptions);
                 yield bundle.close();
+                if (!node) {
+                    yield copyFiles(this.publicFolder, this.buildFolder);
+                    const data = yield fs.promises.readFile(this.publicIndexFile);
+                    const pkg = yield this.getPackage();
+                    yield fs.promises.writeFile(this.buildIndexFile, yield convertIndexFile(data, pkg.version));
+                }
             }));
             if (pkg) {
                 yield logger__default["default"].start('Copy package.json', () => __awaiter(this, void 0, void 0, function* () {
@@ -242,12 +343,13 @@ class InnetJS {
     start({ node = false, error = false } = {}) {
         return __awaiter(this, void 0, void 0, function* () {
             const indexExtension = yield this.getProjectExtension();
-            const pkg = node && (yield this.getPackage());
-            yield logger__default["default"].start('Remove build', () => fs__default["default"].remove(this.buildFolder));
+            const pkg = yield this.getPackage();
+            yield logger__default["default"].start('Remove build', () => fs__default["default"].remove(this.devBuildFolder));
             const options = {
                 input: path__default["default"].resolve(this.srcFolder, `index.${indexExtension}`),
+                preserveEntrySignatures: 'strict',
                 output: {
-                    dir: this.buildFolder,
+                    dir: this.devBuildFolder,
                     sourcemap: true
                 },
                 plugins: [
@@ -270,13 +372,7 @@ class InnetJS {
                     moduleDirectories: [path__default["default"].resolve(this.srcFolder, 'node_modules')]
                 }), string({
                     include: '**/*.*',
-                    exclude: [
-                        '**/*.ts',
-                        '**/*.tsx',
-                        '**/*.js',
-                        '**/*.jsx',
-                        '**/*.json',
-                    ]
+                    exclude: stringExcludeNode,
                 }), this.createServer(options.external));
             }
             else {
@@ -291,28 +387,42 @@ class InnetJS {
                         ? fs__default["default"].readFileSync(this.sslCrt)
                         : undefined;
                 options.output.format = 'es';
-                options.plugins.push(pluginNodeResolve.nodeResolve(), string({
-                    include: '**/*.*',
-                    exclude: [
-                        '**/*.ts',
-                        '**/*.tsx',
-                        '**/*.js',
-                        '**/*.jsx',
-                        '**/*.json',
-                        '**/*.css',
-                        '**/*.scss',
-                    ]
-                }), postcss__default["default"]({
-                    plugins: [autoprefixer__default["default"]()],
-                    modules: this.cssModules,
-                    sourceMap: true,
-                    extract: !this.cssInJs,
-                }), this.createClient(key, cert), livereload(Object.assign({ watch: this.publicFolder, verbose: false }, (key && cert ? { https: { key, cert } } : {}))));
+                options.plugins = [
+                    eslint__default["default"]({
+                        include: lintIncludeDom,
+                    }),
+                    ...options.plugins,
+                    pluginNodeResolve.nodeResolve(),
+                    image__default["default"](),
+                    styles__default["default"]({
+                        mode: this.cssInJs ? 'inject' : 'extract',
+                        url: true,
+                        plugins: [autoprefixer__default["default"]()],
+                        modules: this.cssModules,
+                        sourceMap: true,
+                    }),
+                    string({
+                        include: '**/*.*',
+                        exclude: stringExcludeDom,
+                    }),
+                    this.createClient(key, cert, pkg),
+                    livereload(Object.assign({ watch: this.publicFolder, verbose: false }, (key && cert ? { https: { key, cert } } : {})))
+                ];
             }
             const watcher = rollup__default["default"].watch(options);
-            watcher.on('event', e => {
+            watcher.on('event', (e) => __awaiter(this, void 0, void 0, function* () {
                 if (e.code == 'ERROR') {
-                    logger__default["default"].end('Bundling', error ? e.error.stack : e.error.message);
+                    if (e.error.code === 'UNRESOLVED_IMPORT') {
+                        const [, importer, file] = e.error.message.match(/^Could not resolve '(.+)' from (.+)$/);
+                        const text = (yield fs__default["default"].readFile(file)).toString();
+                        const lines = new linesAndColumns.LinesAndColumns(text);
+                        const { line, column } = lines.locationForIndex(text.indexOf(importer));
+                        logger__default["default"].end('Bundling', e.error.message);
+                        console.log(`ERROR in ${file}:${line + 1}:${column + 1}`);
+                    }
+                    else {
+                        logger__default["default"].end('Bundling', error ? e.error.stack : e.error.message);
+                    }
                 }
                 else if (e.code === 'BUNDLE_START') {
                     logger__default["default"].start('Bundling');
@@ -320,7 +430,7 @@ class InnetJS {
                 else if (e.code === 'BUNDLE_END') {
                     logger__default["default"].end('Bundling');
                 }
-            });
+            }));
         });
     }
     run(file) {
@@ -412,14 +522,21 @@ class InnetJS {
             return this.package;
         });
     }
-    createClient(key, cert) {
+    createClient(key, cert, pkg) {
         let app;
         return {
-            writeBundle: () => {
+            writeBundle: () => __awaiter(this, void 0, void 0, function* () {
                 var _a;
                 if (!app) {
-                    const httpsUsing = !!(cert && key);
                     app = express__default["default"]();
+                    const update = () => __awaiter(this, void 0, void 0, function* () {
+                        const data = yield fs.promises.readFile(this.publicIndexFile);
+                        yield fs.promises.writeFile(this.devBuildIndexFile, yield convertIndexFile(data, pkg.version));
+                    });
+                    fs__default["default"].watch(this.publicIndexFile, update);
+                    yield update();
+                    const httpsUsing = !!(cert && key);
+                    app.use(express__default["default"].static(this.devBuildFolder));
                     app.use(express__default["default"].static(this.publicFolder));
                     if ((_a = this.proxy) === null || _a === void 0 ? void 0 : _a.startsWith('http')) {
                         app.use(this.api, proxy__default["default"](this.proxy, {
@@ -428,14 +545,14 @@ class InnetJS {
                         }));
                     }
                     app.use(/^[^.]+$/, (req, res) => {
-                        res.sendFile(this.publicFolder + '/index.html');
+                        res.sendFile(this.devBuildFolder + '/index.html');
                     });
                     const server = httpsUsing ? https__default["default"].createServer({ key, cert }, app) : http__default["default"].createServer(app);
                     server.listen(this.port, () => {
                         console.log(`${chalk__default["default"].green('➤')} Server started on http${httpsUsing ? 's' : ''}://localhost:${this.port}`);
                     });
                 }
-            }
+            })
         };
     }
     createServer(external) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "innetjs",
-  "version": "1.12.1",
+  "version": "2.0.2",
   "description": "CLI for innet boilerplate",
   "homepage": "https://github.com/d8corp/innetjs",
   "author": "Mikhail Lysikov <d8corp@mail.ru>",
@@ -32,28 +32,33 @@
   },
   "dependencies": {
     "@cantinc/logger": "^1.1.0",
-    "@rollup/plugin-commonjs": "^21.0.2",
+    "@rollup/plugin-commonjs": "^22.0.2",
+    "@rollup/plugin-eslint": "^8.0.2",
+    "@rollup/plugin-image": "^2.1.1",
     "@rollup/plugin-json": "^4.1.0",
-    "@rollup/plugin-node-resolve": "^13.1.3",
-    "autoprefixer": "^10.4.4",
+    "@rollup/plugin-node-resolve": "^13.3.0",
+    "autoprefixer": "^10.4.8",
+    "axios": "^0.27.2",
     "chalk": "^4.1.2",
     "cli-select": "^1.1.2",
-    "commander": "^9.1.0",
-    "dotenv": "^16.0.0",
-    "express": "^4.17.3",
+    "commander": "^9.4.0",
+    "dotenv": "^16.0.1",
+    "express": "^4.18.1",
     "express-http-proxy": "^1.6.3",
-    "fs-extra": "^10.0.1",
+    "fs-extra": "^10.1.0",
+    "lines-and-columns": "^2.0.3",
     "node-sass": "^7.0.1",
-    "postcss": "^8.4.12",
-    "rollup": "^2.70.1",
+    "postcss": "^8.4.16",
+    "rollup": "^2.77.2",
     "rollup-plugin-filesize": "^9.1.2",
-    "rollup-plugin-innet-jsx": "^1.2.0",
+    "rollup-plugin-innet-jsx": "^1.3.0",
     "rollup-plugin-livereload": "^2.0.5",
-    "rollup-plugin-postcss": "^4.0.2",
     "rollup-plugin-string": "^3.0.0",
+    "rollup-plugin-styles": "^4.0.0",
     "rollup-plugin-terser": "^7.0.2",
-    "rollup-plugin-typescript2": "^0.31.2",
+    "rollup-plugin-typescript2": "^0.32.1",
     "tmp": "^0.2.1",
-    "typescript": "^4.6.2"
+    "typescript": "^4.7.4",
+    "unzipper": "^0.10.11"
   }
 }

package/templates/be/.env

@@ -1 +0,0 @@
-BUILD_FOLDER=build

package/templates/be/README.md

@@ -1,15 +0,0 @@
-# be
-
-This is the simplest template of innet.js using for server side.
-
-To start development run:
-```shell
-npm start
-```
-
-To build the application run:
-```shell
-npm run build
-```
-
-

package/templates/be/package.json

@@ -1,13 +0,0 @@
-{
-  "scripts": {
-    "start": "innetjs start -n",
-    "build": "innetjs build -n"
-  },
-  "dependencies": {
-    "@innet/server": "^1.1.0",
-    "innet": "^1.0.0"
-  },
-  "devDependencies": {
-    "innetjs": "^1.12.1"
-  }
-}

package/templates/be/src/controller/index.tsx

@@ -1,7 +0,0 @@
-import { App } from '/view'
-
-export default (
-  <server onStart={url => console.log(`open: ${url}`)}>
-    <App />
-  </server>
-)

package/templates/be/src/declaration.d.ts

@@ -1,4 +0,0 @@
-declare module '*.css' {
-  const content: Record<string, string>
-  export default content
-}

package/templates/be/src/index.tsx

@@ -1,6 +0,0 @@
-import innet from 'innet'
-import server from '@innet/server'
-
-import app from '/controller'
-
-innet(app, server)

package/templates/be/src/view/App/App.css

@@ -1,12 +0,0 @@
-.root {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-}
-
-.header {
-  text-align: center;
-  font-family: sans-serif;
-  font-size: 40px;
-}

package/templates/be/src/view/App/App.tsx

@@ -1,15 +0,0 @@
-import { Page } from '../Page'
-
-import appStyles from './App.css'
-
-export function App () {
-  return (
-    <Page title='innetjs application' styles={appStyles}>
-      <div class='root'>
-        <h1 class='header'>
-          Welcome to the innet application!
-        </h1>
-      </div>
-    </Page>
-  )
-}

package/templates/be/src/view/App/index.ts

@@ -1 +0,0 @@
-export * from './App'

package/templates/be/src/view/Page/Page.css

@@ -1,7 +0,0 @@
-html, body {
-  margin: 0;
-  padding: 0;
-  height: 100vh;
-  background: #2B2B2B;
-  color: #F7B756;
-}

package/templates/be/src/view/Page/Page.tsx

@@ -1,24 +0,0 @@
-import pageStyles from './Page.css'
-
-export function Page ({ title, styles }, children) {
-  return (
-    <header name='content-type' value='text/html; charset=utf-8'>
-      <html lang='ru'>
-        <head>
-          <meta charset="UTF-8"/>
-          <meta
-            name="viewport"
-            content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"
-          />
-          <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
-          <style>{pageStyles}</style>
-          <style>{styles}</style>
-          <title>{title}</title>
-        </head>
-        <body>
-          {children}
-        </body>
-      </html>
-    </header>
-  )
-}

package/templates/be/src/view/Page/index.ts

@@ -1 +0,0 @@
-export * from './Page'

package/templates/be/src/view/index.ts

@@ -1,2 +0,0 @@
-export * from './App'
-export * from './Page'