@squiz/component-cli-lib 1.69.0 → 1.70.0

package/src/component-init.ts

@@ -1,81 +0,0 @@
-import fse from 'fs-extra';
-import path from 'path';
-import { getLogger, LoggerOptions } from '@squiz/dx-logger-lib';
-
-export interface InitPrompts {
-  name: string;
-  displayName: string;
-  description: string;
-  namespace: string;
-}
-
-const DEFAULT_PROMPTS: InitPrompts = {
-  name: 'default',
-  displayName: 'Default',
-  description: 'Default component',
-  namespace: 'default-namespace',
-};
-
-interface InitOptions {
-  componentType: 'basic' | 'advanced';
-  destination: string;
-  loggingFormat?: LoggerOptions['format'];
-  prompts?: Partial<InitPrompts>;
-}
-
-/**
- * componentInit initializes a new component
- * @param {object} options - The options object
- * @param {string} options.componentType - The type of component to initialize
- * @returns {void}
- */
-export default async function componentInit(options: InitOptions) {
-  const logger = getLogger({
-    name: 'component-dev',
-    format: options.loggingFormat || 'human',
-    silent: process.env.NODE_ENV === 'test',
-  });
-
-  logger.info('Initializing component...');
-
-  // Get our current script directory
-  const currentScriptDir = path.resolve(__dirname);
-
-  // Define the file source to move from
-  const sourceFolder = path.join(currentScriptDir, 'templates', options.componentType);
-
-  // Define the file destination to move to
-  const destination = path.resolve(options.destination);
-
-  // If the destination folder already exists, and it's not empty, throw an error
-  if (await fse.pathExists(destination)) {
-    const files = await fse.readdir(destination);
-    if (files.length > 0) {
-      throw new Error('The destination folder already exists and is not empty.');
-    }
-  } else {
-    // If the destination folder doesn't exist, create it
-    await fse.mkdirp(destination);
-  }
-
-  // Copy the contents of the source folder to the destination folder
-  await fse.copy(sourceFolder, destination);
-  await writeManifestVariables({ destination, prompts: Object.assign({}, DEFAULT_PROMPTS, options.prompts) });
-
-  logger.info('Component initialized!');
-}
-
-async function writeManifestVariables(options: { destination: string; prompts: InitPrompts }) {
-  const { destination, prompts } = options;
-
-  const manifestPath = path.resolve(destination, 'manifest.json');
-
-  const manifest = await fse.readJSON(manifestPath);
-
-  manifest.name = prompts.name;
-  manifest.displayName = prompts.displayName;
-  manifest.description = prompts.description;
-  manifest.namespace = prompts.namespace;
-
-  await fse.writeJSON(manifestPath, manifest, { spaces: 2 });
-}

package/src/index.ts

@@ -1,5 +0,0 @@
-export { uploadComponentFolder } from './upload-component-folder';
-export { startDevelopmentRender } from './component-dev';
-export { startEdgeDevelopmentRender } from './component-edge-dev';
-export { default as componentInit, InitPrompts } from './component-init';
-export { uploadJobFolder } from './upload-job';

package/src/integration-tests/__components__/big-package/manifest.json

@@ -1,36 +0,0 @@
-{
-  "$schema": "http://localhost:3000/schemas/v1.json#",
-
-  "name": "big-package",
-  "version": "1.0.2",
-  "mainFunction": "render-json",
-  "namespace": "smoke-test-components",
-  "displayName": "some-displayName",
-  "description": "some-description",
-  "functions": [
-    {
-      "name": "render-json",
-      "entry": "render-json.js",
-      "input": {
-        "type": "object",
-        "properties": {
-          "something": {
-            "type": "string"
-          }
-        },
-        "required": ["something"]
-      },
-      "output": {
-        "responseType": "json",
-        "definition": {
-          "properties": {
-            "my-prop": {
-              "type": "string"
-            }
-          },
-          "required": ["my-prop"]
-        }
-      }
-    }
-  ]
-}

package/src/integration-tests/__components__/big-package/render-json.js

