@servicetitan/startup 27.3.0 → 27.4.0-canary.1

package/src/utils/__tests__/load-shared-dependencies.test.ts

@@ -1,114 +0,0 @@
-import { loadSharedDependencies } from '../load-shared-dependencies';
-
-describe('[Startup] utils:loadSharedDependencies', () => {
-    const getPackageDependencies = (...excluded: string[]) =>
-        Object.entries({
-            '@servicetitan/confirm': '^0.0.0',
-            '@servicetitan/design-system': '^0.0.0',
-            'classnames': '^0.0.0',
-            'formstate': '^0.0.0',
-            'mobx': '^0.0.0',
-            'mobx-react': '^0.0.0',
-            'mobx-utils': '^0.0.0',
-            'react': '^0.0.0',
-            'react-dom': '^0.0.0',
-            'react-input-mask': '^0.0.0',
-        }).reduce(
-            (out, [d, v]) => ({
-                ...out,
-                ...(excluded.includes(d) ? {} : { [d]: v }),
-            }),
-            {}
-        );
-
-    test('return default dependencies when manual are not configured', () => {
-        expect(loadSharedDependencies(getPackageDependencies(), undefined)).toEqual({
-            '@servicetitan/design-system': 'SharedDependencies.ServiceTitan.DesignSystem',
-            'classnames': 'SharedDependencies.ClassNames',
-            'formstate': 'SharedDependencies.FormState',
-            'mobx': 'SharedDependencies.MobX',
-            'mobx-react': 'SharedDependencies.MobXReact',
-            'mobx-utils': 'SharedDependencies.MobXUtils',
-            'react': 'SharedDependencies.React',
-            'react-dom': 'SharedDependencies.ReactDOM',
-        });
-    });
-
-    test('return default dependencies except not used when manual are not configured', () => {
-        expect(loadSharedDependencies(getPackageDependencies('mobx-utils'), undefined)).toEqual({
-            '@servicetitan/design-system': 'SharedDependencies.ServiceTitan.DesignSystem',
-            'classnames': 'SharedDependencies.ClassNames',
-            'formstate': 'SharedDependencies.FormState',
-            'mobx': 'SharedDependencies.MobX',
-            'mobx-react': 'SharedDependencies.MobXReact',
-            'react': 'SharedDependencies.React',
-            'react-dom': 'SharedDependencies.ReactDOM',
-        });
-    });
-
-    test('return manual dependencies if set', () => {
-        expect(
-            loadSharedDependencies(getPackageDependencies(), {
-                '@servicetitan/confirm': 'SharedDependencies.ServiceTitan.Confirm',
-                'react-input-mask': 'SharedDependencies.ReactInputMask',
-            })
-        ).toEqual({
-            '@servicetitan/confirm': 'SharedDependencies.ServiceTitan.Confirm',
-            'react-input-mask': 'SharedDependencies.ReactInputMask',
-        });
-    });
-
-    test('return default dependencies within manual', () => {
-        expect(
-            loadSharedDependencies(getPackageDependencies(), {
-                defaults: '',
-            })
-        ).toEqual({
-            '@servicetitan/design-system': 'SharedDependencies.ServiceTitan.DesignSystem',
-            'classnames': 'SharedDependencies.ClassNames',
-            'formstate': 'SharedDependencies.FormState',
-            'mobx': 'SharedDependencies.MobX',
-            'mobx-react': 'SharedDependencies.MobXReact',
-            'mobx-utils': 'SharedDependencies.MobXUtils',
-            'react': 'SharedDependencies.React',
-            'react-dom': 'SharedDependencies.ReactDOM',
-        });
-    });
-
-    test('clear default dependencies when configured', () => {
-        expect(
-            loadSharedDependencies(getPackageDependencies(), {
-                'defaults': '',
-                'mobx-utils': '',
-            })
-        ).toEqual({
-            '@servicetitan/design-system': 'SharedDependencies.ServiceTitan.DesignSystem',
-            'classnames': 'SharedDependencies.ClassNames',
-            'formstate': 'SharedDependencies.FormState',
-            'mobx': 'SharedDependencies.MobX',
-            'mobx-react': 'SharedDependencies.MobXReact',
-            'react': 'SharedDependencies.React',
-            'react-dom': 'SharedDependencies.ReactDOM',
-        });
-    });
-
-    test('mixes default dependencies and configured', () => {
-        expect(
-            loadSharedDependencies(getPackageDependencies(), {
-                'defaults': '',
-                'mobx-utils': '',
-                'react-input-mask': 'SharedDependencies.ReactInputMask',
-                'react-something': 'SharedDependencies.ReactSomething',
-            })
-        ).toEqual({
-            '@servicetitan/design-system': 'SharedDependencies.ServiceTitan.DesignSystem',
-            'classnames': 'SharedDependencies.ClassNames',
-            'formstate': 'SharedDependencies.FormState',
-            'mobx': 'SharedDependencies.MobX',
-            'mobx-react': 'SharedDependencies.MobXReact',
-            'react': 'SharedDependencies.React',
-            'react-dom': 'SharedDependencies.ReactDOM',
-            'react-input-mask': 'SharedDependencies.ReactInputMask',
-        });
-    });
-});

