init undefined app

ijl.config.js

@@ -0,0 +1,21 @@
+const pkg = require('./package')
+
+module.exports = {
+    apiPath: 'stubs/api',
+    webpackConfig: {
+        output: {
+            publicPath: `/static/${pkg.name}/${process.env.VERSION || pkg.version}/`
+        }
+    },
+    navigations: {
+        'undefined.main': '/undefined'
+    },
+    features: {
+        'undefined': {
+            // add your features here in the format [featureName]: { value: string }
+        },
+    },
+    config: {
+        key: 'value'
+    }
+}

package.json

@@ -0,0 +1,31 @@
+{
+    "name": "undefined",
+    "version": "1.0.0",
+    "description": "",
+    "main": "./src/index.tsx",
+    "scripts": {
+        "test": "echo \"Error: no test specified\" && exit 1",
+        "start": "ijl-cli --server --port=8099 --with-open-browser",
+        "build": "npm run clean && ijl-cli --build --dev",
+        "build:prod": "npm run clean && ijl-cli --build",
+        "clean": "rimraf dist"
+    },
+    "repository": {
+        "type": "git",
+        "url": "git+ssh://git@bitbucket.org/aaprimakov/undefined.git"
+    },
+    "keywords": [],
+    "author": "",
+    "license": "MIT",
+    "homepage": "https://bitbucket.org/aaprimakov/undefined#readme",
+    "dependencies": {
+        "@ijl/cli": "^4.1.0",
+        "@types/react": "^17.0.39",
+        "@types/react-dom": "^17.0.11",
+        "express": "^4.17.3",
+        "react": "^17.0.2",
+        "react-dom": "^17.0.2",
+        "react-lottie": "^1.2.3",
+        "typescript": "^4.5.5"
+    }
+}

src/404.json

@@ -0,0 +1 @@
+{"v":"5.7.3","fr":60,"ip":0,"op":181,"w":1080,"h":1080,"nm":"404_Tired_robot","ddd":0,"assets":[{"id":"image_0","w":1,"h":1,"u":"images/","p":"img_0.png","e":0}],"layers":[{"ddd":0,"ind":2,"ty":3,"nm":"Null 1","sr":1,"ks":{"o":{"a":0,"k":0,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.529,"y":1},"o":{"x":0.173,"y":0},"t":0,"s":[581,618.5,0],"to":[-4.867,0,0],"ti":[4.867,0,0]},{"i":{"x":0.667,"y":0.667},"o":{"x":0.333,"y":0.333},"t":29,"s":[551.8,618.5,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":98,"s":[551.8,618.5,0],"to":[4.867,0,0],"ti":[-4.867,0,0]},{"t":138,"s":[581,618.5,0]}],"ix":2},"a":{"a":0,"k":[0,0,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"ip":0,"op":300,"st":0,"bm":0},{"ddd":0,"ind":6,"ty":4,"nm":"Shape Layer 2","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[540,540,0],"ix":2},"a":{"a":0,"k":[0,0,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[19.5,-83.25],[0,0],[4.5,25.75]],"o":[[0,0],[0,0],[-2.164,9.237],[0,0],[-4.5,-25.75]],"v":[[95.75,-219.5],[79.5,-218],[78.5,-89.5],[93.25,-86],[104.25,-153.25]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[1,1,1,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":0,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[0.250980392157,0.482352971096,1,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Shape 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":300,"st":0,"bm":0},{"ddd":0,"ind":7,"ty":4,"nm":"Shape Layer 1","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[540,540,0],"ix":2},"a":{"a":0,"k":[0,0,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0]],"o":[[0,0]],"v":[[118,700]],"c":false},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[1,1,1,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":5,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Shape 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":300,"st":0,"bm":0},{"ddd":0,"ind":8,"ty":4,"nm":"Wire 2","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[540,540,0],"ix":2},"a":{"a":0,"k":[0,0,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[-88.5,249],[-67,229.5],[-49.25,250],[-29,231],[-11.25,251],[10,232.75],[28.75,253.25],[48,235.25],[66.75,255.75]],"c":false},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"tm","s":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":107.158,"s":[0]},{"t":180,"s":[100]}],"ix":1},"e":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":94.09,"s":[0]},{"t":148.103515625,"s":[100]}],"ix":2},"o":{"a":0,"k":0,"ix":3},"m":1,"ix":2,"nm":"Trim Paths 1","mn":"ADBE Vector Filter - Trim","hd":false},{"ty":"st","c":{"a":0,"k":[1,1,1,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":5,"ix":5},"lc":2,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Shape 1","np":4,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":108,"op":408,"st":108,"bm":0},{"ddd":0,"ind":9,"ty":4,"nm":"Wire","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[540,540,0],"ix":2},"a":{"a":0,"k":[0,0,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[-88.5,249],[-67,229.5],[-49.25,250],[-29,231],[-11.25,251],[10,232.75],[28.75,253.25],[48,235.25],[66.75,255.75]],"c":false},"ix":2},"nm":"PathLine truncated

src/app.tsx

@@ -0,0 +1,31 @@
+import React from 'react';
+import Lottie from 'react-lottie';
+import * as animationData from './404.json'
+
+const App = () => {
+    return(
+        <div>
+            <h1 style={{ textAlign: 'center', color: '#3f7afe' }}>Undefined app name</h1>
+            <p style={{ textAlign: 'center' }}>
+                Вы запросили приложение по адресу undefined. Возможно не указана версия в админке или не сброшен кэш
+            </p>
+            <p style={{ textAlign: 'center' }}>
+                You requested an application by url -&gt; undefined. Perhaps the version is not specified in the admin panel or the cache has not been reset.
+            </p>
+            <Lottie
+                options={{
+                    loop: true,
+                    autoplay: true, 
+                    animationData: animationData,
+                    rendererSettings: {
+                      preserveAspectRatio: 'xMidYMid slice'
+                    }
+                  }}
+                style={{ maxWidth: 600 }}
+            />
+        </div>
+    )
+}
+
+export default App;
+

src/index.tsx

@@ -0,0 +1,27 @@
+import React from 'react';
+import ReactDom from 'react-dom';
+
+import App from './app';
+
+export default () => <App/>;
+
+export const mount = (Сomponent) => {
+    ReactDom.render(
+        <Сomponent/>,
+        document.getElementById('app')
+    );
+
+    if(module.hot) {
+        module.hot.accept('./app', ()=> {
+            ReactDom.render(
+                <App/>,
+                document.getElementById('app')
+            );
+        })
+    }
+};
+
+export const unmount = () => {
+    ReactDom.unmountComponentAtNode(document.getElementById('app'));
+};
+

stubs/api/index.js

@@ -0,0 +1,3 @@
+const router = require('express').Router();
+
+module.exports = router;

tsconfig.json

@@ -0,0 +1,26 @@
+{
+    "compilerOptions": {
+        "lib": [
+            "dom",
+            "es2017"
+        ],
+        "baseUrl": ".",
+        "outDir": "./dist/",
+        "sourceMap": true,
+        "esModuleInterop": true,
+        "noImplicitAny": false,
+        "module": "esnext",
+        "moduleResolution": "node",
+        "target": "es6",
+        "jsx": "react",
+        "typeRoots": ["node_modules/@types", "src/typings"],
+        "types" : ["webpack-env", "node"],
+        "resolveJsonModule": true
+    },
+    "exclude": [
+        "node_modules",
+        "**/*.test.ts",
+        "**/*.test.tsx",
+        "node_modules/@types/jest"
+    ]        
+}