@zohodesk/react-cli 1.1.16-exp.1 → 1.1.16-exp.3

package/npm8.md

@@ -1,9 +1,9 @@
-# npm 8 change related things
-
-1. in npm run script config options `:` not working (properly|correctly), So we need to use `_` in the place of `:`
-   For Example:
-   - `--app:port` wouldn't work we have to do like this `--app_port`
-   - `--clone:proj:name` wouldn't work we have to do like this `----clone_proj_name`
-
-@zohodes/react-cli or fz-react-cli regardless of what cli you use.
-So, we need to change all package.json script which is using this (`:`) we need to change as (`_`)
+# npm 8 change related things
+
+1. in npm run script config options `:` not working (properly|correctly), So we need to use `_` in the place of `:`
+   For Example:
+   - `--app:port` wouldn't work we have to do like this `--app_port`
+   - `--clone:proj:name` wouldn't work we have to do like this `----clone_proj_name`
+
+@zohodes/react-cli or fz-react-cli regardless of what cli you use.
+So, we need to change all package.json script which is using this (`:`) we need to change as (`_`)

package/package.json

@@ -1,124 +1,126 @@
-{
-  "name": "@zohodesk/react-cli",
-  "version": "1.1.16-exp.1",
-  "description": "A CLI tool for build modern web application and libraries",
-  "scripts": {
-    "init": "node ./lib/utils/init.js",
-    "clean": "rimraf lib coverage",
-    "test": "jest",
-    "start": "babel src -d lib -w --copy-files",
-    "build": "babel src -d lib --copy-files",
-    "prepare": "npm run clean && npm run build",
-    "prepublishOnly": "npm prune --production",
-    "lint": "eslint src ./bin/cli.js",
-    "postpublish": "node postpublish.js",
-    "expublish": "npm publish --tag experimental-version"
-  },
-  "engines": {
-    "node": ">=8.15.1"
-  },
-  "private": false,
-  "repository": {
-    "type": "git",
-    "url": "git+https://git.csez.zohocorpin.com/zohodesk/react-cli.git"
-  },
-  "author": "zohodesk",
-  "license": "ISC",
-  "bugs": {
-    "url": "https://git.csez.zohocorpin.com/zohodesk/react-cli/issues"
-  },
-  "homepage": "https://git.csez.zohocorpin.com/zohodesk/react-cli/blob/2.0.0/README.md",
-  "bin": {
-    "react-cli": "bin/cli.js"
-  },
-  "dependencies": {
-    "@babel/cli": "7.10.5",
-    "@babel/core": "7.11.1",
-    "@babel/plugin-proposal-object-rest-spread": "7.11.0",
-    "@babel/plugin-syntax-dynamic-import": "7.8.3",
-    "@babel/plugin-transform-runtime": "7.11.0",
-    "@babel/preset-env": "7.11.0",
-    "@babel/preset-react": "7.10.4",
-    "@babel/runtime": "7.11.2",
-    "@zohodesk/client_packages_group": "1.0.2",
-    "@zohodesk/eslint-plugin-react-performance": "1.0.3",
-    "@zohodesk/eslint-plugin-zsecurity": "0.0.1-beta.4",
-    "@zohodesk/postcss-rtl": "1.5.2",
-    "@zohodesk/propertytojson": "1.0.1",
-    "@zohodesk/screenshot-test": "0.0.1-beta.20",
-    "autoprefixer": "^9.8.8",
-    "babel-eslint": "10.1.0",
-    "babel-jest": "26.3.0",
-    "babel-loader": "8.1.0",
-    "babel-plugin-lodash": "3.3.4",
-    "babel-plugin-transform-define": "2.0.0",
-    "babel-plugin-transform-dynamic-import": "2.1.0",
-    "babel-plugin-transform-react-remove-prop-types": "0.4.24",
-    "babel-plugin-transform-remove-console": "6.9.4",
-    "case-sensitive-paths-webpack-plugin": "2.3.0",
-    "compression": "1.7.4",
-    "copy-webpack-plugin": "5.1.2",
-    "css-loader": "4.2.1",
-    "debug": "4.3.3",
-    "escodegen": "2.0.0",
-    "eslint": "7.6.0",
-    "eslint-html-reporter": "0.7.4",
-    "eslint-loader": "4.0.2",
-    "eslint-plugin-css-modules": "2.11.0",
-    "eslint-plugin-react": "7.20.6",
-    "esprima": "4.0.1",
-    "expect": "26.4.0",
-    "express": "4.17.1",
-    "file-loader": "6.0.0",
-    "git-root-dir": "1.0.2",
-    "gitlab": "14.2.2",
-    "html-loader": "1.1.0",
-    "html-webpack-inject-attributes-plugin": "1.0.6",
-    "html-webpack-plugin": "4.3.0",
-    "http-proxy-middleware": "1.0.5",
-    "ignore": "5.2.4",
-    "jest": "26.4.0",
-    "jsdom": "16.4.0",
-    "loader-utils": "2.0.0",
-    "lodash-webpack-plugin": "0.11.5",
-    "markdown-it": "13.0.1",
-    "mini-css-extract-plugin": "0.10.0",
-    "nock": "13.2.9",
-    "nodemailer": "6.4.11",
-    "nodemon": "2.0.4",
-    "optimize-js": "1.0.3",
-    "postcss": "7.0.32",
-    "postcss-combine-media-query": "1.0.1",
-    "postcss-hash-classname": "0.4.0",
-    "postcss-loader": "3.0.0",
-    "postcss-mobile-hover": "1.0.2",
-    "react-test-renderer": "16.13.1",
-    "redis": "3.0.2",
-    "redux-mock-store": "1.5.4",
-    "rimraf": "3.0.2",
-    "script-loader": "0.7.2",
-    "uglifycss": "0.0.29",
-    "url-loader": "4.1.0",
-    "webpack": "4.44.1",
-    "webpack-bundle-analyzer": "4.5.0",
-    "webpack-cli": "3.3.12",
-    "webpack-core": "0.6.9",
-    "webpack-dev-middleware": "3.7.2",
-    "ws": "7.3.1",
-    "xhr2": "0.2.0",
-    "xmlhttprequest": "1.8.0"
-  },
-  "babel": {
-    "presets": [
-      [
-        "@babel/env",
-        {
-          "targets": {
-            "node": "8.15.1"
-          }
-        }
-      ],
-      "@babel/react"
-    ]
-  }
-}
+{
+  "name": "@zohodesk/react-cli",
+  "version": "1.1.16-exp.3",
+  "description": "A CLI tool for build modern web application and libraries",
+  "scripts": {
+    "init": "node ./lib/utils/init.js",
+    "clean": "rimraf lib coverage",
+    "test": "jest",
+    "start": "babel src -d lib -w --copy-files",
+    "build": "babel src -d lib --copy-files",
+    "prepare": "npm run clean && npm run build",
+    "prepublishOnly": "npm prune --production",
+    "lint": "eslint src ./bin/cli.js",
+    "postpublish": "node postpublish.js",
+    "expublish": "npm publish --tag experimental-version"
+  },
+  "engines": {
+    "node": ">=8.15.1"
+  },
+  "private": false,
+  "repository": {
+    "type": "git",
+    "url": "git+https://git.csez.zohocorpin.com/zohodesk/react-cli.git"
+  },
+  "author": "zohodesk",
+  "license": "ISC",
+  "bugs": {
+    "url": "https://git.csez.zohocorpin.com/zohodesk/react-cli/issues"
+  },
+  "homepage": "https://git.csez.zohocorpin.com/zohodesk/react-cli/blob/2.0.0/README.md",
+  "bin": {
+    "react-cli": "bin/cli.js"
+  },
+  "dependencies": {
+    "@babel/cli": "7.10.5",
+    "@babel/core": "7.11.1",
+    "@babel/plugin-proposal-object-rest-spread": "7.11.0",
+    "@babel/plugin-syntax-dynamic-import": "7.8.3",
+    "@babel/plugin-transform-runtime": "7.11.0",
+    "@babel/preset-env": "7.11.0",
+    "@babel/preset-react": "7.10.4",
+    "@babel/preset-typescript": "7.23.2",
+    "@babel/runtime": "7.11.2",
+    "@zohodesk/client_packages_group": "1.0.2",
+    "@zohodesk/eslint-plugin-react-performance": "1.0.3",
+    "@zohodesk/eslint-plugin-zsecurity": "0.0.1-beta.4",
+    "@zohodesk/postcss-rtl": "1.5.2",
+    "@zohodesk/propertytojson": "1.0.1",
+    "@zohodesk/screenshot-test": "0.0.1-beta.20",
+    "babel-eslint": "10.1.0",
+    "babel-jest": "26.3.0",
+    "babel-loader": "8.1.0",
+    "babel-plugin-lodash": "3.3.4",
+    "babel-plugin-transform-define": "2.0.0",
+    "babel-plugin-transform-dynamic-import": "2.1.0",
+    "babel-plugin-transform-react-remove-prop-types": "0.4.24",
+    "babel-plugin-transform-remove-console": "6.9.4",
+    "case-sensitive-paths-webpack-plugin": "2.3.0",
+    "compression": "1.7.4",
+    "copy-webpack-plugin": "5.1.2",
+    "css-loader": "4.2.1",
+    "debug": "4.3.3",
+    "escodegen": "2.0.0",
+    "eslint": "7.6.0",
+    "eslint-html-reporter": "0.7.4",
+    "eslint-loader": "4.0.2",
+    "eslint-plugin-css-modules": "2.11.0",
+    "eslint-plugin-react": "7.20.6",
+    "esprima": "4.0.1",
+    "expect": "26.4.0",
+    "express": "4.17.1",
+    "file-loader": "6.0.0",
+    "git-root-dir": "1.0.2",
+    "gitlab": "14.2.2",
+    "html-loader": "1.1.0",
+    "html-webpack-inject-attributes-plugin": "1.0.6",
+    "html-webpack-plugin": "4.3.0",
+    "http-proxy-middleware": "1.0.5",
+    "ignore": "5.2.4",
+    "jest": "26.4.0",
+    "jsdom": "16.4.0",
+    "loader-utils": "2.0.0",
+    "lodash-webpack-plugin": "0.11.5",
+    "markdown-it": "13.0.1",
+    "mini-css-extract-plugin": "0.10.0",
+    "nock": "13.2.9",
+    "nodemailer": "6.4.11",
+    "nodemon": "2.0.4",
+    "optimize-js": "1.0.3",
+    "postcss": "7.0.32",
+    "postcss-combine-media-query": "1.0.1",
+    "postcss-hash-classname": "0.4.0",
+    "postcss-loader": "3.0.0",
+    "postcss-mobile-hover": "1.0.2",
+    "react-test-renderer": "16.13.1",
+    "redis": "3.0.2",
+    "redux-mock-store": "1.5.4",
+    "rimraf": "3.0.2",
+    "script-loader": "0.7.2",
+    "ts-loader": "8.2.0",
+    "typescript": "5.2.2",
+    "uglifycss": "0.0.29",
+    "url-loader": "4.1.0",
+    "webpack": "4.44.1",
+    "webpack-bundle-analyzer": "4.5.0",
+    "webpack-cli": "3.3.12",
+    "webpack-core": "0.6.9",
+    "webpack-dev-middleware": "3.7.2",
+    "ws": "7.3.1",
+    "xhr2": "0.2.0",
+    "xmlhttprequest": "1.8.0"
+  },
+  "babel": {
+    "presets": [
+      [
+        "@babel/env",
+        {
+          "targets": {
+            "node": "8.15.1"
+          }
+        }
+      ],
+      "@babel/react"
+    ]
+  }
+}

