From 59d826ecebacb42bcfc0436486a49b3af6911da3 Mon Sep 17 00:00:00 2001
From: Wojciech Sikora <35867383+WojtekTheWebDev@users.noreply.github.com>
Date: Wed, 13 Mar 2024 13:15:30 +0100
Subject: [PATCH] Cli update (#25)

* remove sdk from cli

* update playground middleware

* refactor exampleEndpoint to exampleMethod

* update cli for nuxt

* remove test method

* update cli for next

* remove test endpoints
---
 .eslintrc.js                                  |   6 +
 cli/build.config.ts                           |  25 +-
 cli/cli.config.ts                             |   4 +-
 cli/dist/chunks/add.mjs                       | 227 +++++++-----------
 cli/dist/chunks/call.mjs                      |   4 +-
 cli/src/commands/add.ts                       | 124 +++++-----
 cli/src/commands/call.ts                      |  77 +++---
 cli/src/commands/index.ts                     |  10 +-
 cli/src/domains/add/getPlaygroundFramework.ts |  10 +-
 cli/src/domains/add/templates.ts              |  14 +-
 cli/src/domains/add/templates/apiMethod.ts    |  16 +-
 .../domains/add/templates/nextPageMethod.ts   |  61 ++---
 .../domains/add/templates/nuxtPageMethod.ts   |  73 +++---
 cli/src/domains/add/templates/sdkMethod.ts    |  32 ---
 cli/src/domains/add/templates/types.ts        |   4 +-
 cli/src/domains/add/writeApiMethod.ts         |  13 +-
 cli/src/domains/add/writeSdkMethod.ts         |  15 --
 cli/src/index.ts                              |   7 +-
 cli/vsf.js                                    |   4 +-
 dev.config.ts                                 |   3 -
 package.json                                  |  10 +-
 .../{rollup.config.js => rollup.config.mjs}   |   2 +-
 .../index.ts                                  |  15 +-
 packages/api-client/src/api/index.ts          |   2 +-
 playground/middleware/package.json            |   2 +-
 playground/middleware/src/index.ts            |   6 +-
 playground/middleware/types.ts                |   2 +-
 yarn.lock                                     |  52 +++-
 28 files changed, 381 insertions(+), 439 deletions(-)
 delete mode 100644 cli/src/domains/add/templates/sdkMethod.ts
 delete mode 100644 cli/src/domains/add/writeSdkMethod.ts
 delete mode 100644 dev.config.ts
 rename packages/api-client/{rollup.config.js => rollup.config.mjs} (73%)
 rename packages/api-client/src/api/{exampleEndpoint => exampleMethod}/index.ts (54%)

diff --git a/.eslintrc.js b/.eslintrc.js
index d5309b8..c9f11b0 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -1,3 +1,9 @@
 module.exports = {
   extends: "@vue-storefront/eslint-config-integrations",
+  rules: {
+    "@typescript-eslint/no-unused-vars": "warn",
+    "import/no-relative-packages": "off",
+    "@typescript-eslint/no-empty-function": "off",
+    "import/extensions": "off",
+  },
 };
diff --git a/cli/build.config.ts b/cli/build.config.ts
index 7f8617b..c7b7a28 100644
--- a/cli/build.config.ts
+++ b/cli/build.config.ts
@@ -1,19 +1,20 @@
-import { defineBuildConfig } from 'unbuild'
+// eslint-disable-next-line import/no-unresolved
+import { defineBuildConfig } from "unbuild";
 
 export default defineBuildConfig({
   rollup: {
     inlineDependencies: true,
   },
-  entries: ['src/index'],
+  entries: ["src/index"],
   externals: [
-    'citty',
-    'fsevents',
-    'node:url',
-    'node:buffer',
-    'node:path',
-    'node:child_process',
-    'node:process',
-    'node:path',
-    'node:os',
+    "citty",
+    "fsevents",
+    "node:url",
+    "node:buffer",
+    "node:path",
+    "node:child_process",
+    "node:process",
+    "node:path",
+    "node:os",
   ],
-})
+});
diff --git a/cli/cli.config.ts b/cli/cli.config.ts
index 0b116a9..5ef5bf3 100644
--- a/cli/cli.config.ts
+++ b/cli/cli.config.ts
@@ -1,3 +1,3 @@
 export const config = {
-  integrationName: "boilerplate"
-}
+  integrationName: "boilerplate",
+};
diff --git a/cli/dist/chunks/add.mjs b/cli/dist/chunks/add.mjs
index 8a35051..d9a5043 100644
--- a/cli/dist/chunks/add.mjs
+++ b/cli/dist/chunks/add.mjs
@@ -1,7 +1,6 @@
 import fs, { existsSync, promises } from 'fs';
 import { createConsola } from 'consola';
 import { defineCommand } from 'citty';
