Fix exports by removing hbs Prettier formatting

.prettierignore

@@ -1 +1,2 @@
-**/src/api/apollo/generated
+**/src/api/apollo/generated
+*.hbs

package.json

@@ -1,6 +1,9 @@
 {
   "name": "flow-playground",
   "private": true,
+  "engines": {
+    "node": ">=16.0.0 <17.0.0"
+  },
   "scripts": {
     "start": "webpack-dev-server -d source-map --config webpack.config.js",
     "build": "webpack --mode=production",

src/templates/js/config/README.md.hbs

@@ -1,28 +1,36 @@
-#
-{{projectTitle}}
-
-## Description
-{{projectDescription}}
-
-## Readme
-{{projectReadme}}
-
-## About Playground Export This project was generated from Playground living
-here: [{{projectLink}}]({{projectLink}}) We have added some basics tests, which
-you can run using Node, Flow Emulator and Flow JS Testing Framework. ##
-Installation ### Node *(optional if you have it installed already)* Please
-follow instructions on NodeJS download page and install latest version of NodeJS
-software: https://nodejs.org/en/download/ ### Flow Emulator *(optional if you
-have it installed already)* Flow Emulator is bundled with Flow CLI. You can find
-instructions on how to install it on Flow Docs site:
-https://docs.onflow.org/flow-cli/ ### Flow JS Testing Framework All the
-necessary files will be installed if you run `npm install` inside `test` folder.
-For documentations on how to use the framework you can consult package
-repository
-[https://github.com/onflow/flow-js-testing](https://github.com/onflow/flow-js-testing)
-### Next Step When all the above tools would be installed you will need to init
-Flow Emulator with `flow init` command from within `test` folder. This will
-create `flow.json` file in the folder, which is necessary for emulator to
-operate properly. Then you can proceed running the tests. We encourage you to
-run "Create Accounts" suit first, followed by "Deployment" and then transactions
-and scripts. ### Afterword Good luck and happy hacking! :)
+# {{projectTitle}}
+
+## Description
+{{ projectDescription }}
+
+## Readme
+{{ projectReadme }}
+
+## About Playground Export
+This project was generated from Playground living here:
+[{{projectLink}}]({{projectLink}})
+
+We have added some basics tests, which you can run using Node, Flow Emulator and Flow JS Testing Framework.
+
+## Installation
+### Node *(optional if you have it installed already)*
+Please follow instructions on NodeJS download page and install latest version of NodeJS software:
+https://nodejs.org/en/download/
+
+### Flow Emulator *(optional if you have it installed already)*
+Flow Emulator is bundled with Flow CLI. You can find instructions on how to install it on Flow Docs site:
+https://docs.onflow.org/flow-cli/
+
+### Flow JS Testing Framework
+All the necessary files will be installed if you run `npm install` inside `test` folder. For documentations on how to use
+the framework you can consult package repository [https://github.com/onflow/flow-js-testing](https://github.com/onflow/flow-js-testing)
+
+### Next Step
+When all the above tools would be installed you will need to init Flow Emulator with `flow init` command from within
+`test` folder. This will create `flow.json` file in the folder, which is necessary for emulator to operate properly.
+
+Then you can proceed running the tests. We encourage you to run "Create Accounts" suit first, followed by "Deployment" and then
+transactions and scripts.
+
+### Afterword
+Good luck and happy hacking! :)

src/templates/js/config/babel.config.hbs

@@ -1 +1,12 @@
-{ "presets": [ [ "@babel/preset-env", { "targets": { "node": "current" } } ] ] }
+{
+  "presets": [
+    [
+      "@babel/preset-env",
+      {
+        "targets": {
+          "node": "current"
+        }
+      }
+    ]
+  ]
+}

src/templates/js/config/jest.config.js.hbs

@@ -1,2 +1,5 @@
-module.exports = { "testEnvironment": "node", "verbose": true,
-"coveragePathIgnorePatterns": ["/node_modules/"], };
+module.exports = {
+  "testEnvironment": "node",
+  "verbose": true,
+  "coveragePathIgnorePatterns": ["/node_modules/"],
+};

src/templates/js/config/package.json.hbs

@@ -1,5 +1,21 @@
-{ "name": "{{name}}", "version": "0.0.0", "main": "index.js", "license": "MIT",
-"scripts": { "init-flow": "flow init", "start-emulator": "flow emulator -v" },
-"dependencies": { "@babel/core": "^7.12.10", "@babel/preset-env": "^7.12.11",
-"@onflow/types": "^0.0.4", "babel-jest": "^26.6.3", "flow-js-testing": "~0.1.7",
-"jest": "^26.6.3" }, "devDependencies": { "prettier": "^2.2.1" } }
+{
+  "name": "{{name}}",
+  "version": "0.0.0",
+  "main": "index.js",
+  "license": "MIT",
+  "scripts": {
+    "init-flow": "flow init",
+    "start-emulator": "flow emulator -v"
+  },
+  "dependencies": {
+    "@babel/core": "^7.12.10",
+    "@babel/preset-env": "^7.12.11",
+    "@onflow/types": "^0.0.4",
+    "babel-jest": "^26.6.3",
+    "flow-js-testing": "~0.1.7",
+    "jest": "^26.6.3"
+  },
+  "devDependencies": {
+    "prettier": "^2.2.1"
+  }
+}

src/templates/js/partials/addSigners.hbs

@@ -1,7 +1,8 @@
-{{#if signers~}}
-  // Set transaction signers const signers = [
-  {{#each signers~}}
-    {{this}},
-  {{/each}}
-  ]
-{{/if}}
+{{#if signers ~}}
+    // Set transaction signers
+    const signers = [
+        {{#each signers ~}}
+            {{this}},
+        {{/each}}
+    ]
+{{/if}}

src/templates/js/partials/addressMap.hbs

@@ -1,14 +1,13 @@
-{{#if imports~}}
-  // Generate addressMap from import statements
-  {{#each imports~}}
-    const
-    {{name}}
-    = await getContractAddress("{{name}}")
-  {{/each}}
-
-  const addressMap = {
-  {{#each imports~}}
-    {{name}},
-  {{/each}}
-  }
-{{/if}}
+{{#if imports ~}}
+    // Generate addressMap from import statements
+    {{#each imports ~}}
+        const {{name}} = await getContractAddress("{{name}}")
+    {{/each}}
+
+    const addressMap = {
+        {{#each imports ~}}
+            {{name}},
+        {{/each}}
+    }
+{{/if}}
+

src/templates/js/partials/codeReplacement.hbs

@@ -1,10 +1,12 @@
-{{#if accounts~}}
-  // pass corrected addressed to getAccount calls code =
-  code.replace(/(?:getAccount\(\s*)(0x.*)(?:\s*\))/g, (_, match) => { const
-  accounts = {
-  {{#each accounts}}
-    "{{this}}" :
-    {{getNameByAddress this}},
-  {{/each}}
-  } const name = accounts[match] return `getAccount(${name})`; });
-{{/if}}
+{{#if accounts ~}}
+    // pass corrected addressed to getAccount calls
+    code = code.replace(/(?:getAccount\(\s*)(0x.*)(?:\s*\))/g, (_, match) => {
+        const accounts = {
+            {{#each accounts}}
+                "{{this}}" : {{getNameByAddress this}},
+            {{/each}}
+        }
+        const name = accounts[match]
+        return `getAccount(${name})`;
+    });
+{{/if}}

src/templates/js/partials/getAccounts.hbs

@@ -1,8 +1,6 @@
-{{#if accounts~}}
-  // Import participating accounts
-  {{#each accounts~}}
-    const
-    {{this}}
-    = await getAccountAddress("{{this}}")
-  {{/each}}
-{{/if}}
+{{#if accounts ~}}
+    // Import participating accounts
+    {{#each accounts ~}}
+        const {{this}} = await getAccountAddress("{{this}}")
+    {{/each}}
+{{/if}}

src/templates/js/partials/quoteWrap.hbs

@@ -1 +1 @@
-{{#if wrap}}"{{/if}}{{item}}{{#if wrap}}"{{/if}}
+{{#if wrap}}"{{/if}}{{item}}{{#if wrap}}"{{/if}}

src/templates/js/testSuit.hbs

@@ -1,29 +1,52 @@
-import path from "path"; import * as types from "@onflow/types"; import { init,
-sendTransaction, deployContractByName, getTransactionCode, } from
-"flow-js-testing/dist"; import { getScriptCode } from
-"flow-js-testing/dist/utils/file"; import { executeScript } from
-"flow-js-testing/dist/utils/interaction"; import { getContractAddress } from
-"flow-js-testing/dist/utils/contract"; import { getAccountAddress } from
-"flow-js-testing/dist/utils/create-account"; const basePath =
-path.resolve(__dirname, "../{{cadenceFolder}}"); beforeAll(() => {
-init(basePath); }); describe("Replicate Playground Accounts", () => {
-test("Create Accounts", async ()=>{ // Playground project support 4 accounts,
-but nothing stops you from creating more by following the example laid out below
-const Alice = await getAccountAddress("Alice") const Bob = await
-getAccountAddress("Bob") const Charlie = await getAccountAddress("Charlie")
-const Dave = await getAccountAddress("Dave") console.log("Four Playground
-accounts were created with following addresses"); console.log("Alice:", Alice)
-console.log("Bob:", Bob) console.log("Charlie:", Charlie) console.log("Dave:",
-Dave) }) }) describe("Deployment", () => {
-{{#each contractsUnitTests}}
-  {{{this}}}
-{{/each}}
-}) describe("Transactions", () => {
-{{#each transactionsUnitTests}}
-  {{{this}}}
-{{/each}}
-}) describe("Scripts", () => {
-{{#each scriptsUnitTests}}
-  {{{this}}}
-{{/each}}
-})
+import path from "path";
+import * as types from "@onflow/types";
+import {
+    init,
+    sendTransaction,
+    deployContractByName,
+    getTransactionCode,
+} from "flow-js-testing/dist";
+import { getScriptCode } from "flow-js-testing/dist/utils/file";
+import { executeScript } from "flow-js-testing/dist/utils/interaction";
+import { getContractAddress } from "flow-js-testing/dist/utils/contract";
+import { getAccountAddress } from "flow-js-testing/dist/utils/create-account";
+
+const basePath = path.resolve(__dirname, "../{{cadenceFolder}}");
+
+beforeAll(() => {
+    init(basePath);
+});
+
+describe("Replicate Playground Accounts", () => {
+    test("Create Accounts", async ()=>{
+        // Playground project support 4 accounts, but nothing stops you from creating more by following the example laid out below
+        const Alice = await getAccountAddress("Alice")
+        const Bob = await getAccountAddress("Bob")
+        const Charlie = await getAccountAddress("Charlie")
+        const Dave = await getAccountAddress("Dave")
+
+        console.log("Four Playground accounts were created with following addresses");
+        console.log("Alice:", Alice)
+        console.log("Bob:", Bob)
+        console.log("Charlie:", Charlie)
+        console.log("Dave:", Dave)
+    })
+})
+
+describe("Deployment", () => {
+    {{#each contractsUnitTests}}
+        {{{this}}}
+    {{/each}}
+})
+
+describe("Transactions", () => {
+    {{#each transactionsUnitTests}}
+        {{{this}}}
+    {{/each}}
+})
+
+describe("Scripts", () => {
+    {{#each scriptsUnitTests}}
+        {{{this}}}
+    {{/each}}
+})