@zohodesk/react-cli 0.0.1-test.148.2 → 1.0.0-exp.1

package/lib/servers/nowatchserver.js

@@ -0,0 +1,206 @@
+"use strict";
+
+var _path = _interopRequireDefault(require("path"));
+
+var _https = _interopRequireDefault(require("https"));
+
+var _express = _interopRequireDefault(require("express"));
+
+var _ws = _interopRequireDefault(require("ws"));
+
+var _httpProxyMiddleware = require("http-proxy-middleware");
+
+var _utils = require("../utils");
+
+var _httpsOptions = require("./httpsOptions");
+
+var _devBuild = require("./devBuild");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+// import webpack from 'webpack';
+const options = (0, _utils.getOptions)(); // let args = process.argv.slice(3);
+
+const httpsOptions = (0, _httpsOptions.httpsOptionsWithUserFriendlyError)(options);
+const {
+  app: {
+    context,
+    server
+  }
+} = options;
+const {
+  host,
+  port,
+  domain,
+  disableContextURL,
+  hasMock,
+  mockPort
+} = server;
+const isCompatableHttp2 = Number(process.version.slice(1).split('.')[0]) >= 8;
+const contextURL = disableContextURL ? '' : `/${context}`;
+const serverUrl = (0, _utils.getServerURL)(server, 'htt' + 'ps');
+const {
+  zipname,
+  cssSelectorZipPath,
+  outputFolderLocation
+} = (0, _devBuild.getPaths)();
+const app = (0, _express.default)();
+
+if (hasMock) {
+  app.use(server.mockPrefix, (0, _httpProxyMiddleware.createProxyMiddleware)({
+    target: 'ht' + `tp://localhost:${mockPort}`,
+    changeOrigin: true
+  }));
+} // Nb@$#3NGscc
+
+
+app.use(_express.default.json());
+app.use(_express.default.urlencoded({
+  extended: true
+}));
+
+const staticPart = _express.default.static(outputFolderLocation, {
+  cacheControl: true,
+  setHeaders: function (res) {
+    if (options.app.enableDevCache) {
+      res.setHeader('Cache-Control', 'public, max-age=604800');
+    }
+
+    res.setHeader('Access-Control-Allow-Origin', '*');
+  }
+});
+
+if (contextURL === '') {
+  app.use(staticPart);
+} else {
+  app.use(contextURL, staticPart);
+}
+
+app.use((req, res, next) => {
+  res.setHeader('Access-Control-Allow-Origin', '*');
+  next();
+}).use(`${contextURL}/fonts`, _express.default.static(`${context}/fonts`));
+app.use('/wms/*', (req, res) => {
+  res.sendFile(_path.default.join(__dirname, '..', '..', 'templates', 'wms', 'index.html'));
+});
+
+const httpsServer = _https.default.createServer(httpsOptions, app);
+
+if (httpsOptions) {
+  const wss = new _ws.default.Server({
+    server: httpsServer
+  });
+  let wsPool = [];
+  wss.on('connection', ws => {
+    wsPool.push(ws);
+    ws.on('close', () => {
+      wsPool = wsPool.filter(ws1 => ws1 !== ws);
+    });
+    ws.on('message', message => {
+      (0, _utils.log)('received: %s', message);
+    });
+    ws.send('something');
+  });
+  app.post('/wmsmockapi', (req, res) => {
+    wsPool.forEach(ws => {
+      const {
+        body
+      } = req;
+
+      try {
+        ws.send(JSON.stringify(body));
+      } catch (e) {
+        (0, _utils.log)(e, body);
+      }
+    });
+    res.send('success');
+  });
+} // let webpackCompilation;
+// compiler.hooks.afterCompile.tap('ReactCLI', compilation => {
+//   webpackCompilation = compilation;
+// });
+
+
+if (zipname) {
+  app.use(`/zips/${zipname}.zip`, (req, res) => {
+    res.download(_path.default.join(process.cwd(), cssSelectorZipPath), err => {
+      if (err) {
+        throw err;
+      }
+
+      console.log(`${zipname}.zip downloaded`);
+    });
+  });
+  app.use('/zips/build.zip', (req, res) => {
+    res.download(_path.default.join(process.cwd(), 'build.zip'), err => {
+      if (err) {
+        throw err;
+      }
+
+      console.log('build.zip downloaded');
+    });
+  });
+}
+
+if (contextURL) {
+  app.use(contextURL, _express.default.static(context));
+  app.use(`${contextURL}/*`, (req, res) => {
+    // let indexHtml = webpackCompilation.assets['index.html'];
+    res.sendFile(_path.default.join(outputFolderLocation, 'index.html')); // let indexHtml = webpackCompilation.assets['index.html'];
+    // res.send(indexHtml && indexHtml.source());
+  });
+} else {
+  app.use(_express.default.static(context));
+  app.use('/*', _express.default.static(context));
+}
+
+if (httpsOptions) {
+  httpsServer.listen(port, err => {
+    if (err) {
+      throw err;
+    }
+
+    (0, _utils.log)(`Listening at ${serverUrl}${contextURL}/`);
+  });
+
+  if (isCompatableHttp2) {
+    const http2 = require('http2');
+
+    const http2Server = http2.createSecureServer(httpsOptions); // eslint-disable-next-line no-unused-vars
+
+    http2Server.on('stream', (stream, headers) => {
+      stream.respond({
+        'content-type': 'text/html',
+        ':status': 200
+      });
+      stream.end('<h1>Hello World! <br>Working with http2</h1>');
+    });
+    const http2Port = Number(port) + 1;
+    http2Server.listen(http2Port, err => {
+      if (err) {
+        throw err;
+      }
+
+      (0, _utils.log)(`Listening at ${(0, _utils.getServerURL)({
+        host,
+        domain,
+        port: http2Port
+      }, 'htt' + 'ps')}${contextURL}/`, 'http2 server');
+    });
+  } else {
+    (0, _utils.log)("Your node version didn't adopted http2 support. Kindly update that to 8 LTS or above you can engage the http2");
+  }
+}
+
+const httpPort = Number(port) + (isCompatableHttp2 ? 2 : 1);
+app.listen(httpPort, err => {
+  if (err) {
+    throw err;
+  }
+
+  (0, _utils.log)(`Listening at ${(0, _utils.getServerURL)({
+    host,
+    domain,
+    port: httpPort
+  }, 'ht' + 'tp')}${contextURL}/`);
+});

