@squiz/component-cli-lib 1.69.1 → 1.70.0

package/build.js

@@ -1,28 +0,0 @@
-const { dependencies } = require('./package.json');
-const path = require('path');
-const fs = require('fs-extra');
-const esBuild = require('esbuild');
-
-const entryFile = 'src/index.ts';
-const shared = {
-  bundle: true,
-  minify: true,
-  sourcemap: true,
-  entryPoints: [entryFile],
-  external: Object.keys(dependencies).concat('pg-native'),
-  logLevel: 'info',
-  format: 'cjs',
-  platform: 'node',
-  target: 'node16',
-  treeShaking: true,
-  outfile: 'lib/index.js',
-};
-
-Promise.all([
-  esBuild.build({
-    ...shared,
-  }),
-]).catch(() => process.exit(1));
-
-// Copy the src component-init-src to the lib folder
-fs.copySync(path.resolve(__dirname, 'templates'), path.resolve(__dirname, 'lib/templates'));

package/jest.config.ts

@@ -1,28 +0,0 @@
-import type { Config } from 'jest';
-import path from 'path';
-
-process.env.DATA_MOUNT_POINT = path.join(__dirname, '..', '..', 'test-components');
-process.env.SQUIZ_REGION = 'au';
-process.env.DEPLOYMENT_ENVIRONMENT = 'dev';
-
-// Sync object
-const config: Config = {
-  preset: 'ts-jest',
-  testTimeout: 60_000,
-  testEnvironment: 'node',
-  passWithNoTests: true,
-  testPathIgnorePatterns: [
-    '<rootDir>/lib/',
-    '<rootDir>/src/integration-tests',
-    '<rootDir>/src/test.ts',
-    '.*\\.integration\\.spec\\.ts$',
-  ],
-  maxWorkers: 1,
-  globals: {
-    'ts-jest': {
-      tsconfig: 'tsconfig.json',
-    },
-  },
-};
-
-export default config;

package/jest.integration.config.ts

@@ -1,27 +0,0 @@
-import { execSync } from 'child_process';
-import type { Config } from 'jest';
-import { defaultIntegrationConfig } from '../../jest.config';
-import { config as dotEnvConfig } from 'dotenv';
-dotEnvConfig();
-
-process.env.CI_COMMIT_SHORT_SHA ??= execSync('git rev-parse --short=8 HEAD', { encoding: 'utf-8' }).trim();
-process.env.CI_COMMIT_REF_NAME ??= execSync('git branch --show-current', { encoding: 'utf-8' }).trim();
-process.env.SQUIZ_REGION = 'au';
-process.env.DEPLOYMENT_ENVIRONMENT = 'dev';
-process.env.TENANT_ID ??= 'my-tenant';
-
-// Sync object
-const config: Config = {
-  ...defaultIntegrationConfig,
-  maxWorkers: 1,
-
-  setupFiles: ['./src/integration-tests/test-setup.ts'],
-  detectOpenHandles: true,
-
-  globals: {
-    BUILD_VERSION: process.env.CI_COMMIT_SHORT_SHA,
-    BUILD_BRANCH: process.env.CI_COMMIT_REF_NAME,
-  },
-};
-
-export default config;

package/localStart.ts

@@ -1,11 +0,0 @@
-import path from 'path';
-import { startDevelopmentRender } from './src';
-
-async function startRender() {
-  const componentPath = path.resolve(process.cwd(), process.argv[2]);
-
-  console.log('Starting render for ' + componentPath);
-  const _server = startDevelopmentRender(componentPath, { port: 3101, loggingFormat: 'human' });
-}
-
-startRender();

package/src/component-dev-folder-structures.integration.spec.ts