package/src/utils/load-shared-dependencies.ts

@@ -1,38 +0,0 @@
-const getDefaultSharedDependencies = () => ({
-    '@servicetitan/design-system': 'SharedDependencies.ServiceTitan.DesignSystem',
-    '@servicetitan/anvil2': 'SharedDependencies.ServiceTitan.Anvil2',
-    'classnames': 'SharedDependencies.ClassNames',
-    'formstate': 'SharedDependencies.FormState',
-    'mobx': 'SharedDependencies.MobX',
-    'mobx-react': 'SharedDependencies.MobXReact',
-    'mobx-utils': 'SharedDependencies.MobXUtils',
-    'react': 'SharedDependencies.React',
-    'react-dom': 'SharedDependencies.ReactDOM',
-});
-const defaultsKey = 'defaults';
-
-export function loadSharedDependencies(
-    dependencies: Record<string, string> | undefined,
-    sharedDependencies: Record<string, string> | undefined
-): Record<string, string> {
-    if (!dependencies) {
-        return {};
-    }
-
-    const out: Record<string, string> = {
-        ...(!sharedDependencies || sharedDependencies[defaultsKey] !== undefined
-            ? getDefaultSharedDependencies()
-            : {}),
-        ...(sharedDependencies ?? {}),
-    };
-
-    delete out[defaultsKey];
-
-    for (const [dependency, value] of Object.entries(out)) {
-        if (!value || !dependencies[dependency]) {
-            delete out[dependency];
-        }
-    }
-
-    return out;
-}

package/template/.eslintrc.json

@@ -1,3 +0,0 @@
-{
-    "extends": ["@servicetitan/eslint-config/mono"]
-}

package/template/.gitignore

@@ -1,21 +0,0 @@
-# Mac-related stuff
-._.DS_Store/
-.DS_Store/
-*.DS_Store
-
-# Node.js
-node_modules/
-
-# yalc store
-.yalc/
-yalc.lock
-
-#SonarQube
-.scannerwork/
-
-*.css.d.ts
-*.less.d.ts
-*.scss.d.ts
-/coverage/
-dist/
-*.tsbuildinfo

package/template/.npmrc

@@ -1,3 +0,0 @@
-engine-strict=true
-legacy-peer-deps=true
-no-audit=true

package/template/.prettierrc

@@ -1,9 +0,0 @@
-{
-    "printWidth": 100,
-    "tabWidth": 4,
-    "singleQuote": true,
-    "quoteProps": "consistent",
-    "arrowParens": "avoid",
-    "endOfLine": "auto",
-    "trailingComma": "es5"
-}

package/template/.stylelintignore

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

package/template/.stylelintrc.json

@@ -1,3 +0,0 @@
-{
-    "extends": ["@servicetitan/stylelint-config"]
-}

package/template/.vscode/extensions.json

@@ -1,18 +0,0 @@
-{
-    // See https://go.microsoft.com/fwlink/?LinkId=827846 to learn about workspace recommendations.
-    // Extension identifier format: ${publisher}.${name}. Example: vscode.csharp
-
-    // List of extensions which should be recommended for users of this workspace.
-    "recommendations": [
-        "dbaeumer.vscode-eslint",
-        "esbenp.prettier-vscode",
-        "stylelint.vscode-stylelint",
-        "editorconfig.editorconfig",
-        "yoavbls.pretty-ts-errors",
-        "streetsidesoftware.code-spell-checker",
-        "eamodio.gitlens",
-        "pomber.git-file-history"
-    ],
-    // List of extensions recommended by VS Code that should not be recommended for users of this workspace.
-    "unwantedRecommendations": []
-}

package/template/.vscode/settings.json

@@ -1,4 +0,0 @@
-{
-    "typescript.tsdk": "node_modules/typescript/lib",
-    "editor.formatOnSave": true
-}

package/template/lerna.json