package/postpublish.js

@@ -1,8 +1,8 @@
-const { execSync } = require('child_process');
-const { version, name } = require('./package.json');
-const tagName = `${name}@${version}`;
-// const tagName = `${name.replace(/^@/g, "").replace(/\//g, "-")}-v-${version}}@${version}`;
-console.log(`going to add git tag...  ${tagName}`);
-
-execSync(`git tag -a ${tagName}`, { stdio: 'inherit' });
-execSync(`git push origin ${tagName}`, { stdio: 'inherit' });
+const { execSync } = require('child_process');
+const { version, name } = require('./package.json');
+const tagName = `${name}@${version}`;
+// const tagName = `${name.replace(/^@/g, "").replace(/\//g, "-")}-v-${version}}@${version}`;
+console.log(`going to add git tag...  ${tagName}`);
+
+execSync(`git tag -a ${tagName}`, { stdio: 'inherit' });
+execSync(`git push origin ${tagName}`, { stdio: 'inherit' });

package/templates/app/.eslintrc.js

@@ -1,140 +1,140 @@
-let logLevel = 'error';
-
-module.exports = {
-  env: {
-    browser: true,
-    commonjs: true,
-    es6: true,
-    node: true
-  },
-  extends: [
-    'eslint:recommended',
-    'plugin:react/recommended',
-    'plugin:css-modules/recommended'
-  ],
-  parserOptions: {
-    ecmaFeatures: {
-      jsx: true
-    },
-    sourceType: 'module'
-  },
-  settings: {
-    react: {
-      version: '16.8.5'
-    }
-  },
-  plugins: ['react', 'css-modules'],
-  rules: {
-    'for-direction': [logLevel],
-    'no-prototype-builtins': [logLevel],
-    'no-template-curly-in-string': [logLevel],
-    'array-callback-return': [logLevel],
-    curly: [logLevel],
-    'default-case': [logLevel],
-    'dot-location': [logLevel, 'property'],
-    'dot-notation': [logLevel],
-    eqeqeq: [logLevel],
-    'guard-for-in': [logLevel],
-    'no-alert': [logLevel],
-    'no-caller': [logLevel],
-    'no-div-regex': [logLevel],
-    'no-else-return': [logLevel],
-    'no-empty-function': [logLevel],
-    'no-eq-null': [logLevel],
-    'no-eval': [logLevel],
-    'no-extend-native': [logLevel],
-    'no-extra-bind': [logLevel],
-    'no-floating-decimal': [logLevel],
-    'no-iterator': [logLevel],
-    'no-labels': [logLevel],
-    'no-loop-func': [logLevel],
-    'no-multi-str': [logLevel],
-    'no-new-wrappers': [logLevel],
-    'no-param-reassign': [logLevel],
-    'no-proto': [logLevel],
-    'no-redeclare': [
-      logLevel,
-      {
-        builtinGlobals: true
-      }
-    ],
-    'no-return-assign': [logLevel],
-    'no-script-url': [logLevel],
-    'wrap-iife': [logLevel, 'outside'],
-    'block-spacing': [logLevel],
-    'brace-style': [logLevel],
-    camelcase: [logLevel],
-    'comma-dangle': [logLevel],
-    'comma-spacing': [logLevel],
-    'func-call-spacing': [logLevel],
-    indent: [logLevel, 2, { SwitchCase: 1 }],
-    'jsx-quotes': [logLevel, 'prefer-single'],
-    'key-spacing': [logLevel],
-    'keyword-spacing': [logLevel],
-    'lines-between-class-members': [logLevel],
-    'no-whitespace-before-property': [logLevel],
-    'object-curly-spacing': [logLevel, 'always'],
-    'space-before-blocks': [logLevel],
-    'switch-colon-spacing': [logLevel],
-    'space-in-parens': [logLevel],
-    quotes: [logLevel, 'single'],
-    semi: [logLevel],
-    'semi-spacing': [logLevel],
-    'arrow-spacing': [logLevel],
-    'arrow-body-style': [logLevel],
-    'arrow-parens': [logLevel, 'as-needed'],
-    'no-const-assign': [logLevel],
-    'no-dupe-class-members': [logLevel],
-    'no-this-before-super': [logLevel],
-    'no-duplicate-imports': [
-      logLevel,
-      {
-        includeExports: true
-      }
-    ],
-    'no-var': [logLevel],
-    'prefer-destructuring': [logLevel],
-    'prefer-arrow-callback': [logLevel],
-    'prefer-spread': [logLevel],
-    'prefer-template': [logLevel],
-    'prefer-rest-params': [logLevel],
-    'no-useless-constructor': [logLevel],
-    'no-duplicate-imports': [logLevel],
-    'array-callback-return': [logLevel],
-    'no-use-before-define': [logLevel],
-
-    'react/default-props-match-prop-types': [logLevel],
-    'react/destructuring-assignment': [logLevel],
-    // 'react/no-did-update-set-state': [logLevel],
-    'react/no-redundant-should-component-update': [logLevel],
-    'react/no-danger': [logLevel],
-    'react/no-this-in-sfc': [logLevel],
-    'react/no-will-update-set-state': [logLevel],
-    'react/no-unused-state': [logLevel],
-    'react/no-will-update-set-state': [logLevel],
-    // 'react/require-default-props': [logLevel],
-    // 'react/require-optimization': [logLevel],
-
-    'react/jsx-closing-bracket-location': [logLevel],
-    'react/jsx-equals-spacing': [logLevel],
-    'react/jsx-indent': [logLevel, 2],
-    'react/jsx-key': [logLevel],
-    'react/jsx-pascal-case': [logLevel],
-
-    'react/no-array-index-key': [logLevel],
-    'react/no-unused-prop-types': [logLevel],
-    'react/forbid-component-props': [logLevel],
-    'react/forbid-dom-props': [logLevel],
-    'react/jsx-no-bind': [logLevel],
-    'react/sort-prop-types': [logLevel],
-    'react/jsx-no-duplicate-props': [logLevel],
-    'react/no-deprecated': [logLevel],
-    'react/no-children-prop': [logLevel],
-    'react/no-unused-state': [logLevel],
-    'react/destructuring-assignment': [logLevel],
-    'react/default-props-match-prop-types': [logLevel],
-
-    'css-modules/no-unused-class': [logLevel, { camelCase: true }],
-    'css-modules/no-undef-class': [logLevel, { camelCase: 'only' }]
-  }
-};
+let logLevel = 'error';
+
+module.exports = {
+  env: {
+    browser: true,
+    commonjs: true,
+    es6: true,
+    node: true
+  },
+  extends: [
+    'eslint:recommended',
+    'plugin:react/recommended',
+    'plugin:css-modules/recommended'
+  ],
+  parserOptions: {
+    ecmaFeatures: {
+      jsx: true
+    },
+    sourceType: 'module'
+  },
+  settings: {
+    react: {
+      version: '16.8.5'
+    }
+  },
+  plugins: ['react', 'css-modules'],
+  rules: {
+    'for-direction': [logLevel],
+    'no-prototype-builtins': [logLevel],
+    'no-template-curly-in-string': [logLevel],
+    'array-callback-return': [logLevel],
+    curly: [logLevel],
+    'default-case': [logLevel],
+    'dot-location': [logLevel, 'property'],
+    'dot-notation': [logLevel],
+    eqeqeq: [logLevel],
+    'guard-for-in': [logLevel],
+    'no-alert': [logLevel],
+    'no-caller': [logLevel],
+    'no-div-regex': [logLevel],
+    'no-else-return': [logLevel],
+    'no-empty-function': [logLevel],
+    'no-eq-null': [logLevel],
+    'no-eval': [logLevel],
+    'no-extend-native': [logLevel],
+    'no-extra-bind': [logLevel],
+    'no-floating-decimal': [logLevel],
+    'no-iterator': [logLevel],
+    'no-labels': [logLevel],
+    'no-loop-func': [logLevel],
+    'no-multi-str': [logLevel],
+    'no-new-wrappers': [logLevel],
+    'no-param-reassign': [logLevel],
+    'no-proto': [logLevel],
+    'no-redeclare': [
+      logLevel,
+      {
+        builtinGlobals: true
+      }
+    ],
+    'no-return-assign': [logLevel],
+    'no-script-url': [logLevel],
+    'wrap-iife': [logLevel, 'outside'],
+    'block-spacing': [logLevel],
+    'brace-style': [logLevel],
+    camelcase: [logLevel],
+    'comma-dangle': [logLevel],
+    'comma-spacing': [logLevel],
+    'func-call-spacing': [logLevel],
+    indent: [logLevel, 2, { SwitchCase: 1 }],
+    'jsx-quotes': [logLevel, 'prefer-single'],
+    'key-spacing': [logLevel],
+    'keyword-spacing': [logLevel],
+    'lines-between-class-members': [logLevel],
+    'no-whitespace-before-property': [logLevel],
+    'object-curly-spacing': [logLevel, 'always'],
+    'space-before-blocks': [logLevel],
+    'switch-colon-spacing': [logLevel],
+    'space-in-parens': [logLevel],
+    quotes: [logLevel, 'single'],
+    semi: [logLevel],
+    'semi-spacing': [logLevel],
+    'arrow-spacing': [logLevel],
+    'arrow-body-style': [logLevel],
+    'arrow-parens': [logLevel, 'as-needed'],
+    'no-const-assign': [logLevel],
+    'no-dupe-class-members': [logLevel],
+    'no-this-before-super': [logLevel],
+    'no-duplicate-imports': [
+      logLevel,
+      {
+        includeExports: true
+      }
+    ],
+    'no-var': [logLevel],
+    'prefer-destructuring': [logLevel],
+    'prefer-arrow-callback': [logLevel],
+    'prefer-spread': [logLevel],
+    'prefer-template': [logLevel],
+    'prefer-rest-params': [logLevel],
+    'no-useless-constructor': [logLevel],
+    'no-duplicate-imports': [logLevel],
+    'array-callback-return': [logLevel],
+    'no-use-before-define': [logLevel],
+
+    'react/default-props-match-prop-types': [logLevel],
+    'react/destructuring-assignment': [logLevel],
+    // 'react/no-did-update-set-state': [logLevel],
+    'react/no-redundant-should-component-update': [logLevel],
+    'react/no-danger': [logLevel],
+    'react/no-this-in-sfc': [logLevel],
+    'react/no-will-update-set-state': [logLevel],
+    'react/no-unused-state': [logLevel],
+    'react/no-will-update-set-state': [logLevel],
+    // 'react/require-default-props': [logLevel],
+    // 'react/require-optimization': [logLevel],
+
+    'react/jsx-closing-bracket-location': [logLevel],
+    'react/jsx-equals-spacing': [logLevel],
+    'react/jsx-indent': [logLevel, 2],
+    'react/jsx-key': [logLevel],
+    'react/jsx-pascal-case': [logLevel],
+
+    'react/no-array-index-key': [logLevel],
+    'react/no-unused-prop-types': [logLevel],
+    'react/forbid-component-props': [logLevel],
+    'react/forbid-dom-props': [logLevel],
+    'react/jsx-no-bind': [logLevel],
+    'react/sort-prop-types': [logLevel],
+    'react/jsx-no-duplicate-props': [logLevel],
+    'react/no-deprecated': [logLevel],
+    'react/no-children-prop': [logLevel],
+    'react/no-unused-state': [logLevel],
+    'react/destructuring-assignment': [logLevel],
+    'react/default-props-match-prop-types': [logLevel],
+
+    'css-modules/no-unused-class': [logLevel, { camelCase: true }],
+    'css-modules/no-undef-class': [logLevel, { camelCase: 'only' }]
+  }
+};