@@ -1,91 +0,0 @@
-import supertest from 'supertest';
-import path from 'path';
-import fsp from 'fs/promises';
-
-import { TestHelpers } from '@squiz/render-runtime-lib/test-helpers';
-import { startDevelopmentRender } from './component-dev';
-import { Server } from 'http';
-
-jest.setTimeout(20_000);
-
-describe('component-dev', () => {
-  describe('production style folder structure', () => {
-    let server: Server;
-    let request: supertest.SuperTest<supertest.Test>;
-    beforeAll(async () => {
-      server = startDevelopmentRender(TestHelpers.getTestComponentFolder(), { port: 0, noBrowser: true });
-      request = supertest(server);
-    });
-
-    afterAll(async () => {
-      server.close();
-    });
-
-    it('should find the component', async () => {
-      const response = await request.get(
-        `/r/unit-test-components/test-component/1.0.10?_componentSet=set&something=hello`,
-      );
-      expect(response.text).toEqual('<div>hello - {}</div>');
-    });
-  });
-
-  describe('local developer style folders', () => {
-    let version: string;
-    let componentName: string;
-    let fixtureDirectory: string;
-    let server: Server;
-    let request: supertest.SuperTest<supertest.Test>;
-
-    beforeAll(async () => {
-      const {
-        fixtureDirectory: createdFixtureDirectory,
-        version: createdVersion,
-        componentName: createdName,
-      } = await TestHelpers.ComponentFixture.setupFullComponentDirectory('<h1>Hello World</h1>');
-
-      version = createdVersion;
-      fixtureDirectory = createdFixtureDirectory;
-      componentName = createdName;
-
-      server = startDevelopmentRender(fixtureDirectory, { port: 0, noBrowser: true });
-      request = supertest(server);
-    });
-    afterAll(async () => {
-      server.close();
-    });
-
-    afterAll(async () => {
-      await fsp.rm(path.join(fixtureDirectory, componentName), { force: true, recursive: true });
-    });
-
-    it('should handle recursing folders to find the component', async () => {
-      const response = await request.get(`/r/some-namespace/${componentName}/${version}?_componentSet=set`);
-      expect(response.text).toEqual('<h1>Hello World</h1>');
-    }, 30_000);
-
-    it('should handle serving static files from single component directory', async () => {
-      const response = await request.get(
-        `/s/some-namespace/${componentName}/${version}/static.txt?_componentSet=set-x`,
-      );
-      expect(response.text).toEqual('hello');
-    });
-  });
-
-  describe('It should pass a simple test and not launch the browser if the -nb flag is present', () => {
-    let server: Server;
-    let request: supertest.SuperTest<supertest.Test>;
-    beforeAll(async () => {
-      server = startDevelopmentRender(TestHelpers.getTestComponentFolder(), { port: 0, noBrowser: true });
-      request = supertest(server);
-    });
-    afterAll(async () => {
-      server.close();
-    });
-    it('should find the component', async () => {
-      const response = await request.get(
-        `/r/unit-test-components/test-component/1.0.10?_componentSet=set&something=hello`,
-      );
-      expect(response.text).toEqual('<div>hello - {}</div>');
-    });
-  });
-});

package/src/component-dev.integration.spec.ts

@@ -1,71 +0,0 @@
-import { routeTests, TestHelpers } from '@squiz/render-runtime-lib/test-helpers';
-import { startDevelopmentRender } from './component-dev';
-import supertest from 'supertest';
-import { Server } from 'http';
-
-jest.setTimeout(20_000);
-
-describe('component-dev', () => {
-  describe('accessing local dev routes', () => {
-    let server: Server;
-    let request: supertest.SuperTest<supertest.Test>;
-
-    beforeAll(async () => {
-      server = startDevelopmentRender(TestHelpers.getTestComponentFolder(), { port: 0, noBrowser: true });
-      request = supertest(server);
-    });
-
-    afterAll(async () => {
-      server.close();
-    });
-
-    it('should fail validation when requesting a function with a missing entry file', async () => {
-      const response = await request.get(
-        '/r/unit-test-components/test-component/1.0.3/main?_componentSet=set&something=not-used',
-      );
-
-      expect(response.body).toEqual({
-        message: '"main\'s" entry file "missing-entry-file.js" is inaccessible',
-      });
-      expect(response.statusCode).toEqual(500);
-    });
-
-    describe('definition routes', () => {
-      routeTests.definition(() => request, 'http://localhost:0');
-    });
-
-    describe('static routes', () => {
-      routeTests.static(() => request);
-    });
-
-    describe('render routes', () => {
-      routeTests.render(() => request, 'http://localhost:0');
-    });
-
-    describe('preview tests', () => {
-      routeTests.preview(() => request, 'http://localhost:0');
-    });
-
-    describe('development tests', () => {
-      routeTests.development(() => request, true);
-    });
-
-    describe('user experience', () => {
-      describe('on navigation to a component without preview from home page it should still try and render by default', () => {
-        it('should successfully try to render a component with a dummy set', async () => {
-          const listingResponse = await request.get('/');
-          // Component with no preview
-          expect(listingResponse.text).toContain(
-            '/r/unit-test-components/test-component/1.0.10?_componentSet=local-development-only',
-          );
-
-          const renderResponse = await request.get(
-            '/r/unit-test-components/test-component/1.0.10?_componentSet=local-development-only',
-          );
-
-          expect(renderResponse.statusCode).toEqual(200);
-        });
-      });
-    });
-  });
-});

package/src/component-dev.ts