@@ -1,4 +0,0 @@
-{
-    "packages": ["packages/*"],
-    "version": "0.0.0"
-}

package/template/package.json

@@ -1,32 +0,0 @@
-{
-    "name": "root",
-    "version": "0.0.0",
-    "description": "Multi-package web application template",
-    "private": true,
-    "engines": {
-        "node": ">=18",
-        "npm": ">=10"
-    },
-    "scripts": {
-        "bootstrap": "npx --yes @servicetitan/startup install",
-        "prestart": "npm run bootstrap",
-        "start": "startup start",
-        "prebuild": "npm run bootstrap",
-        "build": "startup build",
-        "lint": "startup lint",
-        "test": "startup test"
-    },
-    "devDependencies": {
-        "@servicetitan/startup": ">=22.21.0"
-    },
-    "workspaces": [
-        "packages/*"
-    ],
-    "cli": {
-        "test": {
-            "setupFilesAfterEnv": [
-                "./setupTests.ts"
-            ]
-        }
-    }
-}

package/template/packages/application/package.json

@@ -1,35 +0,0 @@
-{
-    "name": "application",
-    "version": "0.0.0",
-    "description": "",
-    "private": true,
-    "main": "./dist/index.js",
-    "typings": "./dist/index.d.ts",
-    "scripts": {},
-    "dependencies": {
-        "@servicetitan/design-system": "^13.4.3",
-        "@servicetitan/hash-browser-router": "^24.1.0",
-        "@servicetitan/link-item": "^26.1.0",
-        "@servicetitan/log-service": "^24.1.0",
-        "@servicetitan/react-ioc": "^24.1.0",
-        "@servicetitan/web-components": "^24.1.0",
-        "axios": "^0.28.1",
-        "feature-a": "^0.0.0",
-        "feature-b": "^0.0.0",
-        "feature-c": "^0.0.0",
-        "history": "~4.10.1",
-        "mobx": "~6.10.2",
-        "react": "^17.0.2",
-        "react-dom": "^17.0.2",
-        "react-router-dom": "^5.3.0"
-    },
-    "devDependencies": {
-        "@servicetitan/testing-library": "^1.2.0",
-        "@testing-library/jest-dom": "^5.17.0",
-        "@testing-library/react": "^12.1.5",
-        "@testing-library/react-hooks": "^8.0.1",
-        "@types/react": "^17.0.37",
-        "@types/react-dom": "^17.0.11",
-        "@types/react-router-dom": "^5.3.2"
-    }
-}

package/template/packages/application/src/__tests__/app.test.tsx

@@ -1,33 +0,0 @@
-import { mockComponent, mockLocation } from '@servicetitan/testing-library';
-import { render, screen } from '@testing-library/react';
-
-import { App } from '../app';
-
-jest.mock('../main-page', () => mockComponent('MainPage'));
-jest.mock('../second-page', () => mockComponent('SecondPage'));
-
-describe(`${App.name}`, () => {
-    const subject = () => render(<App />);
-
-    test('renders sidebar', () => {
-        subject();
-
-        expect(screen.getByRole('link', { name: 'Main page' })).toBeInTheDocument();
-        expect(screen.getByRole('link', { name: 'Second page' })).toBeInTheDocument();
-    });
-
-    const routes = Object.entries({
-        MainPage: '/',
-        SecondPage: '/#/second-page',
-    }).map(([component, path]) => ({ component, path }));
-
-    describe.each(routes)('when location is $path', ({ component, path }) => {
-        beforeEach(() => mockLocation(path));
-
-        test(`renders <${component} />`, () => {
-            subject();
-
-            expect(screen).toContainComponent(component);
-        });
-    });
-});

package/template/packages/application/src/app.css

@@ -1,3 +0,0 @@
-body {
-    margin: var(--spacing-0);
-}

package/template/packages/application/src/app.tsx

