Jan 17, 2023 · Jan 17, 2023 · Jan 17, 2023 · Jan 17, 2023
diff --git a/site/e2e/constants.ts b/site/e2e/constants.ts
 // Credentials for the default user when running in dev mode.
 export const username = "developer"
 export const password = "password"
 export const organization = "acme-corp"
 export const email = "admin@coder.com"
diff --git a/site/package.json b/site/package.json
    "test": "jest --selectProjects test",
    "test:coverage": "jest --selectProjects test --collectCoverage",
    "test:watch": "jest --selectProjects test --watch",
    "typegen": "xstate typegen 'src/**/*.ts'"
    "typegen": "xstate typegen 'src/**/*.ts'",
    "deadcode": "ts-prune | grep -v \".stories\\|.typegen\\|.config\\|e2e\\|__mocks__\\|used in module\\|testHelpers\\|typesGenerated\" || echo \"No deadcode found.\""
  },
  "dependencies": {
    "@emoji-mart/data": "1.0.5",
    "react-syntax-highlighter": "15.5.0",
    "remark-gfm": "3.0.1",
    "sourcemapped-stacktrace": "1.1.11",
    "ts-prune": "0.10.3",
    "tzdata": "1.0.30",
    "ua-parser-js": "1.0.2",
    "uuid": "9.0.0",
diff --git a/site/src/api/errors.ts b/site/src/api/errors.ts
 import axios, { AxiosError, AxiosResponse } from "axios"

 exportconst Language = {
 const Language = {
  errorsByCode: {
    defaultErrorCode: "Invalid value",
  },
diff --git a/site/src/components/AppLink/AppLink.tsx b/site/src/components/AppLink/AppLink.tsx
 import { BaseIcon } from "./BaseIcon"
 import { ShareIcon } from "./ShareIcon"

 exportconst Language = {
 const Language = {
  appTitle: (appName: string, identifier: string): string =>
    `${appName} - ${identifier}`,
 }
diff --git a/site/src/components/AppLink/AppLinkSkeleton.tsx b/site/src/components/AppLink/AppLinkSkeleton.tsx
  )
 }

 exportconst useStyles = makeStyles(() => ({
 const useStyles = makeStyles(() => ({
  skeleton: {
    borderRadius: borderRadiusSm,
  },
diff --git a/site/src/components/AppLink/AppPreviewLink.tsx b/site/src/components/AppLink/AppPreviewLink.tsx
 import { BaseIcon } from "./BaseIcon"
 import { ShareIcon } from "./ShareIcon"

 exportinterface AppPreviewProps {
 interface AppPreviewProps {
  app: TypesGen.WorkspaceApp
 }

diff --git a/site/src/components/DeploySettingsLayout/Badges.tsx b/site/src/components/DeploySettingsLayout/Badges.tsx
  )
 }

 export const VersionBadge: FC<{
  version: string
 }> = ({ version }) => {
  const styles = useStyles()
  return (
    <span className={combineClasses([styles.badge, styles.versionBadge])}>
      Version: {version}
    </span>
  )
 }

 export const Badges: FC<PropsWithChildren> = ({ children }) => {
  const styles = useStyles()
  return (
diff --git a/site/src/components/Dialogs/Dialog.tsx b/site/src/components/Dialogs/Dialog.tsx
 import MuiDialog, {
  DialogProps as MuiDialogProps,
 } from "@material-ui/core/Dialog"
 import MuiDialogTitle from "@material-ui/core/DialogTitle"
 import { alpha, darken, lighten, makeStyles } from "@material-ui/core/styles"
 import SvgIcon from "@material-ui/core/SvgIcon"
 import * as React from "react"
 import { combineClasses } from "../../util/combineClasses"
 import {
 } from "../LoadingButton/LoadingButton"
 import { ConfirmDialogType } from "./types"

 export interface DialogTitleProps {
  /** Title for display */
  title: React.ReactNode
  /** Optional icon to display faded to the right of the title */
  icon?: typeof SvgIcon
  /** Smaller text to display above the title */
  superTitle?: React.ReactNode
 }

 /**
 * Override of Material UI's DialogTitle that allows for a supertitle and background icon
 */
 export const DialogTitle: React.FC<DialogTitleProps> = ({
  title,
  icon: Icon,
  superTitle,
 }) => {
  const styles = useTitleStyles()
  return (
    <MuiDialogTitle disableTypography>
      <div className={styles.titleWrapper}>
        {superTitle && <div className={styles.superTitle}>{superTitle}</div>}
        <div className={styles.title}>{title}</div>
      </div>
      {Icon && <Icon className={styles.icon} />}
    </MuiDialogTitle>
  )
 }

 const useTitleStyles = makeStyles(
  (theme) => ({
    title: {
      position: "relative",
      zIndex: 2,
      fontSize: theme.typography.h3.fontSize,
      fontWeight: theme.typography.h3.fontWeight,
      lineHeight: "40px",
      display: "flex",
      alignItems: "center",
    },
    superTitle: {
      position: "relative",
      zIndex: 2,
      fontSize: theme.typography.body2.fontSize,
      fontWeight: 500,
      letterSpacing: 1.5,
      textTransform: "uppercase",
    },
    titleWrapper: {
      padding: `${theme.spacing(2)}px 0`,
    },
    icon: {
      height: 84,
      width: 84,
      color: alpha(theme.palette.action.disabled, 0.4),
    },
  }),
  { name: "CdrDialogTitle" },
 )

 export interface DialogActionButtonsProps {
  /** Text to display in the cancel button */
  cancelText?: string
diff --git a/site/src/components/FormDropdownField/FormDropdownField.tsx b/site/src/components/FormDropdownField/FormDropdownField.tsx
diff --git a/site/src/components/FormSection/FormSection.tsx b/site/src/components/FormSection/FormSection.tsx
diff --git a/site/src/components/FormTextField/FormTextField.tsx b/site/src/components/FormTextField/FormTextField.tsx
 /**
 * FormFieldProps are required props for creating form fields using a factory.
 */
 exportinterfaceFormFieldProps<T>{
 interfaceFormFieldProps<T>{
 /**
   * form is a reference to a form or subform and is used to compute common
   * states such as error and helper text
diff --git a/site/src/components/FormTitle/FormTitle.tsx b/site/src/components/FormTitle/FormTitle.tsx
diff --git a/site/src/components/Icons/DocsIcon.tsx b/site/src/components/Icons/DocsIcon.tsx
diff --git a/site/src/components/Icons/Logo.tsx b/site/src/components/Icons/Logo.tsx
Original file line number	Diff line number	Diff line change
Expand Up		@@ -5,5 +5,4 @@ export const basePort = 3000
		// Credentials for the default user when running in dev mode.
		export const username = "developer"
		export const password = "password"
		export const organization = "acme-corp"
		export const email = "admin@coder.com"
Original file line number	Diff line number	Diff line change
Expand Up		@@ -23,7 +23,8 @@
		"test": "jest --selectProjects test",
		"test:coverage": "jest --selectProjects test --collectCoverage",
		"test:watch": "jest --selectProjects test --watch",
		"typegen": "xstate typegen 'src/*/.ts'"
		"typegen": "xstate typegen 'src/*/.ts'",
		"deadcode": "ts-prune \| grep -v \".stories\\\|.typegen\\\|.config\\\|e2e\\\|__mocks__\\\|used in module\\\|testHelpers\\\|typesGenerated\" \|\| echo \"No deadcode found.\""
		},
		"dependencies": {
		"@emoji-mart/data": "1.0.5",
Expand DownExpand Up		@@ -68,6 +69,7 @@
		"react-syntax-highlighter": "15.5.0",
		"remark-gfm": "3.0.1",
		"sourcemapped-stacktrace": "1.1.11",
		"ts-prune": "0.10.3",
		"tzdata": "1.0.30",
		"ua-parser-js": "1.0.2",
		"uuid": "9.0.0",
Expand Down
Original file line number	Diff line number	Diff line change
		@@ -1,6 +1,6 @@
		import axios, { AxiosError, AxiosResponse } from "axios"

		exportconst Language = {
		const Language = {
		errorsByCode: {
		defaultErrorCode: "Invalid value",
		},
Expand Down
Original file line number	Diff line number	Diff line change
Expand Up		@@ -10,7 +10,7 @@ import { generateRandomString } from "../../util/random"
		import { BaseIcon } from "./BaseIcon"
		import { ShareIcon } from "./ShareIcon"

		exportconst Language = {
		const Language = {
		appTitle: (appName: string, identifier: string): string =>
		`${appName} - ${identifier}`,
		}
Expand Down
Original file line number	Diff line number	Diff line change
Expand Up		@@ -15,7 +15,7 @@ export const AppLinkSkeleton: FC<{ width: number }> = ({ width }) => {
		)
		}

		exportconst useStyles = makeStyles(() => ({
		const useStyles = makeStyles(() => ({
		skeleton: {
		borderRadius: borderRadiusSm,
		},
Expand Down
Original file line number	Diff line number	Diff line change
Expand Up		@@ -5,7 +5,7 @@ import * as TypesGen from "api/typesGenerated"
		import { BaseIcon } from "./BaseIcon"
		import { ShareIcon } from "./ShareIcon"

		exportinterface AppPreviewProps {
		interface AppPreviewProps {
		app: TypesGen.WorkspaceApp
		}

Expand Down
Original file line number	Diff line number	Diff line change
Expand Up		@@ -40,17 +40,6 @@ export const EnterpriseBadge: FC = () => {
		)
		}

		export const VersionBadge: FC<{
		version: string
		}> = ({ version }) => {
		const styles = useStyles()
		return (
		<span className={combineClasses([styles.badge, styles.versionBadge])}>
		Version: {version}
		</span>
		)
		}

		export const Badges: FC<PropsWithChildren> = ({ children }) => {
		const styles = useStyles()
		return (
Expand Down
Original file line number	Diff line number	Diff line change
		@@ -1,9 +1,7 @@
		import MuiDialog, {
		DialogProps as MuiDialogProps,
		} from "@material-ui/core/Dialog"
		import MuiDialogTitle from "@material-ui/core/DialogTitle"
		import { alpha, darken, lighten, makeStyles } from "@material-ui/core/styles"
		import SvgIcon from "@material-ui/core/SvgIcon"
		import * as React from "react"
		import { combineClasses } from "../../util/combineClasses"
		import {
Expand All		@@ -12,66 +10,6 @@ import {
		} from "../LoadingButton/LoadingButton"
		import { ConfirmDialogType } from "./types"

		export interface DialogTitleProps {
		/** Title for display */
		title: React.ReactNode
		/** Optional icon to display faded to the right of the title */
		icon?: typeof SvgIcon
		/** Smaller text to display above the title */
		superTitle?: React.ReactNode
		}

		/**
		* Override of Material UI's DialogTitle that allows for a supertitle and background icon
		*/
		export const DialogTitle: React.FC<DialogTitleProps> = ({
		title,
		icon: Icon,
		superTitle,
		}) => {
		const styles = useTitleStyles()
		return (
		<MuiDialogTitle disableTypography>
		<div className={styles.titleWrapper}>
		{superTitle && <div className={styles.superTitle}>{superTitle}</div>}
		<div className={styles.title}>{title}</div>
		</div>
		{Icon && <Icon className={styles.icon} />}
		</MuiDialogTitle>
		)
		}

		const useTitleStyles = makeStyles(
		(theme) => ({
		title: {
		position: "relative",
		zIndex: 2,
		fontSize: theme.typography.h3.fontSize,
		fontWeight: theme.typography.h3.fontWeight,
		lineHeight: "40px",
		display: "flex",
		alignItems: "center",
		},
		superTitle: {
		position: "relative",
		zIndex: 2,
		fontSize: theme.typography.body2.fontSize,
		fontWeight: 500,
		letterSpacing: 1.5,
		textTransform: "uppercase",
		},
		titleWrapper: {
		padding: `${theme.spacing(2)}px 0`,
		},
		icon: {
		height: 84,
		width: 84,
		color: alpha(theme.palette.action.disabled, 0.4),
		},
		}),
		{ name: "CdrDialogTitle" },
		)

		export interface DialogActionButtonsProps {
		/** Text to display in the cancel button */
		cancelText?: string
Expand Down
Original file line number	Diff line number	Diff line change
Expand Up		@@ -6,7 +6,7 @@ import { PasswordField } from "../PasswordField/PasswordField"
		/**
		* FormFieldProps are required props for creating form fields using a factory.
		*/
		exportinterfaceFormFieldProps<T>{
		interfaceFormFieldProps<T>{
		/**
		* form is a reference to a form or subform and is used to compute common
		* states such as error and helper text
Expand Down