-import { Project } from 'ts-morph';
 
 function normalizeWindowsPath(input = "") {
   if (!input || !input.includes("\\")) {
@@ -112,91 +111,72 @@ const config = {
 const nuxtPageMethod = ({ name }) => ({
   path: `playground/app/pages/methods/${name}.vue`,
   contents: `
-  <template>
-    <div class="flex justify-center items-center h-screen">
-        <div class="p-5 w-96">
-            <h1 class="typography-headline-2 font-bold mt-2 mb-4 text-green-500">
-                Build something amazing
-            </h1>
-            <p class="text-gray-50">
-              ${config.integrationName}/${name}
-            </p>
-            <div class="box">
-                <!-- <JsonViewer :value="jsonData" copyable boxed sort theme="light"  @onKeyClick="keyClick"/> -->
-                <h4 class="text-gray-50">Response</h4>
-                <JsonViewer class="min-h-[800px] min-w-[500px]" :value="res" expandDepth="5" expanded copyable boxed sort
-                    theme="dark" />
-            </div>
-            <div class="flex flex-col md:flex-row gap-4 mt-6">
-                <SfButton @click="callEndpoint" size="lg"> call </SfButton>
-                <SfButton @click="reset" size="lg" variant="secondary" class="bg-white"> reset </SfButton>
-            </div>
-        </div>
+<template>
+  <div class="flex justify-center items-center h-screen">
+    <div class="p-5 w-96">
+      <h1 class="typography-headline-2 font-bold mt-2 mb-4 text-green-500">
+        Build something amazing
+      </h1>
+      <p class="text-gray-50">${config.integrationName}/${name}</p>
+      <div class="box">
+        <!-- <JsonViewer :value="jsonData" copyable boxed sort theme="light"  @onKeyClick="keyClick"/> -->
+        <h4 class="text-gray-50">Response</h4>
+        <JsonViewer
+          class="min-h-[800px] min-w-[500px]"
+          :value="res"
+          expandDepth="5"
+          expanded
+          copyable
+          boxed
+          sort
+          theme="dark"
+        />
+      </div>
+      <div class="flex flex-col md:flex-row gap-4 mt-6">
+        <SfButton @click="callEndpoint" size="lg"> call </SfButton>
+        <SfButton @click="reset" size="lg" variant="secondary" class="bg-white">
+          reset
+        </SfButton>
+      </div>
     </div>
+  </div>
 </template>
 
 <script lang="ts" setup>
-import { SfButton } from '@storefront-ui/vue';
-import { sdk } from '~/sdk.config';
-import { JsonViewer } from "vue3-json-viewer"
+import { SfButton } from "@storefront-ui/vue";
+import { JsonViewer } from "vue3-json-viewer";
 import "vue3-json-viewer/dist/index.css";
 
-const res = useState('waiting to call ${name} ...');
+const sdk = useSdk();
+const res = useState(
+  "${name}",
+  () => "waiting to call ${name}() ..."
+);
 
 async function callEndpoint() {
-    const { data } = await sdk.${config.integrationName}.${name}('test');
-    res.value = data
+  const { data } = await sdk.${config.integrationName}.${name}("test");
+  res.value = data;
 }
 
 function reset() {
-    res.value = 'waiting to call ${name} ...'
+  res.value = "waiting to call test ...";
 }
 <\/script>
 `
 });
 
-const sdkMethod = ({ name }) => ({
-  path: `packages/sdk/src/methods/${name}/index.ts`,
-  contents: `import { client } from '../../client';
-import { TODO } from '../../types';
-
-/**
- * Method summary - General information about the SDK method, usually a single sentence.
- * 
- * @remarks
- * In this section, we have been adding detailed information such as:
- * * what API middleware endpoint this method is calling,
- * * what SAP OCC API endpoints are being called as a result of using this method,
- * * when this method can be used and when it can\u2019t (e.g. logged-in vs anonymous users),
- * * simply everything what helps with understanding how it works.
- * 
- * @param props
- * Just like our API methods, our SDK connector methods accept a single props parameter which carries relevant sub-properties. Therefore, there isn\u2019t much to be described within that TSDoc section.
- * 
- * @returns
- * Human-friendly information what the SDK methods returns.
- * 
- * @example
- * A short code snippet showing how to use the method. Usually we have more than one @example. We should strive for adding as many examples as possible here, with multiple param configurations.
- */
-export async function ${name}(props: TODO) {
-  const { data } = await client.post<TODO>('${name}', props);
-  return data
-}
-`
-});
-
 const apiMethod = ({ name }) => ({
   path: `packages/api-client/src/api/${name}/index.ts`,
-  contents: `import { Endpoints } from '../../types';
+  contents: `import consola from "consola";
+import { BoilerplateIntegrationContext, TODO } from "../../types";
 
-export const ${name}: Endpoints['${name}'] = async (
-  context,
-  params
+export const ${name} = async (
+  context: BoilerplateIntegrationContext,
+  params: TODO
 ) => {
-  console.log('${name} has been called');
+  consola.log("${name} has been called");
 
-  return { data: 'Hello from ${name} endpoint!' };
+  return { data: "Hello from ${name} endpoint!" };
 };
 `
 });
@@ -207,40 +187,39 @@ function capitalizeFirst(input) {
 
 const nextPageMethod = ({ name }) => ({
   path: `playground/app/src/pages/methods/${name}.tsx`,
-  contents: `import { useState } from 'react';
-  import { sdk } from '@/pages/_app';
-  import { SfButton } from '@storefront-ui/react';
-  import { RenderJson } from '@/components/RenderJson';
-  
-  export default function Page${capitalizeFirst(name)}() {
-    const [data, setData] = useState<null | Object>(null);
-  
-    const hitExampleMethodApi = async () => {
-      const data = await sdk.${config.integrationName}.${name}('test');
-  
-      setData(data);
-    };
-  
-    return (
-      <>
-        <main className="flex flex-col items-center py-24 gap-12  text-white">
-          <SfButton type="button" onClick={hitExampleMethodApi}>
-            Call ${name}
-          </SfButton>
-  
-          <div className="w-[500px] h-min-12 h-auto p-4 bg-gray-900 rounded-md flex items-center justify-center">
-            {!data ? 'Click the button' : <RenderJson json={data} />}
-          </div>
-        </main>
-      </>
-    );
-  }  
+  contents: `import { useState } from "react";
+import { SfButton } from "@storefront-ui/react";
+import { RenderJson } from "@/components/RenderJson";
+import { getSdk } from "@/sdk";
+
+export default function Page${capitalizeFirst(name)}() {
+  const sdk = getSdk();
+  const [data, setData] = useState<null | Object>(null);
+
+  const hit${capitalizeFirst(name)}Api = async () => {
+    const data = await sdk.${config.integrationName}.${name}("test");
+    setData(data);
+  };
+
+  return (
+    <>
+      <main className="flex flex-col items-center py-24 gap-12  text-white">
+        <SfButton type="button" onClick={hit${capitalizeFirst(name)}Api}>
+          Call ${name}
+        </SfButton>
+
+        <div className="w-[500px] h-min-12 h-auto p-4 bg-gray-900 rounded-md flex items-center justify-center">
+          {!data ? "Click the button" : <RenderJson json={data} />}
+        </div>
+      </main>
+    </>
+  );
+}  
 `
 });
 
 const templates = {
   apiMethod,
-  sdkMethod,
   nuxtPageMethod,
   nextPageMethod
 };
@@ -269,55 +248,13 @@ function getPlaygroundFramework(playgroundPath) {
   return noFramework;
 }
 
-const writeSDKMethod = async (endpoint) => {
-  const sdkMethodPath = `./packages/sdk/src/methods/${endpoint}`;
-  const isFileExist = fs.existsSync(sdkMethodPath);
-  if (isFileExist) {
-    fs.appendFileSync(
-      "./packages/sdk/src/methods/index.ts",
-      `
-export { ${endpoint} } from './${endpoint}';`
-    );
-  }
-};
-
-const writeToTypescriptFile = (path, endpoint) => {
-  const fileName = path;
-  const endpointName = endpoint;
-  const contextType = "BoilerplateIntegrationContext";
-  const paramsType = "TODO";
-  const returnType = "TODO";
-  const project = new Project();
-  const sourceFile = project.addSourceFileAtPath(fileName);
-  const endpointsInterface = sourceFile.getInterface("Endpoints");
-  if (!endpointsInterface) {
-    console.error(`The "Endpoints" interface was not found in ${fileName}`);
-    process.exit(1);
-  }
-  const existingEndpoint = endpointsInterface.getMethod(endpointName);
-  if (existingEndpoint) {
-    existingEndpoint.remove();
-  }
-  endpointsInterface.addMethod({
-    name: endpointName,
-    parameters: [
-      { name: "context", type: contextType },
-      { name: "params", type: paramsType }
-    ],
-    returnType: `Promise<${returnType}>`
-  });
-  sourceFile.saveSync();
-};
-
 const writeApiMethod = async (endpoint) => {
   const apiIndexPath = resolve(`./packages/api-client/src/api/index.ts`);
-  const typesMethodPath = resolve("./packages/api-client/src/types/api/endpoints.ts");
   fs.appendFileSync(
     apiIndexPath,
-    `
-export { ${endpoint} } from './${endpoint}';`
+    `export { ${endpoint} } from "./${endpoint}";
+`
   );
-  writeToTypescriptFile(typesMethodPath, endpoint);
 };
 
 const consola = createConsola({ fancy: true });
@@ -351,9 +288,8 @@ const add = defineCommand({
     }
   },
   async run(ctx) {
-    const entity = ctx.args.entity;
-    const name = ctx.args.name;
-    ctx.args.cwd || resolve("./playground/app");
+    const { entity } = ctx.args;
+    const { name } = ctx.args;
     const entityOptions = ["endpoint"];
     if (!entityOptions.includes(entity)) {
       consola.error(
@@ -368,9 +304,7 @@ const add = defineCommand({
     const isForce = ctx.args.force;
     if (entity === "endpoint") {
       makeTemplate("apiMethod", name, isForce);
-      makeTemplate("sdkMethod", name, isForce);
       writeApiMethod(name);
-      writeSDKMethod(name);
       if (playgroundFramework === "next") {
         makeTemplate("nextPageMethod", name, isForce);
       }
@@ -398,7 +332,9 @@ async function makeTemplate(template, name, force = false) {
   const path = resolve(res.path);
   if (!force && existsSync(path)) {
     consola.error(`File already exists: ${prettyPath}`);
-    consola.box("\u{1F699} beep beep! We did't want to risk overwriting your awesome code. \n To overwrite this path \u261D\uFE0F Use --force");
+    consola.box(
+      "\u{1F699} beep beep! We did't want to risk overwriting your awesome code. \n To overwrite this path \u261D\uFE0F Use --force"
+    );
     process.exit(1);
   }
   const parentDir = dirname(path);
@@ -408,7 +344,8 @@ async function makeTemplate(template, name, force = false) {
     }
     await promises.mkdir(parentDir, { recursive: true });
   }
-  await promises.writeFile(path, res.contents.trim() + "\n");
+  await promises.writeFile(path, `${res.contents.trim()}
+`);
   consola.log(`\u{1FA84} Generated a new ${template}`);
 }
 
diff --git a/cli/dist/chunks/call.mjs b/cli/dist/chunks/call.mjs
index 00dbcc2..5fbecc7 100644
--- a/cli/dist/chunks/call.mjs
+++ b/cli/dist/chunks/call.mjs
@@ -27,8 +27,8 @@ const call = defineCommand({
     }
   },
   async run(ctx) {
-    const endpoint = ctx.args.endpoint;
-    console.log("todo: make a call" + endpoint);
+    const { endpoint } = ctx.args;
+    console.log(`todo: make a call${endpoint}`);
   }
 });
 
diff --git a/cli/src/commands/add.ts b/cli/src/commands/add.ts
index f08028b..a6de240 100644
--- a/cli/src/commands/add.ts
+++ b/cli/src/commands/add.ts
@@ -1,126 +1,120 @@
-import { existsSync, promises as fsp } from 'fs'
-import { dirname, resolve } from 'pathe'
-import { createConsola } from 'consola'
-import { templates } from '../domains/add/templates'
-import { defineCommand } from 'citty'
-import { getPlaygroundFramework } from '../domains/add/getPlaygroundFramework'
-import { writeSDKMethod } from '../domains/add/writeSdkMethod'
-import { writeApiMethod } from '../domains/add/writeApiMethod'
+import { existsSync, promises as fsp } from "fs";
+import { dirname, resolve } from "pathe";
+import { createConsola } from "consola";
+import { defineCommand } from "citty";
+import { templates } from "../domains/add/templates";
+import { getPlaygroundFramework } from "../domains/add/getPlaygroundFramework";
+import { writeApiMethod } from "../domains/add/writeApiMethod";
 
-const consola = createConsola({ fancy: true })
+const consola = createConsola({ fancy: true });
 
 export default defineCommand({
   meta: {
-    name: 'add',
-    description: 'Create a new template file.',
+    name: "add",
+    description: "Create a new template file.",
   },
   args: {
     cwd: {
-      type: 'string',
-      description: 'Current working directory',
+      type: "string",
+      description: "Current working directory",
     },
     logLevel: {
-      type: 'string',
-      description: 'Log level',
+      type: "string",
+      description: "Log level",
     },
     force: {
-      type: 'boolean',
-      description: 'Override existing file',
+      type: "boolean",
+      description: "Override existing file",
     },
     entity: {
-      type: 'positional',
+      type: "positional",
       required: true,
-      valueHint: 'the entity you are adding. e.g. endpoint',
+      valueHint: "the entity you are adding. e.g. endpoint",
     },
     name: {
-      type: 'positional',
+      type: "positional",
       required: true,
-      valueHint: 'name',
+      valueHint: "name",
     },
-
   },
   async run(ctx) {
-    const entity = ctx.args.entity
-    const name = ctx.args.name
-    const cwd = ctx.args.cwd || resolve('./playground/app')
+    const { entity } = ctx.args;
+    const { name } = ctx.args;
 
-    const entityOptions = ['endpoint']
+    const entityOptions = ["endpoint"];
 
     if (!entityOptions.includes(entity)) {
       consola.error(
         `Entity ${entity} is not supported. Possible values: ${entityOptions.join(
-          ', ',
-        )}`,
-      )
-      process.exit(1)
+          ", "
+        )}`
+      );
+      process.exit(1);
     }
 
-    const playgroundPath = resolve('./playground/app')
-    const playgroundFramework = getPlaygroundFramework(playgroundPath)
-
-    const isForce = ctx.args.force
+    const playgroundPath = resolve("./playground/app");
+    const playgroundFramework = getPlaygroundFramework(playgroundPath);
 
-    if (entity === 'endpoint') {
+    const isForce = ctx.args.force;
 
-      makeTemplate('apiMethod', name, isForce)
-      makeTemplate('sdkMethod', name, isForce)
-      writeApiMethod(name)
-      writeSDKMethod(name)
+    if (entity === "endpoint") {
+      makeTemplate("apiMethod", name, isForce);
+      writeApiMethod(name);
 
-      if (playgroundFramework === 'next') {
-        makeTemplate('nextPageMethod', name, isForce)
+      if (playgroundFramework === "next") {
+        makeTemplate("nextPageMethod", name, isForce);
       }
 
-      if (playgroundFramework === 'nuxt') {
-        makeTemplate('nuxtPageMethod', name, isForce)
+      if (playgroundFramework === "nuxt") {
+        makeTemplate("nuxtPageMethod", name, isForce);
       }
     }
-  }
-})
-
+  },
+});
 
 async function makeTemplate(template: string, name: string, force = false) {
-
   // Validate template name
   if (!templates[template]) {
     consola.error(
       `Template ${template} is not supported. Possible values: ${Object.keys(
-        templates,
-      ).join(', ')}`,
-    )
-    process.exit(1)
+        templates
+      ).join(", ")}`
+    );
+    process.exit(1);
   }
 
   // Validate options
   if (!name) {
-    consola.error('name argument is missing!')
-    process.exit(1)
+    consola.error("name argument is missing!");
+    process.exit(1);
   }
 
   // Resolve template
-  const res = templates[template]({ name })
-  const prettyPath = res.path
+  const res = templates[template]({ name });
+  const prettyPath = res.path;
 
   // Resolve full path to generated file
-  const path = resolve(res.path)
+  const path = resolve(res.path);
 
   // Ensure not overriding user code
   if (!force && existsSync(path)) {
-    consola.error(`File already exists: ${prettyPath}`)
-    consola.box("🚙 beep beep! We did't want to risk overwriting your awesome code. \n To overwrite this path ☝️ Use --force")
-    process.exit(1)
+    consola.error(`File already exists: ${prettyPath}`);
+    consola.box(
+      "🚙 beep beep! We did't want to risk overwriting your awesome code. \n To overwrite this path ☝️ Use --force"
+    );
+    process.exit(1);
   }
 
   // Ensure parent directory exists
-  const parentDir = dirname(path)
+  const parentDir = dirname(path);
   if (!existsSync(parentDir)) {
-    if (template === 'page') {
-      consola.info('This enables vue-router functionality!')
+    if (template === "page") {
+      consola.info("This enables vue-router functionality!");
     }
-    await fsp.mkdir(parentDir, { recursive: true })
+    await fsp.mkdir(parentDir, { recursive: true });
   }
 
   // Write file
-  await fsp.writeFile(path, res.contents.trim() + '\n')
-  consola.log(`🪄 Generated a new ${template}`)
+  await fsp.writeFile(path, `${res.contents.trim()}\n`);
+  consola.log(`🪄 Generated a new ${template}`);
 }
diff --git a/cli/src/commands/call.ts b/cli/src/commands/call.ts
index 594be68..0059b18 100644
--- a/cli/src/commands/call.ts
+++ b/cli/src/commands/call.ts
@@ -1,84 +1,83 @@
-import { existsSync, promises as fsp } from 'fs'
-import { dirname, resolve } from 'pathe'
-import { consola } from 'consola'
-import { templates } from '../domains/add/templates'
-import { defineCommand } from 'citty'
+import { existsSync, promises as fsp } from "fs";
+import { dirname, resolve } from "pathe";
+import { consola } from "consola";
+import { defineCommand } from "citty";
+import { templates } from "../domains/add/templates";
 
 export default defineCommand({
   meta: {
-    name: 'add',
-    description: 'Create a new template file.',
+    name: "add",
+    description: "Create a new template file.",
   },
   args: {
     cwd: {
-      type: 'string',
-      description: 'Current working directory',
+      type: "string",
+      description: "Current working directory",
     },
     logLevel: {
-      type: 'string',
-      description: 'Log level',
+      type: "string",
+      description: "Log level",
     },
     force: {
-      type: 'boolean',
-      description: 'Override existing file',
+      type: "boolean",
+      description: "Override existing file",
     },
     endpoint: {
-      type: 'positional',
+      type: "positional",
       required: true,
-      valueHint: 'name',
+      valueHint: "name",
     },
   },
   async run(ctx) {
-    const endpoint = ctx.args.endpoint
-
-    console.log('todo: make a call' + endpoint)
-  }
-})
+    const { endpoint } = ctx.args;
 
+    console.log(`todo: make a call${endpoint}`);
+  },
+});
 
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
 async function makeTemplate(template: string, name: string, force = false) {
-
   // Validate template name
   if (!templates[template]) {
     consola.error(
       `Template ${template} is not supported. Possible values: ${Object.keys(
-        templates,
-      ).join(', ')}`,
-    )
-    process.exit(1)
+        templates
+      ).join(", ")}`
+    );
+    process.exit(1);
   }
 
   // Validate options
   if (!name) {
-    consola.error('name argument is missing!')
-    process.exit(1)
+    consola.error("name argument is missing!");
+    process.exit(1);
   }
 
   // Resolve template
-  const res = templates[template]({ name })
+  const res = templates[template]({ name });
 
   // Resolve full path to generated file
-  const path = resolve(res.path)
+  const path = resolve(res.path);
 
   // Ensure not overriding user code
   if (!force && existsSync(path)) {
     consola.error(
-      `File exists: ${path} . Use --force to override or use a different name.`,
-    )
-    process.exit(1)
+      `File exists: ${path} . Use --force to override or use a different name.`
+    );
+    process.exit(1);
   }
 
   // Ensure parent directory exists
-  const parentDir = dirname(path)
+  const parentDir = dirname(path);
   if (!existsSync(parentDir)) {
-    consola.info('Creating directory', parentDir)
-    if (template === 'page') {
-      consola.info('This enables vue-router functionality!')
+    consola.info("Creating directory", parentDir);
+    if (template === "page") {
+      consola.info("This enables vue-router functionality!");
     }
-    await fsp.mkdir(parentDir, { recursive: true })
+    await fsp.mkdir(parentDir, { recursive: true });
   }
 
   // Write file
-  await fsp.writeFile(path, res.contents.trim() + '\n')
-  consola.info(`🪄 Generated a new ${template} in ${path}`)
+  await fsp.writeFile(path, `${res.contents.trim()}\n`);
+  consola.info(`🪄 Generated a new ${template} in ${path}`);
 }
diff --git a/cli/src/commands/index.ts b/cli/src/commands/index.ts
index e824581..b32f56d 100644
--- a/cli/src/commands/index.ts
+++ b/cli/src/commands/index.ts
@@ -1,8 +1,8 @@
-import type { CommandDef } from 'citty'
+import type { CommandDef } from "citty";
 
-const _rDefault = (r: any) => (r.default || r) as Promise<CommandDef>
+const _rDefault = (r: any) => (r.default || r) as Promise<CommandDef>;
 
 export const commands = {
-  add: () => import('./add').then(_rDefault),
-  call: () => import('./call').then(_rDefault),
-} as const
+  add: () => import("./add").then(_rDefault),
+  call: () => import("./call").then(_rDefault),
+} as const;
diff --git a/cli/src/domains/add/getPlaygroundFramework.ts b/cli/src/domains/add/getPlaygroundFramework.ts
index 0c9fd83..6877485 100644
--- a/cli/src/domains/add/getPlaygroundFramework.ts
+++ b/cli/src/domains/add/getPlaygroundFramework.ts
@@ -1,15 +1,15 @@
-
+/* eslint-disable no-plusplus */
 import fs from "fs";
 
 export function getPlaygroundFramework(playgroundPath: string) {
   const nextConfigPaths = [
     `${playgroundPath}/next.config.js`,
-    `${playgroundPath}/next.config.ts`
-  ]
+    `${playgroundPath}/next.config.ts`,
+  ];
   const nuxtConfigPaths = [
     `${playgroundPath}/nuxt.config.ts`,
-    `${playgroundPath}/nuxt.config.js`
-  ]
+    `${playgroundPath}/nuxt.config.js`,
+  ];
 
   for (let i = 0; i < nextConfigPaths.length; i++) {
     if (fs.existsSync(nextConfigPaths[i])) {
diff --git a/cli/src/domains/add/templates.ts b/cli/src/domains/add/templates.ts
index 3a31b3e..27268e9 100644
--- a/cli/src/domains/add/templates.ts
+++ b/cli/src/domains/add/templates.ts
@@ -1,12 +1,10 @@
-import { Template } from './templates/types'
-import { nuxtPageMethod } from './templates/nuxtPageMethod'
-import { sdkMethod } from './templates/sdkMethod'
-import { apiMethod } from './templates/apiMethod'
-import { nextPageMethod } from './templates/nextPageMethod'
+import { Template } from "./templates/types";
+import { nuxtPageMethod } from "./templates/nuxtPageMethod";
+import { apiMethod } from "./templates/apiMethod";
+import { nextPageMethod } from "./templates/nextPageMethod";
 
 export const templates = {
   apiMethod,
-  sdkMethod,
   nuxtPageMethod,
-  nextPageMethod
-} as Record<string, Template>
+  nextPageMethod,
+} as Record<string, Template>;
diff --git a/cli/src/domains/add/templates/apiMethod.ts b/cli/src/domains/add/templates/apiMethod.ts
index 66d3250..1efb357 100644
--- a/cli/src/domains/add/templates/apiMethod.ts
+++ b/cli/src/domains/add/templates/apiMethod.ts
@@ -2,14 +2,16 @@ import { Template } from "./types";
 
 export const apiMethod: Template = ({ name }) => ({
   path: `packages/api-client/src/api/${name}/index.ts`,
-  contents: `import { Endpoints } from '../../types';
+  contents: `import consola from "consola";
+import { BoilerplateIntegrationContext, TODO } from "../../types";
 
-export const ${name}: Endpoints['${name}'] = async (
-  context,
-  params
+export const ${name} = async (
+  context: BoilerplateIntegrationContext,
+  params: TODO
 ) => {
-  console.log('${name} has been called');
+  consola.log("${name} has been called");
 
-  return { data: 'Hello from ${name} endpoint!' };
+  return { data: "Hello from ${name} endpoint!" };
 };
-`})
+`,
+});
diff --git a/cli/src/domains/add/templates/nextPageMethod.ts b/cli/src/domains/add/templates/nextPageMethod.ts
index 7b951dd..a1b5d32 100644
--- a/cli/src/domains/add/templates/nextPageMethod.ts
+++ b/cli/src/domains/add/templates/nextPageMethod.ts
@@ -1,35 +1,36 @@
 import { Template } from "./types";
 import { capitalizeFirst } from "../capitalizeFirst";
-import { config } from '../../../../cli.config'
+import { config } from "../../../../cli.config";
 
 export const nextPageMethod: Template = ({ name }) => ({
   path: `playground/app/src/pages/methods/${name}.tsx`,
-  contents: `import { useState } from 'react';
-  import { sdk } from '@/pages/_app';
-  import { SfButton } from '@storefront-ui/react';
-  import { RenderJson } from '@/components/RenderJson';
-  
-  export default function Page${capitalizeFirst(name)}() {
-    const [data, setData] = useState<null | Object>(null);
-  
-    const hitExampleMethodApi = async () => {
-      const data = await sdk.${config.integrationName}.${name}('test');
-  
-      setData(data);
-    };
-  
-    return (
-      <>
-        <main className="flex flex-col items-center py-24 gap-12  text-white">
-          <SfButton type="button" onClick={hitExampleMethodApi}>
-            Call ${name}
-          </SfButton>
-  
-          <div className="w-[500px] h-min-12 h-auto p-4 bg-gray-900 rounded-md flex items-center justify-center">
-            {!data ? 'Click the button' : <RenderJson json={data} />}
-          </div>
-        </main>
-      </>
-    );
-  }  
-`})
+  contents: `import { useState } from "react";
+import { SfButton } from "@storefront-ui/react";
+import { RenderJson } from "@/components/RenderJson";
+import { getSdk } from "@/sdk";
+
+export default function Page${capitalizeFirst(name)}() {
+  const sdk = getSdk();
+  const [data, setData] = useState<null | Object>(null);
+
+  const hit${capitalizeFirst(name)}Api = async () => {
+    const data = await sdk.${config.integrationName}.${name}("test");
+    setData(data);
+  };
+
+  return (
+    <>
+      <main className="flex flex-col items-center py-24 gap-12  text-white">
+        <SfButton type="button" onClick={hit${capitalizeFirst(name)}Api}>
+          Call ${name}
+        </SfButton>
+
+        <div className="w-[500px] h-min-12 h-auto p-4 bg-gray-900 rounded-md flex items-center justify-center">
+          {!data ? "Click the button" : <RenderJson json={data} />}
+        </div>
+      </main>
+    </>
+  );
+}  
+`,
+});
diff --git a/cli/src/domains/add/templates/nuxtPageMethod.ts b/cli/src/domains/add/templates/nuxtPageMethod.ts
index 0e147bc..fc69d56 100644
--- a/cli/src/domains/add/templates/nuxtPageMethod.ts
+++ b/cli/src/domains/add/templates/nuxtPageMethod.ts
@@ -1,48 +1,59 @@
 import { Template } from "./types";
-import { config } from '../../../../cli.config'
+import { config } from "../../../../cli.config";
 
 export const nuxtPageMethod: Template = ({ name }) => ({
-    path: `playground/app/pages/methods/${name}.vue`,
-    contents: `
-  <template>
-    <div class="flex justify-center items-center h-screen">
-        <div class="p-5 w-96">
-            <h1 class="typography-headline-2 font-bold mt-2 mb-4 text-green-500">
-                Build something amazing
-            </h1>
-            <p class="text-gray-50">
-              ${config.integrationName}/${name}
-            </p>
-            <div class="box">
-                <!-- <JsonViewer :value="jsonData" copyable boxed sort theme="light"  @onKeyClick="keyClick"/> -->
-                <h4 class="text-gray-50">Response</h4>
-                <JsonViewer class="min-h-[800px] min-w-[500px]" :value="res" expandDepth="5" expanded copyable boxed sort
-                    theme="dark" />
-            </div>
-            <div class="flex flex-col md:flex-row gap-4 mt-6">
-                <SfButton @click="callEndpoint" size="lg"> call </SfButton>
-                <SfButton @click="reset" size="lg" variant="secondary" class="bg-white"> reset </SfButton>
-            </div>
-        </div>
+  path: `playground/app/pages/methods/${name}.vue`,
+  contents: `
+<template>
+  <div class="flex justify-center items-center h-screen">
+    <div class="p-5 w-96">
+      <h1 class="typography-headline-2 font-bold mt-2 mb-4 text-green-500">
+        Build something amazing
+      </h1>
+      <p class="text-gray-50">${config.integrationName}/${name}</p>
+      <div class="box">
+        <!-- <JsonViewer :value="jsonData" copyable boxed sort theme="light"  @onKeyClick="keyClick"/> -->
+        <h4 class="text-gray-50">Response</h4>
+        <JsonViewer
+          class="min-h-[800px] min-w-[500px]"
+          :value="res"
+          expandDepth="5"
+          expanded
+          copyable
+          boxed
+          sort
+          theme="dark"
+        />
+      </div>
+      <div class="flex flex-col md:flex-row gap-4 mt-6">
+        <SfButton @click="callEndpoint" size="lg"> call </SfButton>
+        <SfButton @click="reset" size="lg" variant="secondary" class="bg-white">
+          reset
+        </SfButton>
+      </div>
     </div>
+  </div>
 </template>
 
 <script lang="ts" setup>
-import { SfButton } from '@storefront-ui/vue';
-import { sdk } from '~/sdk.config';
-import { JsonViewer } from "vue3-json-viewer"
+import { SfButton } from "@storefront-ui/vue";
+import { JsonViewer } from "vue3-json-viewer";
 import "vue3-json-viewer/dist/index.css";
 
-const res = useState('waiting to call ${name} ...');
+const sdk = useSdk();
+const res = useState(
+  "${name}",
+  () => "waiting to call ${name}() ..."
+);
 
 async function callEndpoint() {
-    const { data } = await sdk.${config.integrationName}.${name}('test');
-    res.value = data
+  const { data } = await sdk.${config.integrationName}.${name}("test");
+  res.value = data;
 }
 
 function reset() {
-    res.value = 'waiting to call ${name} ...'
+  res.value = "waiting to call test ...";
 }
 </script>
 `,
-})
+});
diff --git a/cli/src/domains/add/templates/sdkMethod.ts b/cli/src/domains/add/templates/sdkMethod.ts
deleted file mode 100644
index 0105062..0000000
--- a/cli/src/domains/add/templates/sdkMethod.ts
+++ /dev/null
@@ -1,32 +0,0 @@
-import { Template } from "./types";
-
-export const sdkMethod: Template = ({ name }) => ({
-  path: `packages/sdk/src/methods/${name}/index.ts`,
-  contents: `import { client } from '../../client';
-import { TODO } from '../../types';
-
-/**
- * Method summary - General information about the SDK method, usually a single sentence.
- * 
- * @remarks
- * In this section, we have been adding detailed information such as:
- * * what API middleware endpoint this method is calling,
- * * what SAP OCC API endpoints are being called as a result of using this method,
- * * when this method can be used and when it can’t (e.g. logged-in vs anonymous users),
- * * simply everything what helps with understanding how it works.
- * 
- * @param props
- * Just like our API methods, our SDK connector methods accept a single props parameter which carries relevant sub-properties. Therefore, there isn’t much to be described within that TSDoc section.
- * 
- * @returns
- * Human-friendly information what the SDK methods returns.
- * 
- * @example
- * A short code snippet showing how to use the method. Usually we have more than one @example. We should strive for adding as many examples as possible here, with multiple param configurations.
- */
-export async function ${name}(props: TODO) {
-  const { data } = await client.post<TODO>('${name}', props);
-  return data
-}
-`})
-
diff --git a/cli/src/domains/add/templates/types.ts b/cli/src/domains/add/templates/types.ts
index 79cd0dd..163a596 100644
--- a/cli/src/domains/add/templates/types.ts
+++ b/cli/src/domains/add/templates/types.ts
@@ -1,7 +1,7 @@
 export interface TemplateOptions {
-  name: string
+  name: string;
 }
 
 export interface Template {
-  (options: TemplateOptions): { path: string; contents: string }
+  (options: TemplateOptions): { path: string; contents: string };
 }
