@servicetitan/startup 27.2.1 → 27.4.0-canary.0

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
-    }
-}

package/template-react18/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": "^18.3.1",
-        "react-dom": "^18.3.1"
-    },
-    "devDependencies": {
-        "@types/react": "^18.3.3",
-        "@types/react-dom": "^18.3.0"
-    },
-    "cli": {
-        "webpack": false
-    }
-}

package/tsconfig.json

@@ -1,13 +0,0 @@
-{
-    "extends": "./tsconfig/base",
-    "compilerOptions": {
-        "module": "commonjs",
-        "outDir": "dist",
-        "rootDir": "src"
-    },
-    "include": ["src/**/*", "tsconfig/types.d.ts"],
-    "references": [
-        { "path": "../eslint-config/tsconfig.build.json" },
-        { "path": "../stylelint-config/tsconfig.build.json" }
-    ]
-}