@@ -1,45 +0,0 @@
-import { StrictMode, FC } from 'react';
-import { Switch, Route } from 'react-router-dom';
-import { HashBrowserRouter } from '@servicetitan/hash-browser-router';
-import { SideNav, Frame, Page, Sidebar } from '@servicetitan/design-system';
-import { SideNavLinkItem } from '@servicetitan/link-item';
-
-import { SecondPage } from './second-page';
-import { MainPage } from './main-page';
-import './design-system.css';
-import './app.css';
-
-export const App: FC = () => (
-    <StrictMode>
-        <HashBrowserRouter>
-            <Frame>
-                <Page
-                    sidebar={
-                        <Sidebar localStorageKey="sidebar-application">
-                            <Sidebar.Section padding="y">
-                                <SideNav title="Application">
-                                    <SideNavLinkItem pathname="/" exact>
-                                        Main page
-                                    </SideNavLinkItem>
-                                    <SideNavLinkItem pathname="/second-page">
-                                        Second page
-                                    </SideNavLinkItem>
-                                </SideNav>
-                            </Sidebar.Section>
-                        </Sidebar>
-                    }
-                    maxWidth="wide"
-                >
-                    <Switch>
-                        <Route path="/" exact>
-                            <MainPage />
-                        </Route>
-                        <Route path="/second-page">
-                            <SecondPage />
-                        </Route>
-                    </Switch>
-                </Page>
-            </Frame>
-        </HashBrowserRouter>
-    </StrictMode>
-);

package/template/packages/application/src/design-system.css

@@ -1,3 +0,0 @@
-@import '~@servicetitan/tokens/dist/tokens.css';
-@import '~@servicetitan/anvil-fonts/dist/css/anvil-fonts.css';
-@import '~@servicetitan/design-system/dist/system.min.css';

package/template/packages/application/src/index.tsx

@@ -1,8 +0,0 @@
-import { render } from 'react-dom';
-
-import { App } from './app';
-
-const appContainer = document.createElement('div');
-document.body.appendChild(appContainer);
-
-render(<App />, appContainer);

package/template/packages/application/src/main-page.tsx

@@ -1,5 +0,0 @@
-import { Fragment } from 'react';
-
-export function MainPage() {
-    return <Fragment>Main page</Fragment>;
-}

package/template/packages/application/src/second-page.tsx

@@ -1,5 +0,0 @@
-import { Fragment } from 'react';
-
-export function SecondPage() {
-    return <Fragment>Second page</Fragment>;
-}

package/template/packages/application/tsconfig.json

@@ -1,13 +0,0 @@
-{
-    "extends": "@servicetitan/startup/tsconfig/base",
-    "compilerOptions": {
-        "outDir": "dist",
-        "rootDir": "src"
-    },
-    "include": ["src/**/*"],
-    "references": [
-        { "path": "../feature-a" },
-        { "path": "../feature-b" },
-        { "path": "../feature-c" }
-    ]
-}

package/template/packages/feature-a/package.json

@@ -1,19 +0,0 @@
-{
-    "name": "feature-a",
-    "version": "0.0.0",
-    "description": "",
-    "private": true,
-    "main": "./dist/index.js",
-    "typings": "./dist/index.d.ts",
-    "dependencies": {
-        "react": "^17.0.2",
-        "react-dom": "^17.0.2"
-    },
-    "devDependencies": {
-        "@types/react": "^17.0.37",
-        "@types/react-dom": "^17.0.11"
-    },
-    "cli": {
-        "webpack": false
-    }
-}

package/template/packages/feature-a/tsconfig.json

@@ -1,9 +0,0 @@
-{
-    "extends": "@servicetitan/startup/tsconfig/base",
-    "compilerOptions": {
-        "outDir": "dist",
-        "rootDir": "src",
-        "composite": true
-    },
-    "include": ["src/**/*"]
-}

package/template/packages/feature-b/package.json

@@ -1,19 +0,0 @@
-{
-    "name": "feature-b",
-    "version": "0.0.0",
-    "description": "",
-    "private": true,
-    "main": "./dist/index.js",
-    "typings": "./dist/index.d.ts",
-    "dependencies": {
-        "react": "^17.0.2",
-        "react-dom": "^17.0.2"
-    },
-    "devDependencies": {
-        "@types/react": "^17.0.37",
-        "@types/react-dom": "^17.0.11"
-    },
-    "cli": {
-        "webpack": false
-    }
-}

package/template/packages/feature-b/tsconfig.json

@@ -1,9 +0,0 @@
-{
-    "extends": "@servicetitan/startup/tsconfig/base",
-    "compilerOptions": {
-        "outDir": "dist",
-        "rootDir": "src",
-        "composite": true
-    },
-    "include": ["src/**/*"]
-}

package/template/packages/feature-c/package.json

@@ -1,19 +0,0 @@
-{
-    "name": "feature-c",
-    "version": "0.0.0",
-    "description": "",
-    "private": true,
-    "main": "./dist/index.js",
-    "typings": "./dist/index.d.ts",
-    "dependencies": {
-        "react": "^17.0.2",
-        "react-dom": "^17.0.2"
-    },
-    "devDependencies": {
-        "@types/react": "^17.0.37",
-        "@types/react-dom": "^17.0.11"
-    },
-    "cli": {
-        "webpack": false
-    }
-}