@@ -1,5 +0,0 @@
-module.exports = async function () {
-  return {
-    'my-prop': 'test value for my-prop',
-  };
-};

package/src/integration-tests/__components__/cmp-format-string/main.js

@@ -1,7 +0,0 @@
-/**
- * @param {object} input
- * @param {ComponentInfo} info
- */
-module.exports = async function (input, info) {
-  return `<div>Input: ${input.text}</div>`;
-};

package/src/integration-tests/__components__/cmp-format-string/manifest.json

@@ -1,41 +0,0 @@
-{
-  "$schema": "http://localhost:3000/schemas/v1.json#",
-
-  "name": "cmp-format-string",
-  "version": "1.0.0",
-  "mainFunction": "main",
-  "displayName": "some-display-name",
-  "namespace": "smoke-test-components",
-  "description": "some-description",
-  "functions": [
-    {
-      "name": "main",
-      "entry": "main.js",
-      "input": {
-        "type": "object",
-        "properties": {
-          "text": {
-            "type": "string",
-            "format": "multi-line"
-          }
-        },
-        "required": ["text"]
-      },
-      "output": { "responseType": "html" }
-    }
-  ],
-  "previews": {
-    "test-preview": {
-      "functionData": {
-        "main": {
-          "inputData": {
-            "type": "inline",
-            "value": {
-              "text": "this is a test"
-            }
-          }
-        }
-      }
-    }
-  }
-}

package/src/integration-tests/__components__/cmp-no-api-key/main.js

@@ -1,25 +0,0 @@
-/**
- * @param {object} input
- * @param {ComponentInfo} info
- */
-module.exports = async function (input, info) {
-  function hasDxpApiKey(obj) {
-    if (typeof obj === 'object' && obj !== null) {
-      if (obj.hasOwnProperty('dxpApiKey')) {
-        return true;
-      }
-      for (const prop in obj) {
-        if (hasDxpApiKey(obj[prop])) {
-          return true;
-        }
-      }
-    }
-    return false;
-  }
-
-  if (hasDxpApiKey(input) || hasDxpApiKey(info)) {
-    return 'true';
-  }
-
-  return 'false';
-};

package/src/integration-tests/__components__/cmp-no-api-key/manifest.json

@@ -1,41 +0,0 @@
-{
-  "$schema": "http://localhost:3000/schemas/v1.json#",
-
-  "name": "cmp-no-api-key",
-  "version": "1.0.0",
-  "mainFunction": "main",
-  "displayName": "some-display-name",
-  "namespace": "smoke-test-components",
-  "description": "some-description",
-  "functions": [
-    {
-      "name": "main",
-      "entry": "main.js",
-      "input": {
-        "type": "object",
-        "properties": {
-          "text": {
-            "type": "string",
-            "format": "multi-line"
-          }
-        },
-        "required": []
-      },
-      "output": { "responseType": "html" }
-    }
-  ],
-  "previews": {
-    "test-preview": {
-      "functionData": {
-        "main": {
-          "inputData": {
-            "type": "inline",
-            "value": {
-              "text": "this is a test"
-            }
-          }
-        }
-      }
-    }
-  }
-}

package/src/integration-tests/__components__/cmp-property-order/main.js

@@ -1,6 +0,0 @@
-/**
- * @param {object} input
- */
-module.exports = async function (input) {
-  return `<div>Input: ${JSON.stringify(input)}</div>`;
-};

package/src/integration-tests/__components__/cmp-property-order/manifest.json

@@ -1,60 +0,0 @@
-{
-  "$schema": "http://localhost:3000/schemas/v1.json#",
-
-  "name": "cmp-property-order",
-  "version": "1.0.0",
-  "mainFunction": "main",
-  "displayName": "some-display-name",
-  "namespace": "smoke-test-components",
-  "description": "some-description",
-  "functions": [
-    {
-      "name": "main",
-      "entry": "main.js",
-      "input": {
-        "type": "object",
-        "properties": {
-          "input1": {
-            "type": "string"
-          },
-          "333": {
-            "type": "string"
-          },
-          "input333": {
-            "type": "string"
-          },
-          "\"": {
-            "type": "string"
-          },
-          "~": {
-            "type": "string"
-          },
-          "": {
-            "type": "string"
-          },
-          "$": {
-            "type": "string"
-          },
-          "111": {
-            "type": "string"
-          },
-          "input22": {
-            "type": "string"
-          },
-          "222": {
-            "type": "string"
-          },
-          "*": {
-            "type": "string"
-          },
-          "null": {
-            "type": "null",
-            "default": null
-          }
-        },
-        "required": []
-      },
-      "output": { "responseType": "html" }
-    }
-  ]
-}