@@ -1,102 +0,0 @@
-import {
-  ComponentRootUrlResolver,
-  ComponentPreviewService,
-  ComponentRunnerServiceWithWorkers,
-  RenderInputService,
-  setupRenderRuntimeServer,
-} from '@squiz/render-runtime-lib';
-import { NodeSandbox } from '@squiz/runtime-sandbox-node';
-import { getLogger, LoggerOptions } from '@squiz/dx-logger-lib';
-import path from 'path';
-import { ComponentFunctionService, ComponentSetServiceForLocalDev, ManifestServiceForDev } from '@squiz/component-lib';
-import open from 'open';
-import { DevelopmentApiKeyService } from '@squiz/dx-common-lib';
-import { ComponentLogger } from '@squiz/component-logger-lib';
-
-/**
- * startDevelopmentRender starts a dev-mode render stack for any
- * local directory. This should start an express server on a random unused port
- * which can be accessed for viewing the component in development.
- * @param {string} componentPath - The directory with the component to be rendered
- * @param {object} options - Additional configuration for the dev stack
- * @returns a function to stop the render stack
- */
-export function startDevelopmentRender(
-  componentPath: string,
-  options: { port: number; loggingFormat?: LoggerOptions['format']; noBrowser?: boolean },
-) {
-  const logger = getLogger({
-    name: 'component-dev',
-    format: options.loggingFormat || 'human',
-    silent: process.env.NODE_ENV === 'test',
-  });
-
-  const devComponentLogger = new ComponentLogger({
-    enabled: false,
-    tenantId: 'dev-tenant-id',
-    logUrl: '',
-    key: '',
-    tags: 'tag-foo tag-foo2',
-    serviceName: 'component-dev',
-  });
-
-  const dataMountPoint = path.resolve(process.cwd(), componentPath);
-
-  const rootUrl = `http://localhost:${options.port}`;
-  const componentRootUrlResolver: ComponentRootUrlResolver = () => rootUrl;
-
-  const apiKeyService = new DevelopmentApiKeyService();
-  const sandbox = new NodeSandbox({
-    workerPool: {
-      shouldCacheResponses: false,
-      workerLimits: {
-        minWorkers: 2,
-        maxWorkers: 2,
-      },
-    },
-  });
-  const componentRunnerService = new ComponentRunnerServiceWithWorkers(sandbox, logger, devComponentLogger);
-  const componentFunctionService = new ComponentFunctionService();
-  const componentSetService = new ComponentSetServiceForLocalDev(logger);
-  const manifestService = new ManifestServiceForDev(dataMountPoint, logger);
-  const contentItemService = undefined;
-  const renderInputService = new RenderInputService(
-    apiKeyService,
-    componentSetService,
-    manifestService,
-    componentFunctionService,
-    contentItemService,
-    componentRootUrlResolver,
-  );
-  const webServer = setupRenderRuntimeServer(
-    {
-      logger,
-      componentRunnerService,
-      componentFunctionService,
-      componentPreviewService: new ComponentPreviewService(),
-      componentSetService,
-      manifestService,
-      renderInputService,
-      apiKeyService,
-      sandbox,
-      componentRootUrlResolver,
-    },
-    {
-      enableDevMode: true,
-    },
-  );
-
-  const server = webServer.listen(options.port, () => {
-    logger.info(`Component development webserver started on port ${rootUrl}`);
-  });
-
-  if (options?.noBrowser !== true) {
-    open(rootUrl);
-  }
-
-  server.on('close', async () => {
-    await componentRunnerService.stop();
-  });
-
-  return server;
-}

package/src/component-edge-dev.ts

@@ -1,75 +0,0 @@
-import {
-  ComponentRootUrlResolver,
-  ComponentPreviewService,
-  RenderInputService,
-  setupRenderRuntimeServer,
-  DevelopmentComponentRunnerService,
-} from '@squiz/edge-dev-render-runtime-lib';
-import { getLogger, LoggerOptions } from '@squiz/dx-logger-lib';
-import path from 'path';
-import { ComponentFunctionService, ComponentSetServiceForLocalDev, ManifestServiceForDev } from '@squiz/component-lib';
-import open from 'open';
-
-/**
- * startDevelopmentRender starts a dev-mode render stack for any
- * local directory. This should start an express server on a random unused port
- * which can be accessed for viewing the component in development.
- * @param {string} componentPath - The directory with the component to be rendered
- * @param {object} options - Additional configuration for the dev stack
- * @returns a function to stop the render stack
- */
-export function startEdgeDevelopmentRender(
-  componentPath: string,
-  options: { port: number; loggingFormat?: LoggerOptions['format']; noBrowser?: boolean },
-) {
-  const logger = getLogger({
-    name: 'component-dev',
-    format: options.loggingFormat || 'human',
-    silent: process.env.NODE_ENV === 'test',
-  });
-
-  const dataMountPoint = path.resolve(process.cwd(), componentPath);
-
-  const rootUrl = `http://localhost:${options.port}`;
-  const componentRootUrlResolver: ComponentRootUrlResolver = () => rootUrl;
-
-  const developmentComponentRunnerService = new DevelopmentComponentRunnerService();
-  const componentFunctionService = new ComponentFunctionService();
-  const componentSetService = new ComponentSetServiceForLocalDev(logger);
-  const manifestService = new ManifestServiceForDev(dataMountPoint, logger);
-  const renderInputService = new RenderInputService(
-    componentSetService,
-    manifestService,
-    componentFunctionService,
-    componentRootUrlResolver,
-  );
-  const webServer = setupRenderRuntimeServer(
-    {
-      logger,
-      developmentComponentRunnerService,
-      componentFunctionService,
-      componentPreviewService: new ComponentPreviewService(),
-      componentSetService,
-      manifestService,
-      renderInputService,
-      componentRootUrlResolver,
-    },
-    {
-      enableDevMode: true,
-    },
-  );
-
-  const server = webServer.listen(options.port, () => {
-    logger.info(`Edge Component development webserver started on port ${rootUrl}`);
-  });
-
-  if (options?.noBrowser !== true) {
-    open(rootUrl);
-  }
-
-  server.on('close', async () => {
-    // nothing to do
-  });
-
-  return server;
-}