@servicetitan/startup 22.19.0 → 22.21.0

package/src/webpack/configs/amd-config.ts

@@ -0,0 +1,8 @@
+import { Configuration } from 'webpack';
+import { Context, Overrides } from './types';
+
+type Result = Pick<Configuration, 'amd'>;
+
+export function amdConfig(_context: Context, _: Overrides): Result {
+    return { amd: false };
+}

package/src/webpack/configs/dev-server-config.ts

@@ -1,12 +1,5 @@
-import path from 'path';
 import { Configuration } from 'webpack';
-import {
-    PackageType,
-    getDevServerConfiguration,
-    getFolders,
-    getPackageName,
-    getPackages,
-} from '../../utils';
+import { PackageType, getDevServerConfiguration, getPackageName, getPackages } from '../../utils';
 import { statsConfig } from './stats-config';
 import { Context, Overrides } from './types';
 
@@ -37,7 +30,7 @@ export function devServerConfig(context: Context, overrides: Overrides): Result
 function watchOptionsConfig() {
     const watchIgnore = getPackages({ scope: getPackageName() })
         .filter(({ type }) => type === PackageType.TSC)
-        .map(({ location }) => path.join(location, getFolders(location).source));
+        .map(({ location }) => location);
 
     return watchIgnore.length ? { watchOptions: { ignored: watchIgnore } } : undefined;
 }

package/src/webpack/configs/index.ts

@@ -1,3 +1,4 @@
+export * from './amd-config';
 export * from './cache-config';
 export * from './dev-server-config';
 export * from './devtool-config';

package/src/webpack/configs/plugins/provide-react-plugin.ts

@@ -1,8 +1,8 @@
 import { ProvidePlugin } from 'webpack';
 import { Context, Overrides } from '../types';
 