package/lib/servers/server.js

@@ -1,7 +1,5 @@
 "use strict";
 
-var _fs = _interopRequireDefault(require("fs"));
-
 var _path = _interopRequireDefault(require("path"));
 
 var _https = _interopRequireDefault(require("https"));
@@ -22,16 +20,20 @@ var _HMRMiddleware = _interopRequireDefault(require("../middlewares/HMRMiddlewar
 
 var _utils = require("../utils");
 
+var _httpsOptions = require("./httpsOptions");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-let options = (0, _utils.getOptions)();
-let {
+// import fs from 'fs';
+const options = (0, _utils.getOptions)();
+const httpsOptions = (0, _httpsOptions.httpsOptionsWithUserFriendlyError)(options);
+const {
   app: {
     context,
     server
   }
 } = options;
-let {
+const {
   host,
   port,
   domain,
@@ -40,13 +42,16 @@ let {
   hasMock,
   mockPort
 } = server;
-let isCompatableHttp2 = Number(process.version.substr(1).split('.')[0]) >= 8;
-let contextURL = disableContextURL ? '' : `/${context}`;
-let serverUrl = (0, _utils.getServerURL)(server, 'htt' + 'ps');
+const isCompatableHttp2 = Number(process.version.substr(1).split('.')[0]) >= 8;
+const contextURL = disableContextURL ? '' : `/${context}`;
+const serverUrl = (0, _utils.getServerURL)(server, 'htt' + 'ps');
+const {
+  writeToDisk
+} = options.impactService;
 const app = (0, _express.default)();
 
 if (hasMock) {
-  app.use('/api', (0, _httpProxyMiddleware.createProxyMiddleware)({
+  app.use(server.mockPrefix, (0, _httpProxyMiddleware.createProxyMiddleware)({
     target: 'ht' + `tp://localhost:${mockPort}`,
     changeOrigin: true
   }));
@@ -65,119 +70,146 @@ if (mode === 'prod') {
   config = require('../configs/webpack.dev.config');
 } else {
   throw new Error('You must configure valid option in mode');
-}
+} // console.log({ contextURL });
 
-let compiler = (0, _webpack.default)(config);
-app.use((0, _webpackDevMiddleware.default)(compiler, {
+
+const compiler = (0, _webpack.default)(config);
+const webpackServerOptions = {
   logLevel: 'error',
   publicPath: mode === 'prod' ? contextURL === '' ? `${serverUrl}/${contextURL}` : serverUrl + contextURL : config.output.publicPath,
-  headers: {
+  headers: options.app.enableDevCache ? {
+    'Cache-Control': 'public, max-age=604800',
+    'Access-Control-Allow-Origin': '*'
+  } : {
     'Access-Control-Allow-Origin': '*'
   },
   compress: mode === 'prod'
-}));
+};
+
+if (options.app.disableWatch) {
+  webpackServerOptions.watchOptions = {
+    ignored: /./
+  };
+}
+
+if (writeToDisk) {
+  webpackServerOptions.writeToDisk = true;
+}
+
+app.use((0, _webpackDevMiddleware.default)(compiler, webpackServerOptions));
 app.use((0, _HMRMiddleware.default)(compiler, {
   path: '/sockjs-node/info'
 }));
 app.use((req, res, next) => {
-  res.setHeader('Access-Control-Allow-Origin', '*');
+  //console.log('origin', req.get('origin'));
+  res.setHeader('Access-Control-Allow-Origin', req.get('origin') || '*'); // res.setHeader('Access-Control-Allow-Origin', req.get('origin'));
+
+  res.setHeader('Access-Control-Allow-Private-Network', true);
+  res.setHeader('Access-Control-Allow-Credentials', true);
   next();
 }).use(`${contextURL}/fonts`, _express.default.static(`${context}/fonts`));
+app.options('/*', (req, res) => {
+  res.send('Ok');
+});
 app.use('/wms/*', (req, res) => {
   res.sendFile(_path.default.join(__dirname, '..', '..', 'templates', 'wms', 'index.html'));
 });
 
-const httpsServer = _https.default.createServer({
-  key: _fs.default.readFileSync(_path.default.join(__dirname, '../../cert/key.pem')),
-  cert: _fs.default.readFileSync(_path.default.join(__dirname, '../../cert/cert.pem')),
-  passphrase: '9i1pqink!k11'
-}, app);
+const httpsServer = _https.default.createServer(httpsOptions, app);
 
-const wss = new _ws.default.Server({
-  server: httpsServer
-});
-let wsPool = [];
-wss.on('connection', ws => {
-  wsPool.push(ws);
-  ws.on('close', () => {
-    wsPool = wsPool.filter(ws1 => ws1 !== ws);
+if (httpsOptions) {
+  const wss = new _ws.default.Server({
+    server: httpsServer
   });
-  ws.on('message', message => {
-    (0, _utils.log)('received: %s', message);
+  let wsPool = [];
+  wss.on('connection', ws => {
+    wsPool.push(ws);
+    ws.on('close', () => {
+      wsPool = wsPool.filter(ws1 => ws1 !== ws);
+    });
+    ws.on('message', message => {
+      (0, _utils.log)('received: %s', message);
+    });
+    ws.send('something');
   });
-  ws.send('something');
-});
-app.post('/wmsmockapi', (req, res) => {
-  wsPool.forEach(ws => {
-    let {
-      body
-    } = req;
-
-    try {
-      ws.send(JSON.stringify(body));
-    } catch (e) {
-      (0, _utils.log)(e, body);
-    }
+  app.post('/wmsmockapi', (req, res) => {
+    wsPool.forEach(ws => {
+      const {
+        body
+      } = req;
+
+      try {
+        ws.send(JSON.stringify(body));
+      } catch (e) {
+        (0, _utils.log)(e, body);
+      }
+    });
+    res.send('success');
   });
-  res.send('success');
-});
+}
+
 let webpackCompilation;
+let initalHTML;
 compiler.hooks.afterCompile.tap('ReactCLI', compilation => {
   webpackCompilation = compilation;
 });
+compiler.hooks.done.tap('ReactCLI', () => {
+  const indexHtml = webpackCompilation.assets['index.html'];
+
+  if (indexHtml) {
+    initalHTML = indexHtml.source();
+  }
+});
 
 if (contextURL) {
   app.use(contextURL, _express.default.static(context));
   app.use(`${contextURL}/*`, (req, res) => {
-    let indexHtml = webpackCompilation.assets['index.html'];
-    res.send(indexHtml && indexHtml.source());
+    res.send(initalHTML);
   });
 } else {
   app.use(_express.default.static(context));
   app.use('/*', _express.default.static(context));
 }
 
-httpsServer.listen(port, err => {
-  if (err) {
-    throw err;
-  }
-
-  (0, _utils.log)(`Listening at ${serverUrl}${contextURL}/`);
-});
-
-if (isCompatableHttp2) {
-  const http2 = require('http2');
-
-  const http2Server = http2.createSecureServer({
-    key: _fs.default.readFileSync(_path.default.join(__dirname, '../../cert/key.pem')),
-    cert: _fs.default.readFileSync(_path.default.join(__dirname, '../../cert/cert.pem')),
-    passphrase: '9i1pqink!k11'
-  }); //eslint-disable-next-line
-
-  http2Server.on('stream', (stream, headers) => {
-    stream.respond({
-      'content-type': 'text/html',
-      ':status': 200
-    });
-    stream.end('<h1>Hello World! <br>Working with http2</h1>');
-  });
-  let http2Port = Number(port) + 1;
-  http2Server.listen(http2Port, err => {
+if (httpsOptions) {
+  httpsServer.listen(port, err => {
     if (err) {
       throw err;
     }
 
-    (0, _utils.log)(`Listening at ${(0, _utils.getServerURL)({
-      host,
-      domain,
-      port: http2Port
-    }, 'htt' + 'ps')}${contextURL}/`, 'http2 server');
+    (0, _utils.log)(`Listening at ${serverUrl}${contextURL}/`);
   });
-} else {
-  (0, _utils.log)("Your node version didn't adopted http2 support. Kindly update that to 8 LTS or above you can engage the http2");
+
+  if (isCompatableHttp2) {
+    const http2 = require('http2');
+
+    const http2Server = http2.createSecureServer(httpsOptions); // eslint-disable-next-line no-unused-vars
+
+    http2Server.on('stream', (stream, headers) => {
+      stream.respond({
+        'content-type': 'text/html',
+        ':status': 200
+      });
+      stream.end('<h1>Hello World! <br>Working with http2</h1>');
+    });
+    const http2Port = Number(port) + 1;
+    http2Server.listen(http2Port, err => {
+      if (err) {
+        throw err;
+      }
+
+      (0, _utils.log)(`Listening at ${(0, _utils.getServerURL)({
+        host,
+        domain,
+        port: http2Port
+      }, 'htt' + 'ps')}${contextURL}/`, 'http2 server');
+    });
+  } else {
+    (0, _utils.log)("Your node version didn't adopted http2 support. Kindly update that to 8 LTS or above you can engage the http2");
+  }
 }
 
-let httpPort = Number(port) + (isCompatableHttp2 ? 2 : 1);
+const httpPort = Number(port) + (isCompatableHttp2 ? 2 : 1);
 app.listen(httpPort, err => {
   if (err) {
     throw err;
@@ -186,6 +218,6 @@ app.listen(httpPort, err => {
   (0, _utils.log)(`Listening at ${(0, _utils.getServerURL)({
     host,
     domain,
-    port: httpPort
+    port: port
   }, 'ht' + 'tp')}${contextURL}/`);
 });

package/lib/sh/pre-commit.sh

@@ -1,34 +1,34 @@
-#!/bin/sh
-
-STAGED_FILES=$(git diff --cached --name-only --diff-filter=ACM | grep -E "\.(js)$") # Get staged files
-
-CURRENT_BRANCH=$(git branch | sed -n -e 's/^\* \(.*\)/\1/p') # Get branch name
-
-echo "Branch Name - $CURRENT_BRANCH"
-
-if [[ "$STAGED_FILES" = "" ]]; then
-  exit 0
-fi
-
-IS_FAILED=false
-FILES=""
-
-for FILE in $STAGED_FILES # Add files with space separation
-do
-	FILES+="$FILE "
-done
-
-npm run lint --prefix ${PREFIX_PATH} $FILES # Run ESLint
-
-if [[ "$?" != 0 ]]; then
-	IS_FAILED=true
-fi
-
-if $IS_FAILED; then
-  echo "\033[41mCOMMIT FAILED:\033[0m Your commit contains files that should pass ESLint but do not. Please fix the ESLint errors and try again.\n"
-  exit 1
-else
-  echo "\033[42mCOMMIT SUCCEEDED\033[0m\n"
-fi
-
-exit $?
+#!/bin/sh
+
+STAGED_FILES=$(git diff --cached --name-only --diff-filter=ACM | grep -E "\.(js)$") # Get staged files
+
+CURRENT_BRANCH=$(git branch | sed -n -e 's/^\* \(.*\)/\1/p') # Get branch name
+
+echo "Branch Name - $CURRENT_BRANCH"
+
+if [[ "$STAGED_FILES" = "" ]]; then
+  exit 0
+fi
+
+IS_FAILED=false
+FILES=""
+
+for FILE in $STAGED_FILES # Add files with space separation
+do
+	FILES+="$FILE "
+done
+
+npm run lint --prefix ${PREFIX_PATH} $FILES # Run ESLint
+
+if [[ "$?" != 0 ]]; then
+	IS_FAILED=true
+fi
+
+if $IS_FAILED; then
+  echo "\033[41mCOMMIT FAILED:\033[0m Your commit contains files that should pass ESLint but do not. Please fix the ESLint errors and try again.\n"
+  exit 1
+else
+  echo "\033[42mCOMMIT SUCCEEDED\033[0m\n"
+fi
+
+exit $?

package/lib/sh/reportPublish.sh

@@ -1,45 +1,45 @@
-#!/bin/bash
-branchName=$2
-url=$1
-zipUrl=$3
-unique=$(date +"%d_%m_%y_Time_%H_%M_%S")
-publishFolder=$branchName"_"$unique
-
-rm -rf ./reports
-rm -rf ./scrTemplate
-rm -rf ./errTemplate
-rm -rf ./css
-rm -rf ./js
-rm -rf ./index.html
-
-curl $zipUrl | tar xz
-
-cp -rf ./reports/css ./css
-cp -rf ./reports/js ./js
-cp -rf ./reports/index.html ./index.html
-if [ -d "./screenShots" ] ; then
-  cp -rf ./scrTemplate/* ./screenShots/
-else
-  mkdir ./screenShots
-  cp -rf ./scrTemplate/* ./screenShots/
-fi
-
-[ ! -f "./result.json" ] && touch result.json && cp -rf ./errTemplate/* ./result.json
-[ ! -d "./commitCoverage" ] && mkdir commitCoverage && cp -rf ./errTemplate/* ./commitCoverage/
-[ ! -d "./unittest" ] && mkdir unittest && cp -rf ./errTemplate/* ./unittest/
-[ ! -d "./coverageTest" ] && mkdir coverageTest && cp -rf ./errTemplate/* ./coverageTest/
-[ ! -d "./coverage" ] && mkdir coverage && cp -rf ./errTemplate/* ./coverage/
-
-tar -czvf $publishFolder.tar.gz coverage screenShots unittest coverageTest commitCoverage ./css ./js ./index.html ./result.json
-
-curl -i -F name=file -F file=@$publishFolder.tar.gz $url"/cgi-bin/upload.py"
-replace=$publishFolder
-reportUrl=$url"/"$replace
-subject="Client Report - React - $publishFolder"
-msg="<p><b>Report URL - <a href='$reportUrl'>Link</a></b></p>
-<p><b>Report Branchname - $branchName</b></p>
-<p><b>Report Unique ID - $unique</b></p>
-<p><b>Report Developer - $6</b></p>"
-#node mailSender.js <from> <pass> <to> <subject> <text>
-BASEDIR=$(dirname "$0")
-node $BASEDIR"/../utils/mailSender" $4 $5 $6 "$subject" "$msg" $7 $8 "$reportUrl"
+#!/bin/bash
+branchName=$2
+url=$1
+zipUrl=$3
+unique=$(date +"%d_%m_%y_Time_%H_%M_%S")
+publishFolder=$branchName"_"$unique
+
+rm -rf ./reports
+rm -rf ./scrTemplate
+rm -rf ./errTemplate
+rm -rf ./css
+rm -rf ./js
+rm -rf ./index.html
+
+curl $zipUrl | tar xz
+
+cp -rf ./reports/css ./css
+cp -rf ./reports/js ./js
+cp -rf ./reports/index.html ./index.html
+if [ -d "./screenShots" ] ; then
+  cp -rf ./scrTemplate/* ./screenShots/
+else
+  mkdir ./screenShots
+  cp -rf ./scrTemplate/* ./screenShots/
+fi
+
+[ ! -f "./result.json" ] && touch result.json && cp -rf ./errTemplate/* ./result.json
+[ ! -d "./commitCoverage" ] && mkdir commitCoverage && cp -rf ./errTemplate/* ./commitCoverage/
+[ ! -d "./unittest" ] && mkdir unittest && cp -rf ./errTemplate/* ./unittest/
+[ ! -d "./coverageTest" ] && mkdir coverageTest && cp -rf ./errTemplate/* ./coverageTest/
+[ ! -d "./coverage" ] && mkdir coverage && cp -rf ./errTemplate/* ./coverage/
+
+tar -czvf $publishFolder.tar.gz coverage screenShots unittest coverageTest commitCoverage ./css ./js ./index.html ./result.json
+
+curl -i -F name=file -F file=@$publishFolder.tar.gz $url"/cgi-bin/upload.py"
+replace=$publishFolder
+reportUrl=$url"/"$replace
+subject="Client Report - React - $publishFolder"
+msg="<p><b>Report URL - <a href='$reportUrl'>Link</a></b></p>
+<p><b>Report Branchname - $branchName</b></p>
+<p><b>Report Unique ID - $unique</b></p>
+<p><b>Report Developer - $6</b></p>"
+#node mailSender.js <from> <pass> <to> <subject> <text>
+BASEDIR=$(dirname "$0")
+node $BASEDIR"/../utils/mailSender" $4 $5 $6 "$subject" "$msg" $7 $8 "$reportUrl"

package/lib/templates/linterConstant.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.endTag = exports.htmlTemplate = void 0;
+exports.htmlTemplate = exports.endTag = void 0;
 const htmlTemplate = '<!DOCTYPE html><html> <head> <title>Eslint Security Rule</title> <style type="text/css"> body{margin: 0; font: 93.75%/1.6 -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif;}body, html{width: 100%; height: 100%;}.pkCont{}.pkEmpty{height: 300px;display: flex;align-items: center;justify-content: center;font-size: 20px;}.pkUl{margin: 0; padding: 0; list-style-type: none;}.pkLi{}.pkRow{display: flex; padding: 12px 16px;}.pkArrowCont{cursor: pointer; width: 50px; display: flex; align-items: center; justify-content: center; background-color: #f4f5f5; border-radius: 4px;}.pkArrow{width: 1px; height: 1px; border: 5px solid; border-color: #000 transparent transparent; margin-top: 7px;}.pkDetailsOpen .pkArrow{margin: 0 0 7px; border-color: transparent transparent #000;}.pkFileName{font-weight: 600; margin: 0 8px;}.pkUrl{flex: 1; min-width: 0; min-height: 0; word-break: break-word; word-wrap: break-word; color: blue;}.pkDetails{margin-left: 66px; display: none;}.pkDetailsOpen .pkDetails{display: block;}.pkDetailsHead{font-weight: 600; display: flex; border: 1px solid #e5e5e5; padding: 3px 8px;}.pkDetailsBody{max-height: 400px; overflow: auto;}.pkDetailsRow{display: flex; padding: 10px 8px;}.pkDetailsRow:nth-child(even){background-color: #f4f5f5;}.pkDetailsCol{word-break: break-word; word-wrap: break-word;}.pkError{color: red;}.pkDetailsCol:nth-child(1){width: 10%;}.pkDetailsCol:nth-child(2){width: 10%;}.pkDetailsCol:nth-child(3){width: 40%;}.pkDetailsCol:nth-child(4){width: 40%;}</style> <script>function toggleWrapper(element){var classArray=element.parentElement.parentElement.className; if (classArray.includes("pkDetailsOpen")){element.parentElement.parentElement.className="pkLi";}else{element.parentElement.parentElement.className="pkLi pkDetailsOpen";}}</script> </head> <body> <div class="pkCont">';
 exports.htmlTemplate = htmlTemplate;
 const endTag = '</div></body></html>';