diff --git a/cli/src/domains/add/writeApiMethod.ts b/cli/src/domains/add/writeApiMethod.ts
index 43782a3..0f04e53 100644
--- a/cli/src/domains/add/writeApiMethod.ts
+++ b/cli/src/domains/add/writeApiMethod.ts
@@ -1,18 +1,11 @@
 import fs from "fs";
-import { writeToTypescriptFile } from "./writeTypescriptFile";
-import { resolve } from 'pathe'
+import { resolve } from "pathe";
 
-export const writeApiMethod = async (
-  endpoint: string,
-) => {
+export const writeApiMethod = async (endpoint: string) => {
   const apiIndexPath = resolve(`./packages/api-client/src/api/index.ts`);
-  const typesMethodPath = resolve('./packages/api-client/src/types/api/endpoints.ts');
 
   fs.appendFileSync(
     apiIndexPath,
-    `\nexport { ${endpoint} } from './${endpoint}';`
+    `export { ${endpoint} } from "./${endpoint}";\n`
   );
-
-
-  writeToTypescriptFile(typesMethodPath, endpoint);
 };
diff --git a/cli/src/domains/add/writeSdkMethod.ts b/cli/src/domains/add/writeSdkMethod.ts
deleted file mode 100644
index f64770a..0000000
--- a/cli/src/domains/add/writeSdkMethod.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-import fs from "fs";
-
-export const writeSDKMethod = async (
-  endpoint: string
-) => {
-  const sdkMethodPath = `./packages/sdk/src/methods/${endpoint}`;
-  const isFileExist = fs.existsSync(sdkMethodPath);
-
-  if (isFileExist) {
-    fs.appendFileSync(
-      "./packages/sdk/src/methods/index.ts",
-      `\nexport { ${endpoint} } from './${endpoint}';`
-    );
-  }
-};
diff --git a/cli/src/index.ts b/cli/src/index.ts
index 39e47a9..69b4e2d 100644
--- a/cli/src/index.ts
+++ b/cli/src/index.ts
@@ -1,5 +1,5 @@
 import { defineCommand, runMain } from "citty";
-import {commands} from "./commands"
+import { commands } from "./commands";
 
 const main = defineCommand({
   meta: {
@@ -10,8 +10,7 @@ const main = defineCommand({
   subCommands: commands,
   async setup(ctx) {
     const command = ctx.args._[0];
-    
-  }
+  },
 });
 
-export const runCommand = () =>runMain(main);
+export const runCommand = () => runMain(main);
diff --git a/cli/vsf.js b/cli/vsf.js
index 90742c7..8951873 100644
--- a/cli/vsf.js
+++ b/cli/vsf.js
@@ -1,5 +1,5 @@
 #!/usr/bin/env node
 
-import { runCommand } from './dist/index.mjs'
+import { runCommand } from "./dist/index.mjs";
 
-runCommand()
+runCommand();
diff --git a/dev.config.ts b/dev.config.ts
deleted file mode 100644
index ac3dc35..0000000
--- a/dev.config.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-{
-  name: 'dev'
-}
diff --git a/package.json b/package.json
index 91ea65b..dd4b378 100644
--- a/package.json
+++ b/package.json
@@ -6,9 +6,10 @@
     "vsf": "node vsf.mjs",
     "build": "lerna run build",
     "build:cli": "cd cli && yarn build",
-    "dev": "concurrently --names \"Frontend,Middleware\" \"npm run dev:app\" \"npm run dev:middleware\"",
-    "dev:app": "cd playground/app && npm run dev",
-    "dev:middleware": "cd playground/middleware && npm run dev",
+    "dev": "concurrently --names \"ApiClient,Frontend,Middleware\" \"yarn dev:api-client\" \"yarn dev:app\" \"yarn dev:middleware\"",
+    "dev:app": "cd playground/app && yarn dev",
+    "dev:middleware": "cd playground/middleware && yarn dev",
+    "dev:api-client": "cd packages/api-client && yarn dev",
     "test": "lerna run test",
     "lint": "lerna run lint"
   },
@@ -23,7 +24,8 @@
     "rimraf": "^5.0.0",
     "ts-jest": "^29.1.0",
     "ts-node": "^10.9.1",
-    "typescript": "^5"
+    "typescript": "^5",
+    "concurrently": "^8.2.2"
   },
   "engines": {
     "node": ">=16.x"
diff --git a/packages/api-client/rollup.config.js b/packages/api-client/rollup.config.mjs
similarity index 73%
rename from packages/api-client/rollup.config.js
rename to packages/api-client/rollup.config.mjs
index 6585c5c..1edb275 100644
--- a/packages/api-client/rollup.config.js
+++ b/packages/api-client/rollup.config.mjs
@@ -2,6 +2,6 @@ import {
   generateBaseConfig,
   generateServerConfig,
 } from "@vue-storefront/rollup-config";
-import package_ from "./package.json";
+import package_ from "./package.json" assert { type: "json" };
 
 export default [generateBaseConfig(package_), generateServerConfig(package_)];
diff --git a/packages/api-client/src/api/exampleEndpoint/index.ts b/packages/api-client/src/api/exampleMethod/index.ts
similarity index 54%
rename from packages/api-client/src/api/exampleEndpoint/index.ts
rename to packages/api-client/src/api/exampleMethod/index.ts
index 5918d9a..a7e387e 100644
--- a/packages/api-client/src/api/exampleEndpoint/index.ts
+++ b/packages/api-client/src/api/exampleMethod/index.ts
@@ -3,10 +3,19 @@ import consola from "consola";
 import { BoilerplateIntegrationContext, TODO } from "../../types";
 
 /**
- * Example method that is available in the Middleware as an `exampleEndpoint` endpoint.
- * Use it as a reference for your own methods.
+ * Greets the integrator with a friendly message.
+ *
+ * @remarks
+ * This is an example method that can be used as a starting point for creating new methods.
+ *
+ * @example
+ * SDK usage:
+ * ```ts
+ * const result = await sdk.boilerplate.exampleMethod("test");
+ * console.log(result); // { data: "Hello, Vue Storefront Integrator!" }
+ * ```
  */
-export const exampleEndpoint = async (
+export const exampleMethod = async (
   context: BoilerplateIntegrationContext,
   params: TODO
 ) => {
diff --git a/packages/api-client/src/api/index.ts b/packages/api-client/src/api/index.ts
index 0e190dd..0bb4a43 100644
--- a/packages/api-client/src/api/index.ts
+++ b/packages/api-client/src/api/index.ts
@@ -1 +1 @@
-export { exampleEndpoint } from "./exampleEndpoint";
+export { exampleMethod } from "./exampleMethod";
diff --git a/playground/middleware/package.json b/playground/middleware/package.json
index 8738b64..6bd6168 100644
--- a/playground/middleware/package.json
+++ b/playground/middleware/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@vue-storefront/integration-boilerplate-playground",
+  "name": "@vue-storefront/integration-boilerplate-playground-middleware",
   "private": true,
   "version": "0.1.0",
   "engines": {
diff --git a/playground/middleware/src/index.ts b/playground/middleware/src/index.ts
index 9225757..9ebd2d4 100755
--- a/playground/middleware/src/index.ts
+++ b/playground/middleware/src/index.ts
@@ -21,14 +21,10 @@ const buildApp = async (config: MiddlewareConfig) => {
 (async () => {
   // Waiting to fix breaking change from middleware
   const app = await buildApp({ integrations } as any);
-  const port = Number(process.env.API_PORT) || 8181;
+  const port = Number(process.env.API_PORT) || 4000;
 
   app.listen(port, "", () => {
     // eslint-disable-next-line no-console
     console.log(`API server listening on port ${port}`);
-    if (process.env.IS_MULTISTORE_ENABLED === "false") {
-      // eslint-disable-next-line no-console
-      console.log("Multistore is not enabled");
-    }
   });
 })();
diff --git a/playground/middleware/types.ts b/playground/middleware/types.ts
index 919a65a..d136413 100644
--- a/playground/middleware/types.ts
+++ b/playground/middleware/types.ts
@@ -1 +1 @@
-export { Endpoints } from "@vue-storefront/integration-boilerplate-api";
+export { type Endpoints } from "@vue-storefront/integration-boilerplate-api";
diff --git a/yarn.lock b/yarn.lock
index 81a5cda..bcee94f 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -263,6 +263,13 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.22.5"
 
+"@babel/runtime@^7.21.0":
+  version "7.24.0"
+  resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.24.0.tgz#584c450063ffda59697021430cb47101b085951e"
+  integrity sha512-Chk32uHMg6TnQdvw2e9IlqPpFX/6NLuK0Ys2PqLb7/gL5uFn9mXvK715FGLlOLQrcO4qIkNHkvPGktzzXexsFw==
+  dependencies:
+    regenerator-runtime "^0.14.0"
+
 "@babel/template@^7.22.15", "@babel/template@^7.24.0", "@babel/template@^7.3.3":
   version "7.24.0"
   resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.24.0.tgz#c6a524aa93a4a05d66aaf31654258fae69d87d50"
@@ -2225,7 +2232,7 @@ chalk@^2.4.2:
     escape-string-regexp "^1.0.5"
     supports-color "^5.3.0"
 
-chalk@^4.0.0, chalk@^4.0.2, chalk@^4.1.0, chalk@^4.1.1:
+chalk@^4.0.0, chalk@^4.0.2, chalk@^4.1.0, chalk@^4.1.1, chalk@^4.1.2:
   version "4.1.2"
   resolved "https://registry.yarnpkg.com/chalk/-/chalk-4.1.2.tgz#aac4e2b7734a740867aeb16bf02aad556a1e7a01"
   integrity sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==
@@ -2461,6 +2468,21 @@ concat-stream@^2.0.0:
     readable-stream "^3.0.2"
     typedarray "^0.0.6"
 
+concurrently@^8.2.2:
+  version "8.2.2"
+  resolved "https://registry.yarnpkg.com/concurrently/-/concurrently-8.2.2.tgz#353141985c198cfa5e4a3ef90082c336b5851784"
+  integrity sha512-1dP4gpXFhei8IOtlXRE/T/4H88ElHgTiUzh71YUmtjTEHMSRS2Z/fgOxHSxxusGHogsRfxNq1vyAwxSC+EVyDg==
+  dependencies:
+    chalk "^4.1.2"
+    date-fns "^2.30.0"
+    lodash "^4.17.21"
+    rxjs "^7.8.1"
+    shell-quote "^1.8.1"
+    spawn-command "0.0.2"
+    supports-color "^8.1.1"
+    tree-kill "^1.2.2"
+    yargs "^17.7.2"
+
 config-chain@1.1.12:
   version "1.1.12"
   resolved "https://registry.yarnpkg.com/config-chain/-/config-chain-1.1.12.tgz#0fde8d091200eb5e808caf25fe618c02f48e4efa"
@@ -2677,6 +2699,13 @@ dargs@^7.0.0:
   resolved "https://registry.yarnpkg.com/dargs/-/dargs-7.0.0.tgz#04015c41de0bcb69ec84050f3d9be0caf8d6d5cc"
   integrity sha512-2iy1EkLdlBzQGvbweYRFxmFath8+K7+AKB0TlhHWkNuH+TmovaMH/Wp7V7R4u7f4SnX3OgLsU9t1NI9ioDnUpg==
 
+date-fns@^2.30.0:
+  version "2.30.0"
+  resolved "https://registry.yarnpkg.com/date-fns/-/date-fns-2.30.0.tgz#f367e644839ff57894ec6ac480de40cae4b0f4d0"
+  integrity sha512-fnULvOpxnC5/Vg3NCiWelDsLiUc9bRwAPs/+LfTLNvetFCtCTN+yQz15C/fs4AwX1R9K5GLtLfn8QW+dWisaAw==
+  dependencies:
+    "@babel/runtime" "^7.21.0"
+
 dateformat@^3.0.0:
   version "3.0.3"
   resolved "https://registry.yarnpkg.com/dateformat/-/dateformat-3.0.3.tgz#a6e37499a4d9a9cf85ef5872044d62901c9889ae"
@@ -6882,6 +6911,11 @@ redent@^3.0.0:
     indent-string "^4.0.0"
     strip-indent "^3.0.0"
 
+regenerator-runtime@^0.14.0:
+  version "0.14.1"
+  resolved "https://registry.yarnpkg.com/regenerator-runtime/-/regenerator-runtime-0.14.1.tgz#356ade10263f685dda125100cd862c1db895327f"
+  integrity sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw==
+
 regexp.prototype.flags@^1.5.2:
   version "1.5.2"
   resolved "https://registry.yarnpkg.com/regexp.prototype.flags/-/regexp.prototype.flags-1.5.2.tgz#138f644a3350f981a858c44f6bb1a61ff59be334"
@@ -7017,7 +7051,7 @@ run-parallel@^1.1.9:
   dependencies:
     queue-microtask "^1.2.2"
 
-rxjs@^7.5.5:
+rxjs@^7.5.5, rxjs@^7.8.1:
   version "7.8.1"
   resolved "https://registry.yarnpkg.com/rxjs/-/rxjs-7.8.1.tgz#6f6f3d99ea8044291efd92e7c7fcf562c4057543"
   integrity sha512-AA3TVj+0A2iuIoQkWEK/tqFjBq2j+6PO6Y0zJcvzLAFhEFIO3HL0vls9hWLncZbAAbK0mar7oZ4V079I/qPMxg==
@@ -7169,6 +7203,11 @@ shebang-regex@^3.0.0:
   resolved "https://registry.yarnpkg.com/shebang-regex/-/shebang-regex-3.0.0.tgz#ae16f1644d873ecad843b0307b143362d4c42172"
   integrity sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==
 
+shell-quote@^1.8.1:
+  version "1.8.1"
+  resolved "https://registry.yarnpkg.com/shell-quote/-/shell-quote-1.8.1.tgz#6dbf4db75515ad5bac63b4f1894c3a154c766680"
+  integrity sha512-6j1W9l1iAs/4xYBI1SYOVZyFcCis9b4KCLQ8fgAGG07QvzaRLVVRQvAy85yNmmZSjYjg4MWh4gNvlPujU/5LpA==
+
 side-channel@^1.0.4:
   version "1.0.6"
   resolved "https://registry.yarnpkg.com/side-channel/-/side-channel-1.0.6.tgz#abd25fb7cd24baf45466406b1096b7831c9215f2"
@@ -7280,6 +7319,11 @@ sourcemap-codec@^1.4.8:
   resolved "https://registry.yarnpkg.com/sourcemap-codec/-/sourcemap-codec-1.4.8.tgz#ea804bd94857402e6992d05a38ef1ae35a9ab4c4"
   integrity sha512-9NykojV5Uih4lgo5So5dtw+f0JgJX30KCNI8gwhz2J9A15wD0Ml6tjHKwf6fTSa6fAdVBdZeNOs9eJ71qCk8vA==
 
+spawn-command@0.0.2:
+  version "0.0.2"
+  resolved "https://registry.yarnpkg.com/spawn-command/-/spawn-command-0.0.2.tgz#9544e1a43ca045f8531aac1a48cb29bdae62338e"
+  integrity sha512-zC8zGoGkmc8J9ndvml8Xksr1Amk9qBujgbF0JAIWO7kXr43w0h/0GJNM/Vustixu+YE8N/MTrQ7N31FvHUACxQ==
+
 spdx-correct@^3.0.0:
   version "3.2.0"
   resolved "https://registry.yarnpkg.com/spdx-correct/-/spdx-correct-3.2.0.tgz#4f5ab0668f0059e34f9c00dce331784a12de4e9c"
@@ -7502,7 +7546,7 @@ supports-color@^7.1.0:
   dependencies:
     has-flag "^4.0.0"
 
-supports-color@^8.0.0:
+supports-color@^8.0.0, supports-color@^8.1.1:
   version "8.1.1"
   resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-8.1.1.tgz#cd6fc17e28500cff56c1b86c0a7fd4a54a73005c"
   integrity sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==
@@ -8280,7 +8324,7 @@ yargs@16.2.0, yargs@^16.2.0:
     y18n "^5.0.5"
     yargs-parser "^20.2.2"
 
-yargs@^17.3.1, yargs@^17.6.2:
+yargs@^17.3.1, yargs@^17.6.2, yargs@^17.7.2:
   version "17.7.2"
   resolved "https://registry.yarnpkg.com/yargs/-/yargs-17.7.2.tgz#991df39aca675a192b816e1e0363f9d75d2aa269"
   integrity sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==