-export function provideReactPlugin({ esbuild }: Context, _: Overrides) {
-    if (!esbuild) {
+export function provideReactPlugin({ esbuild, experimentalBundlers }: Context, _: Overrides) {
+    if (!(esbuild || experimentalBundlers)) {
         return;
     }
 

package/src/webpack/configs/rules/tsx-rules.ts

@@ -1,16 +1,38 @@
 import { RuleSetRule } from 'webpack';
 import { Context } from '../types';
 
-export function tsxRules({ esbuild }: Context): RuleSetRule[] {
-    const loader = esbuild
-        ? {
-              loader: 'esbuild-loader',
-              options: { loader: 'tsx', target: 'es2018' },
-          }
-        : {
-              loader: 'ts-loader',
-              options: { transpileOnly: true },
-          };
+export function tsxRules({ esbuild, experimentalBundlers }: Context): RuleSetRule[] {
+    let loader: Record<string, any> = {
+        loader: 'ts-loader',
+        options: { transpileOnly: true },
+    };
+
+    if (esbuild) {
+        loader = {
+            loader: 'esbuild-loader',
+            options: { loader: 'tsx', target: 'es2018' },
+        };
+    }
+
+    if (experimentalBundlers) {
+        loader = {
+            loader: 'swc-loader',
+            options: {
+                jsc: {
+                    parser: {
+                        syntax: 'typescript',
+                        tsx: true,
+                        decorators: true,
+                    },
+                    target: 'es2018',
+                    transform: {
+                        legacyDecorator: true,
+                        decoratorMetadata: true,
+                    },
+                },
+            },
+        };
+    }
 
     return [
         {

package/src/webpack/configs/types.ts

@@ -5,6 +5,7 @@ export { Overrides } from '../types';
 export interface Context extends Options {
     destination: string;
     esbuild: boolean;
+    experimentalBundlers: boolean;
     isCustomStyleRules: boolean;
     isExposeSharedDependencies: boolean;
     isProduction: boolean;

package/src/webpack/configs/utils/__tests__/generate-metadata.test.ts

@@ -1,21 +1,25 @@
-import fs from 'fs';
-import mockFS from 'mock-fs';
+import { fs, vol } from 'memfs';
+import * as mockedFs from 'fs';
 import { createPackage } from '../../../../__mocks__';
 import { Context } from '../../types';
 import { getStartupVersion } from '../get-startup-version';
+import { getWebComponentsVersion } from '../get-web-components-version';
 
 import { generateMetadata } from '../generate-metadata';
 
+jest.mock('fs', () => fs);
 jest.mock('../get-startup-version');
+jest.mock('../get-web-components-version');
 
 describe(`[startup] ${generateMetadata.name}`, () => {
     const pkg = createPackage({});
     const destination = 'dist';
     const startupVersion = '1.0';
+    const webComponentsVersion = '2.0';
     let context: Partial<Context>;
 
     function generatedMetadata(destination: string) {
-        return JSON.parse(fs.readFileSync(`${destination}/metadata.json`, 'utf8'));
+        return JSON.parse(mockedFs.readFileSync(`${destination}/metadata.json`, 'utf8'));
     }
 
     function packageFS() {
@@ -23,8 +27,9 @@ describe(`[startup] ${generateMetadata.name}`, () => {
     }
 
     beforeEach(() => {
-        mockFS(packageFS());
+        vol.fromJSON(packageFS());
         jest.mocked(getStartupVersion).mockReturnValue(startupVersion);
+        jest.mocked(getWebComponentsVersion).mockReturnValue(webComponentsVersion);
 
         context = {
             destination,
@@ -34,7 +39,7 @@ describe(`[startup] ${generateMetadata.name}`, () => {
         };
     });
 
-    afterEach(() => mockFS.restore());
+    afterEach(() => vol.reset());
 
     const subject = () => generateMetadata(context as any);
 
@@ -43,7 +48,10 @@ describe(`[startup] ${generateMetadata.name}`, () => {
 
         expect(generatedMetadata(destination)).toEqual({
             name: context.name,
-            bundledWith: { '@servicetitan/startup': startupVersion },
+            bundledWith: {
+                '@servicetitan/startup': startupVersion,
+                '@servicetitan/web-components': webComponentsVersion,
+            },
             dependencies: context.packageData!.dependencies,
             sharedDependencies: context.sharedDependencies,
             entrypoints: {},
@@ -55,14 +63,10 @@ describe(`[startup] ${generateMetadata.name}`, () => {
         const light = { css: 'baz', js: 'qux' };
 
         beforeEach(() => {
-            mockFS({
+            vol.fromJSON({
                 ...packageFS(),
-                [destination]: {
-                    bundle: {
-                        full: { 'entrypoints.json': JSON.stringify(full) },
-                        light: { 'entrypoints.json': JSON.stringify(light) },
-                    },
-                },
+                [`${destination}/bundle/full/entrypoints.json`]: JSON.stringify(full),
+                [`${destination}/bundle/light/entrypoints.json`]: JSON.stringify(light),
             });
         });
 

package/src/webpack/configs/utils/__tests__/get-startup-version.test.ts

@@ -1,23 +1,19 @@
-import mockFS from 'mock-fs';
+import { fs, vol } from 'memfs';
 
 import { getStartupVersion } from '../get-startup-version';
 
+jest.mock('fs', () => fs);
+
 describe(`[startup] ${getStartupVersion.name}`, () => {
     const startupVersion = '1.2.3';
 
     beforeEach(() => {
-        mockFS({
-            // eslint-disable-next-line @typescript-eslint/naming-convention
-            node_modules: {
-                '@servicetitan': {
-                    'package.json': JSON.stringify({ version: startupVersion }),
-                    'startup': { 'index.js': '' },
-                },
-            },
+        vol.fromJSON({
+            'packages/startup/package.json': JSON.stringify({ version: startupVersion }),
         });
     });
 
-    afterEach(() => mockFS.restore());
+    afterEach(() => vol.reset());
 
     const subject = () => getStartupVersion();
 

package/src/webpack/configs/utils/__tests__/get-web-components-version.test.ts

@@ -0,0 +1,25 @@
+import { fs, vol } from 'memfs';
+
+import { getWebComponentsVersion } from '../get-web-components-version';
+
+jest.mock('fs', () => fs);
+
+describe(`[startup] ${getWebComponentsVersion.name}`, () => {
+    const webComponentsVersion = '1.2.3';
+
+    beforeEach(() => {
+        vol.fromJSON({
+            'packages/web-components/package.json': JSON.stringify({
+                version: webComponentsVersion,
+            }),
+        });
+    });
+
+    afterEach(() => vol.reset());
+
+    const subject = () => getWebComponentsVersion();
+
+    test('returns version from @servicetitan/web-components package', () => {
+        expect(subject()).toEqual(webComponentsVersion);
+    });
+});

package/src/webpack/configs/utils/generate-metadata.ts

@@ -4,6 +4,7 @@ import { log, readJsonSafe } from '../../../utils';
 import { Context } from '../types';
 
 import { getStartupVersion } from './get-startup-version';
+import { getWebComponentsVersion } from './get-web-components-version';
 
 export function generateMetadata(context: Context) {
     const { destination, name, packageData, sharedDependencies } = context;
@@ -17,7 +18,10 @@ export function generateMetadata(context: Context) {
     const light = readJsonSafe(path.join(destination, 'bundle', 'light', 'entrypoints.json'));
     const metadata = {
         name,
-        bundledWith: { '@servicetitan/startup': getStartupVersion() },
+        bundledWith: {
+            '@servicetitan/startup': getStartupVersion(),
+            '@servicetitan/web-components': getWebComponentsVersion(),
+        },
         sharedDependencies,
         dependencies: packageData.dependencies,
         entrypoints: { ...(full ? { full } : {}), ...(light ? { light } : {}) },

package/src/webpack/configs/utils/get-web-components-version.ts

@@ -0,0 +1,8 @@
+import path from 'path';
+import { readJson } from '../../../utils';
+
+export function getWebComponentsVersion() {
+    return readJson(
+        path.join(path.dirname(require.resolve('@servicetitan/web-components')), '../package.json')
+    ).version;
+}

package/src/webpack/create-webpack-config.ts

@@ -14,6 +14,7 @@ import {
 } from '../utils';
 import {
     Context,
+    amdConfig,
     cacheConfig,
     devServerConfig,
     devtoolConfig,
@@ -41,7 +42,9 @@ export function createWebpackConfig(overrides: Overrides, options: Options = {})
 
     const context: Context = {
         destination,
-        esbuild: !!(argv as Arguments).esbuild,
+        esbuild: options.esbuild ?? !!(argv as Arguments).esbuild ?? false,
+        experimentalBundlers:
+            options.experimentalBundlers ?? !!(argv as Arguments)['experimental-bundlers'] ?? false,
         isCustomStyleRules: isCustomStyleRules(),
         isExposeSharedDependencies: isExposeSharedDependencies(),
         isProduction: configuration.mode === 'production',
@@ -72,6 +75,7 @@ export function createWebpackConfig(overrides: Overrides, options: Options = {})
             pluginsConfig,
             resolveConfig,
             statsConfig,
+            amdConfig,
         ].reduce((result, fn) => ({ ...result, ...fn(context, overrides) }), {}),
         configuration
     );

package/src/webpack/types.ts

@@ -7,6 +7,8 @@ export interface Options {
     embed?: boolean;
     buildStat?: boolean;
     name?: string;
+    esbuild?: boolean;
+    experimentalBundlers?: boolean;
 }
 
 export interface Overrides {

package/template/.gitignore

@@ -6,6 +6,13 @@
 # Node.js
 node_modules/
 
+# yalc store
+.yalc/
+yalc.lock
+
+#SonarQube
+.scannerwork/
+
 *.css.d.ts
 *.less.d.ts
 *.scss.d.ts

package/template/.stylelintignore

@@ -0,0 +1 @@
+/coverage