package/src/integration-tests/__components__/cmp-static-file-test/main.js

@@ -1,6 +0,0 @@
-module.exports = async function (input, info) {
-  return (
-    `<div>Input: ${input.something}</div>` +
-    `<div>${info.componentName} ${info.version} ${info.ctx.getStaticResourceUrl('birthday-cake.png')}</div>`
-  );
-};

package/src/integration-tests/__components__/cmp-static-file-test/manifest.json

@@ -1,42 +0,0 @@
-{
-  "$schema": "http://localhost:3000/schemas/v1.json#",
-
-  "name": "cmp-static-file-test",
-  "version": "1.0.0",
-  "mainFunction": "main",
-  "namespace": "smoke-test-components",
-  "displayName": "some-displayName",
-  "description": "some-description",
-  "functions": [
-    {
-      "entry": "main.js",
-      "name": "main",
-      "input": {
-        "type": "object",
-        "properties": {
-          "something": {
-            "type": "string"
-          }
-        },
-        "required": []
-      },
-      "output": {
-        "responseType": "html",
-
-        "staticFiles": [
-          {
-            "location": "header",
-            "file": {
-              "filepath": "static-library-file.js",
-              "type": "js"
-            }
-          }
-        ]
-      }
-    }
-  ],
-
-  "staticFiles": {
-    "locationRoot": "public"
-  }
-}

package/src/integration-tests/__components__/cmp-static-file-test/public/static-library-file.js

@@ -1 +0,0 @@
-const name = 'foo';

package/src/integration-tests/__components__/invalid-manifest/main.js

@@ -1,3 +0,0 @@
-module.exports = async function (input, info) {
-  return '<div>test</div>';
-};

package/src/integration-tests/__components__/invalid-manifest/manifest.json

@@ -1,29 +0,0 @@
-{
-  "$schema": "http://localhost:3000/schemas/v1.json#",
-
-  "name": "invalid-manifes@t",
-  "version": "1.0.0",
-  "mainFunction": "main",
-  "namespace": "smoke-test-components",
-  "displayName": "some-displayName",
-  "description": "some-description",
-
-  "functions": [
-    {
-      "entry": "main.js",
-      "name": "main",
-      "input": {
-        "type": "object",
-        "properties": {
-          "something": {
-            "type": "string"
-          }
-        },
-        "required": ["something"]
-      },
-      "output": {
-        "responseType": "html"
-      }
-    }
-  ]
-}

package/src/integration-tests/__components__/invalid-upload/main.js

@@ -1,3 +0,0 @@
-module.exports = async function (input, info) {
-  return '<div>test</div>';
-};

package/src/integration-tests/__components__/matrix-asset-uri/main.js

@@ -1,7 +0,0 @@
-/**
- * @param {object} input
- * @param {ComponentInfo} info
- */
-module.exports = async function (input, info) {
-  return `<div>Input: ${input.text}</div>`;
-};

package/src/integration-tests/__components__/matrix-asset-uri/manifest.json

@@ -1,42 +0,0 @@
-{
-  "$schema": "http://localhost:3000/schemas/v1.json#",
-
-  "name": "matrix-asset-uri",
-  "version": "1.0.0",
-  "mainFunction": "main",
-  "displayName": "some-display-name",
-  "namespace": "smoke-test-components",
-  "description": "some-description",
-  "functions": [
-    {
-      "name": "main",
-      "entry": "main.js",
-      "input": {
-        "type": "object",
-        "properties": {
-          "text": {
-            "type": "string",
-            "format": "matrix-asset-uri",
-            "matrixAssetTypes": ["image"]
-          }
-        },
-        "required": ["text"]
-      },
-      "output": { "responseType": "html" }
-    }
-  ],
-  "previews": {
-    "test-preview": {
-      "functionData": {
-        "main": {
-          "inputData": {
-            "type": "inline",
-            "value": {
-              "text": "matrix-asset://canary.uat.matrix.squiz.cloud/123"
-            }
-          }
-        }
-      }
-    }
-  }
-}