package/templates/app/README.md

@@ -1,12 +1,12 @@
-#Some useful command
-
-component development command
-npm run docs --server:componentPath=./src/components
-
-development mode useful command
-npm run start
-npm run start --server:prod=true
-
-
-production mode command
-npm run build
+#Some useful command
+
+component development command
+npm run docs --server:componentPath=./src/components
+
+development mode useful command
+npm run start
+npm run start --server:prod=true
+
+
+production mode command
+npm run build

package/templates/app/app/index.html

@@ -1,24 +1,24 @@
-<!DOCTYPE html>
-<html>
-  <head>
-    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"
-    />
-
-    <title>Zia Desk</title>
-    <link href="/app/css/main.css" rel="stylesheet" />
-  </head>
-
-  <body>
-    <div id="container" style="height:100%"></div>
-    <script type="text/javascript">
-      let mockServerURL = "";
-      let logger = console;
-    </script>
-    <script src="/app/js/react.vendor.js"></script>
-    <script src="/app/js/vendor.js"></script>
-    <script src="/app/js/main.js"></script>
-  </body>
-</html>
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+    <meta
+      name="viewport"
+      content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"
+    />
+
+    <title>Zia Desk</title>
+    <link href="/app/css/main.css" rel="stylesheet" />
+  </head>
+
+  <body>
+    <div id="container" style="height:100%"></div>
+    <script type="text/javascript">
+      let mockServerURL = "";
+      let logger = console;
+    </script>
+    <script src="/app/js/react.vendor.js"></script>
+    <script src="/app/js/vendor.js"></script>
+    <script src="/app/js/main.js"></script>
+  </body>
+</html>

package/templates/app/app/properties/ApplicationResources_en_US.properties

@@ -1 +1 @@
-app.key=key
+app.key=key