package/template/packages/feature-c/tsconfig.json

@@ -1,9 +0,0 @@
-{
-    "extends": "@servicetitan/startup/tsconfig/base",
-    "compilerOptions": {
-        "outDir": "dist",
-        "rootDir": "src",
-        "composite": true
-    },
-    "include": ["src/**/*"]
-}

package/template/setupTests.ts

@@ -1,27 +0,0 @@
-import '@servicetitan/testing-library';
-import '@testing-library/jest-dom';
-
-Object.defineProperties(window, {
-    location: { value: window.location, writable: true, configurable: true },
-    matchMedia: {
-        value: jest.fn().mockImplementation(query => ({
-            matches: false,
-            media: query,
-            onChange: null,
-            addEventListener: jest.fn(),
-            removeEventListener: jest.fn(),
-            dispatchEvent: jest.fn(),
-        })),
-        writable: true,
-        configurable: true,
-    },
-    ResizeObserver: {
-        value: jest.fn().mockImplementation(() => ({
-            disconnect: jest.fn(),
-            observe: jest.fn(),
-            unobserve: jest.fn(),
-        })),
-        writable: true,
-        configurable: true,
-    },
-});

package/template/tsconfig.test.json

@@ -1,5 +0,0 @@
-{
-    "extends": "@servicetitan/startup/tsconfig/base",
-    "include": ["**/__tests__/**/*", "**/*.d.ts", "setupTests.ts"],
-    "exclude": ["node_modules"]
-}

package/template-react18/packages/application/package.json

@@ -1,35 +0,0 @@
-{
-    "name": "application",
-    "version": "0.0.0",
-    "description": "",
-    "private": true,
-    "main": "./dist/index.js",
-    "typings": "./dist/index.d.ts",
-    "scripts": {},
-    "dependencies": {
-        "@servicetitan/design-system": "^14.0.0",
-        "@servicetitan/hash-browser-router": "^24.1.0",
-        "@servicetitan/link-item": "^26.1.0",
-        "@servicetitan/log-service": "^24.1.0",
-        "@servicetitan/react-ioc": "^24.1.0",
-        "@servicetitan/web-components": "^24.1.0",
-        "axios": "^0.28.1",
-        "feature-a": "^0.0.0",
-        "feature-b": "^0.0.0",
-        "feature-c": "^0.0.0",
-        "history": "~4.10.1",
-        "mobx": "~6.10.2",
-        "react": "^18.3.1",
-        "react-dom": "^18.3.1",
-        "react-router-dom": "^5.3.0"
-    },
-    "devDependencies": {
-        "@servicetitan/testing-library": "^1.2.0",
-        "@testing-library/jest-dom": "^6.4.2",
-        "@testing-library/react": "^14.2.1",
-        "@testing-library/react-hooks": "^8.0.1",
-        "@types/react": "^18.3.3",
-        "@types/react-dom": "^18.3.0",
-        "@types/react-router-dom": "^5.3.2"
-    }
-}

package/template-react18/packages/application/src/index.tsx

@@ -1,9 +0,0 @@
-import { createRoot } from 'react-dom/client';
-
-import { App } from './app';
-
-const appContainer = document.createElement('div');
-document.body.appendChild(appContainer);
-
-const root = createRoot(appContainer);
-root.render(<App />);

package/template-react18/packages/feature-a/package.json

@@ -1,19 +0,0 @@
-{
-    "name": "feature-a",
-    "version": "0.0.0",
-    "description": "",
-    "private": true,
-    "main": "./dist/index.js",
-    "typings": "./dist/index.d.ts",
-    "dependencies": {
-        "react": "^18.3.1",
-        "react-dom": "^18.3.1"
-    },
-    "devDependencies": {
-        "@types/react": "^18.3.3",
-        "@types/react-dom": "^18.3.0"
-    },
-    "cli": {
-        "webpack": false
-    }
-}

package/template-react18/packages/feature-b/package.json

@@ -1,19 +0,0 @@
-{
-    "name": "feature-b",
-    "version": "0.0.0",
-    "description": "",
-    "private": true,
-    "main": "./dist/index.js",
-    "typings": "./dist/index.d.ts",
-    "dependencies": {
-        "react": "^18.3.1",
-        "react-dom": "^18.3.1"
-    },
-    "devDependencies": {
-        "@types/react": "^18.3.3",
-        "@types/react-dom": "^18.3.0"
-    },
-    "cli": {
-        "webpack": false
-    }
-}