package/src/integration-tests/__components__/test-page-render/main.js

@@ -1,3 +0,0 @@
-module.exports = async function (input, info) {
-  return `<div>component-html</div>`;
-};

package/src/integration-tests/__components__/test-page-render/manifest.json

@@ -1,46 +0,0 @@
-{
-  "$schema": "http://localhost:3000/schemas/v1.json#",
-  "name": "test-page-render",
-  "version": "1.0.0",
-  "mainFunction": "main",
-  "displayName": "some-display-name",
-  "namespace": "unit-test-components",
-  "description": "some-description",
-  "functions": [
-    {
-      "name": "main",
-      "entry": "main.js",
-      "input": {
-        "type": "object",
-        "properties": {
-          "text ": {
-            "type": "string"
-          }
-        },
-        "required": []
-      },
-      "output": {
-        "responseType": "html",
-        "staticFiles": [
-          {
-            "location": "header",
-            "file": {
-              "filepath": "static-library-styles.css",
-              "type": "css"
-            }
-          },
-          {
-            "location": "footer",
-            "file": {
-              "filepath": "static-library-script.js",
-              "type": "js"
-            }
-          }
-        ]
-      }
-    }
-  ],
-  "staticFiles": {
-    "locationRoot": "public"
-  }
-}

package/src/integration-tests/__components__/test-page-render/public/static-library-script.js

@@ -1 +0,0 @@
-// static library frontend js

package/src/integration-tests/__components__/test-page-render/public/static-library-styles.css

@@ -1,3 +0,0 @@
-.component-class {
-  color: red;
-}

package/src/integration-tests/__jobs__/invalid-manifest/main.js

@@ -1,3 +0,0 @@
-module.exports = async function (input, info) {
-  return 'this is a test job';
-};

package/src/integration-tests/__jobs__/invalid-manifest/manifest.json

@@ -1,28 +0,0 @@
-{
-  "$schema": "http://localhost:3040/schemas/JobV1.json#",
-  "name": "invalid manif@st",
-  "version": "1.0.0",
-  "mainFunction": "main",
-  "displayName": "some-displayName",
-  "description": "some-description",
-  "concurrency": 1,
-  "timeout": 10000,
-  "functions": [
-    {
-      "entry": "main.js",
-      "name": "main",
-      "input": {
-        "type": "object",
-        "properties": {
-          "something": {
-            "type": "string"
-          }
-        },
-        "required": ["something"]
-      },
-      "output": {
-        "responseType": "html"
-      }
-    }
-  ]
-}

package/src/integration-tests/__jobs__/invalid-upload/main.js

@@ -1,3 +0,0 @@
-module.exports = async function (input, info) {
-  return 'this is a test job';
-};

package/src/integration-tests/__jobs__/simple-job/main.js

@@ -1,3 +0,0 @@
-module.exports = async function (input, info) {
-  return 'this is a test job';
-};

package/src/integration-tests/__jobs__/simple-job/manifest.json

@@ -1,25 +0,0 @@
-{
-  "$schema": "http://localhost:3040/schemas/JobV1.json#",
-  "name": "simple-job",
-  "displayName": "Simple Job",
-  "version": "1.0.2",
-  "mainFunction": "main",
-  "description": "some-description",
-  "concurrency": 1,
-  "timeout": 10000,
-  "functions": [
-    {
-      "entry": "main.js",
-      "name": "main",
-      "input": {
-        "type": "object",
-        "properties": {
-          "something": {
-            "type": "string"
-          }
-        },
-        "required": ["something"]
-      }
-    }
-  ]
-}