ref: Move web-check-live to client

src/web-check-live/App.tsx → src/client/App.tsx

@@ -1,11 +1,11 @@
 import { Routes, Route, Outlet } from 'react-router-dom';
 
-import Home from 'web-check-live/views/Home.tsx';
-import Results from 'web-check-live/views/Results.tsx';
-import About from 'web-check-live/views/About.tsx';
-import NotFound from 'web-check-live/views/NotFound.tsx';
+import Home from 'client/views/Home.tsx';
+import Results from 'client/views/Results.tsx';
+import About from 'client/views/About.tsx';
+import NotFound from 'client/views/NotFound.tsx';
 
-import ErrorBoundary from 'web-check-live/components/boundaries/PageError.tsx';
+import ErrorBoundary from 'client/components/boundaries/PageError.tsx';
 import GlobalStyles from './styles/globals.tsx';
 
 const Layout = () => {

src/web-check-live/components/Form/Button.tsx → src/client/components/Form/Button.tsx

@@ -2,8 +2,8 @@ import { type ReactNode, type MouseEventHandler } from 'react';
 
 import styled from '@emotion/styled';
 import { keyframes } from '@emotion/react';
-import colors from 'web-check-live/styles/colors';
-import { type InputSize, applySize } from 'web-check-live/styles/dimensions';
+import colors from 'client/styles/colors';
+import { type InputSize, applySize } from 'client/styles/dimensions';
 
 type LoadState = 'loading' | 'success' | 'error';
 

src/web-check-live/components/Form/Card.tsx → src/client/components/Form/Card.tsx

@@ -1,9 +1,9 @@
 import styled from '@emotion/styled';
 
 import { type ReactNode } from 'react';
-import ErrorBoundary from 'web-check-live/components/misc/ErrorBoundary';
-import Heading from 'web-check-live/components/Form/Heading';
-import colors from 'web-check-live/styles/colors';
+import ErrorBoundary from 'client/components/misc/ErrorBoundary';
+import Heading from 'client/components/Form/Heading';
+import colors from 'client/styles/colors';
 
 export const StyledCard = styled.section<{ styles?: string }>`
   background: ${colors.backgroundLighter};

src/web-check-live/components/Form/Heading.tsx → src/client/components/Form/Heading.tsx

@@ -1,6 +1,6 @@
 import styled from '@emotion/styled';
-import colors from 'web-check-live/styles/colors';
-import { TextSizes } from 'web-check-live/styles/typography';
+import colors from 'client/styles/colors';
+import { TextSizes } from 'client/styles/typography';
 import type { ReactNode } from 'react';
 
 interface HeadingProps {

src/web-check-live/components/Form/Input.tsx → src/client/components/Form/Input.tsx

@@ -1,7 +1,7 @@
 import { type InputHTMLAttributes } from 'react';
 import styled from '@emotion/styled';
-import colors from 'web-check-live/styles/colors';
-import { type InputSize, applySize } from 'web-check-live/styles/dimensions';
+import colors from 'client/styles/colors';
+import { type InputSize, applySize } from 'client/styles/dimensions';
 
 type Orientation = 'horizontal' | 'vertical';
 

src/web-check-live/components/Form/Modal.tsx → src/client/components/Form/Modal.tsx

@@ -2,8 +2,8 @@ import React from 'react';
 import type { ReactNode } from 'react';
 import ReactDOM from 'react-dom';
 import styled from '@emotion/styled';
-import colors from 'web-check-live/styles/colors';
-import Button from 'web-check-live/components/Form/Button';
+import colors from 'client/styles/colors';
+import Button from 'client/components/Form/Button';
 
 interface ModalProps {
   children: ReactNode;

src/web-check-live/components/Form/Nav.tsx → src/client/components/Form/Nav.tsx

@@ -1,9 +1,9 @@
 import styled from '@emotion/styled';
 import type { ReactNode } from 'react';
 
-import { StyledCard } from 'web-check-live/components/Form/Card';
-import Heading from 'web-check-live/components/Form/Heading';
-import colors from 'web-check-live/styles/colors';
+import { StyledCard } from 'client/components/Form/Card';
+import Heading from 'client/components/Form/Heading';
+import colors from 'client/styles/colors';
 
 const Header = styled(StyledCard)`
   margin: 1rem auto;

src/web-check-live/components/Form/Row.tsx → src/client/components/Form/Row.tsx

@@ -1,7 +1,7 @@
 import type { ReactNode } from 'react';
 import styled from '@emotion/styled';
-import colors from 'web-check-live/styles/colors';
-import Heading from 'web-check-live/components/Form/Heading';
+import colors from 'client/styles/colors';
+import Heading from 'client/components/Form/Heading';
 
 export interface RowProps {
   lbl: string;

src/web-check-live/components/Results/Archives.tsx → src/client/components/Results/Archives.tsx

@@ -1,7 +1,7 @@
 import styled from '@emotion/styled';
-import colors from 'web-check-live/styles/colors';
-import { Card } from 'web-check-live/components/Form/Card';
-import Row from 'web-check-live/components/Form/Row';
+import colors from 'client/styles/colors';
+import { Card } from 'client/components/Form/Card';
+import Row from 'client/components/Form/Row';
 
 const Note = styled.small`
   opacity: 0.5;

src/web-check-live/components/Results/BlockLists.tsx → src/client/components/Results/BlockLists.tsx

@@ -1,5 +1,5 @@
-import { Card } from 'web-check-live/components/Form/Card';
-import Row from 'web-check-live/components/Form/Row';
+import { Card } from 'client/components/Form/Card';
+import Row from 'client/components/Form/Row';
 
 const BlockListsCard = (props: { data: any; title: string; actionButtons: any }): JSX.Element => {
   const blockLists = props.data.blocklists;

src/web-check-live/components/Results/BuiltWith.tsx → src/client/components/Results/BuiltWith.tsx

@@ -1,8 +1,8 @@
 import styled from '@emotion/styled';
-import type { TechnologyGroup, Technology } from 'web-check-live/utils/result-processor';
-import colors from 'web-check-live/styles/colors';
-import Card from 'web-check-live/components/Form/Card';
-import Heading from 'web-check-live/components/Form/Heading';
+import type { TechnologyGroup, Technology } from 'client/utils/result-processor';
+import colors from 'client/styles/colors';
+import Card from 'client/components/Form/Card';
+import Heading from 'client/components/Form/Heading';
 
 const Outer = styled(Card)`
   grid-row: span 2;

src/web-check-live/components/Results/CarbonFootprint.tsx → src/client/components/Results/CarbonFootprint.tsx

@@ -1,8 +1,8 @@
 import { useEffect, useState } from 'react';
 import styled from '@emotion/styled';
-import { Card } from 'web-check-live/components/Form/Card';
-import Row from 'web-check-live/components/Form/Row';
-import colors from 'web-check-live/styles/colors';
+import { Card } from 'client/components/Form/Card';
+import Row from 'client/components/Form/Row';
+import colors from 'client/styles/colors';
 
 const LearnMoreInfo = styled.p`
   font-size: 0.8rem;

src/web-check-live/components/Results/ContentLinks.tsx → src/client/components/Results/ContentLinks.tsx

@@ -1,7 +1,7 @@
-import { Card } from 'web-check-live/components/Form/Card';
-import Row from 'web-check-live/components/Form/Row';
-import Heading from 'web-check-live/components/Form/Heading';
-import colors from 'web-check-live/styles/colors';
+import { Card } from 'client/components/Form/Card';
+import Row from 'client/components/Form/Row';
+import Heading from 'client/components/Form/Heading';
+import colors from 'client/styles/colors';
 
 const cardStyles = `
   small { margin-top: 1rem; opacity: 0.5; }

src/web-check-live/components/Results/Cookies.tsx → src/client/components/Results/Cookies.tsx

@@ -1,6 +1,6 @@
-import { Card } from 'web-check-live/components/Form/Card';
-import Row, { ExpandableRow } from 'web-check-live/components/Form/Row';
-import type { Cookie } from 'web-check-live/utils/result-processor';
+import { Card } from 'client/components/Form/Card';
+import Row, { ExpandableRow } from 'client/components/Form/Row';
+import type { Cookie } from 'client/utils/result-processor';
 
 export const parseHeaderCookies = (cookiesHeader: string[]): Cookie[] => {
   if (!cookiesHeader || !cookiesHeader.length) return [];

src/web-check-live/components/Results/DnsRecords.tsx → src/client/components/Results/DnsRecords.tsx

@@ -1,5 +1,5 @@
-import { Card } from 'web-check-live/components/Form/Card';
-import Row, { ListRow } from 'web-check-live/components/Form/Row';
+import { Card } from 'client/components/Form/Card';
+import Row, { ListRow } from 'client/components/Form/Row';
 
 const styles = `
   grid-row: span 2;

src/web-check-live/components/Results/DnsSec.tsx → src/client/components/Results/DnsSec.tsx

@@ -1,7 +1,7 @@
-import { Card } from 'web-check-live/components/Form/Card';
-import Row, { ExpandableRow, type RowProps } from 'web-check-live/components/Form/Row';
-import Heading from 'web-check-live/components/Form/Heading';
-import colors from 'web-check-live/styles/colors';
+import { Card } from 'client/components/Form/Card';
+import Row, { ExpandableRow, type RowProps } from 'client/components/Form/Row';
+import Heading from 'client/components/Form/Heading';
+import colors from 'client/styles/colors';
 
 const parseDNSKeyData = (data: string) => {
   const dnsKey = data.split(' ');

src/web-check-live/components/Results/DnsServer.tsx → src/client/components/Results/DnsServer.tsx

@@ -1,7 +1,7 @@
-import { Card } from 'web-check-live/components/Form/Card';
-import Heading from 'web-check-live/components/Form/Heading';
-import Row from 'web-check-live/components/Form/Row';
-import colors from 'web-check-live/styles/colors';
+import { Card } from 'client/components/Form/Card';
+import Heading from 'client/components/Form/Heading';
+import Row from 'client/components/Form/Row';
+import colors from 'client/styles/colors';
 
 const DnsServerCard = (props: { data: any; title: string; actionButtons: any }): JSX.Element => {
   const dnsSecurity = props.data;

src/web-check-live/components/Results/DomainLookup.tsx → src/client/components/Results/DomainLookup.tsx

@@ -1,6 +1,6 @@
-import colors from 'web-check-live/styles/colors';
-import { Card } from 'web-check-live/components/Form/Card';
-import Row from 'web-check-live/components/Form/Row';
+import colors from 'client/styles/colors';
+import { Card } from 'client/components/Form/Card';
+import Row from 'client/components/Form/Row';
 
 const cardStyles = `
 span.val {

src/web-check-live/components/Results/Firewall.tsx → src/client/components/Results/Firewall.tsx

@@ -1,6 +1,6 @@
 import styled from '@emotion/styled';
-import { Card } from 'web-check-live/components/Form/Card';
-import Row from 'web-check-live/components/Form/Row';
+import { Card } from 'client/components/Form/Card';
+import Row from 'client/components/Form/Row';
 
 const Note = styled.small`
   opacity: 0.5;

src/web-check-live/components/Results/Headers.tsx → src/client/components/Results/Headers.tsx

@@ -1,5 +1,5 @@
-import { Card } from 'web-check-live/components/Form/Card';
-import Row from 'web-check-live/components/Form/Row';
+import { Card } from 'client/components/Form/Card';
+import Row from 'client/components/Form/Row';
 import type { ReactNode } from 'react';
 
 const HeadersCard = (props: {

src/web-check-live/components/Results/HostNames.tsx → src/client/components/Results/HostNames.tsx

@@ -1,8 +1,8 @@
 import styled from '@emotion/styled';
-import type { HostNames } from 'web-check-live/utils/result-processor';
-import colors from 'web-check-live/styles/colors';
-import { Card } from 'web-check-live/components/Form/Card';
-import Heading from 'web-check-live/components/Form/Heading';
+import type { HostNames } from 'client/utils/result-processor';
+import colors from 'client/styles/colors';
+import { Card } from 'client/components/Form/Card';
+import Heading from 'client/components/Form/Heading';
 
 const Row = styled.div`
   display: flex;

src/web-check-live/components/Results/Hsts.tsx → src/client/components/Results/Hsts.tsx

@@ -1,5 +1,5 @@
-import { Card } from 'web-check-live/components/Form/Card';
-import Row, { type RowProps } from 'web-check-live/components/Form/Row';
+import { Card } from 'client/components/Form/Card';
+import Row, { type RowProps } from 'client/components/Form/Row';
 
 const cardStyles = '';
 

src/web-check-live/components/Results/HttpSecurity.tsx → src/client/components/Results/HttpSecurity.tsx

@@ -1,5 +1,5 @@
-import { Card } from 'web-check-live/components/Form/Card';
-import Row from 'web-check-live/components/Form/Row';
+import { Card } from 'client/components/Form/Card';
+import Row from 'client/components/Form/Row';
 
 const yes = '✅ Yes';
 const no = '❌ No';

src/web-check-live/components/Results/Lighthouse.tsx → src/client/components/Results/Lighthouse.tsx

@@ -1,5 +1,5 @@
-import { Card } from 'web-check-live/components/Form/Card';
-import { ExpandableRow } from 'web-check-live/components/Form/Row';
+import { Card } from 'client/components/Form/Card';
+import { ExpandableRow } from 'client/components/Form/Row';
 
 const processScore = (percentile: number) => {
   return `${Math.round(percentile * 100)}%`;

src/web-check-live/components/Results/MailConfig.tsx → src/client/components/Results/MailConfig.tsx

@@ -1,7 +1,7 @@
-import { Card } from 'web-check-live/components/Form/Card';
-import Row from 'web-check-live/components/Form/Row';
-import Heading from 'web-check-live/components/Form/Heading';
-import colors from 'web-check-live/styles/colors';
+import { Card } from 'client/components/Form/Card';
+import Row from 'client/components/Form/Row';
+import Heading from 'client/components/Form/Heading';
+import colors from 'client/styles/colors';
 
 const cardStyles = ``;
 

src/web-check-live/components/Results/OpenPorts.tsx → src/client/components/Results/OpenPorts.tsx

@@ -1,5 +1,5 @@
-import { Card } from 'web-check-live/components/Form/Card';
-import Row from 'web-check-live/components/Form/Row';
+import { Card } from 'client/components/Form/Card';
+import Row from 'client/components/Form/Row';
 
 const cardStyles = `
   small { margin-top: 1rem; opacity: 0.5; }

src/web-check-live/components/Results/Rank.tsx → src/client/components/Results/Rank.tsx

@@ -1,7 +1,7 @@
 import { AreaChart, Area, Tooltip, CartesianGrid, ResponsiveContainer } from 'recharts';
-import colors from 'web-check-live/styles/colors';
-import { Card } from 'web-check-live/components/Form/Card';
-import Row from 'web-check-live/components/Form/Row';
+import colors from 'client/styles/colors';
+import { Card } from 'client/components/Form/Card';
+import Row from 'client/components/Form/Row';
 
 const cardStyles = `
 span.val {

src/web-check-live/components/Results/Redirects.tsx → src/client/components/Results/Redirects.tsx

@@ -1,6 +1,6 @@
-import colors from 'web-check-live/styles/colors';
-import { Card } from 'web-check-live/components/Form/Card';
-import Row from 'web-check-live/components/Form/Row';
+import colors from 'client/styles/colors';
+import { Card } from 'client/components/Form/Card';
+import Row from 'client/components/Form/Row';
 
 const cardStyles = `
   div {

src/web-check-live/components/Results/RobotsTxt.tsx → src/client/components/Results/RobotsTxt.tsx

@@ -1,5 +1,5 @@
-import { Card } from 'web-check-live/components/Form/Card';
-import Row, { type RowProps } from 'web-check-live/components/Form/Row';
+import { Card } from 'client/components/Form/Card';
+import Row, { type RowProps } from 'client/components/Form/Row';
 
 const cardStyles = `
   grid-row: span 2;

src/web-check-live/components/Results/Screenshot.tsx → src/client/components/Results/Screenshot.tsx

@@ -1,4 +1,4 @@
-import { Card } from 'web-check-live/components/Form/Card';
+import { Card } from 'client/components/Form/Card';
 
 const cardStyles = `
   overflow: auto;

src/web-check-live/components/Results/SecurityTxt.tsx → src/client/components/Results/SecurityTxt.tsx

@@ -1,6 +1,6 @@
-import { Card } from 'web-check-live/components/Form/Card';
-import Row, { Details } from 'web-check-live/components/Form/Row';
-import colors from 'web-check-live/styles/colors';
+import { Card } from 'client/components/Form/Card';
+import Row, { Details } from 'client/components/Form/Row';
+import colors from 'client/styles/colors';
 
 const cardStyles = `
 small {

src/web-check-live/components/Results/ServerInfo.tsx → src/client/components/Results/ServerInfo.tsx

@@ -1,6 +1,6 @@
-import type { ServerInfo } from 'web-check-live/utils/result-processor';
-import { Card } from 'web-check-live/components/Form/Card';
-import Row from 'web-check-live/components/Form/Row';
+import type { ServerInfo } from 'client/utils/result-processor';
+import { Card } from 'client/components/Form/Card';
+import Row from 'client/components/Form/Row';
 
 const ServerInfoCard = (props: {
   data: ServerInfo;

src/web-check-live/components/Results/ServerLocation.tsx → src/client/components/Results/ServerLocation.tsx

@@ -1,10 +1,10 @@
 import styled from '@emotion/styled';
-import type { ServerLocation } from 'web-check-live/utils/result-processor';
-import { Card } from 'web-check-live/components/Form/Card';
-import LocationMap from 'web-check-live/components/misc/LocationMap';
-import Flag from 'web-check-live/components/misc/Flag';
-import { TextSizes } from 'web-check-live/styles/typography';
-import Row, { StyledRow } from 'web-check-live/components/Form/Row';
+import type { ServerLocation } from 'client/utils/result-processor';
+import { Card } from 'client/components/Form/Card';
+import LocationMap from 'client/components/misc/LocationMap';
+import Flag from 'client/components/misc/Flag';
+import { TextSizes } from 'client/styles/typography';
+import Row, { StyledRow } from 'client/components/Form/Row';
 
 const cardStyles = '';
 

src/web-check-live/components/Results/ServerStatus.tsx → src/client/components/Results/ServerStatus.tsx

@@ -1,6 +1,6 @@
-import colors from 'web-check-live/styles/colors';
-import { Card } from 'web-check-live/components/Form/Card';
-import Row from 'web-check-live/components/Form/Row';
+import colors from 'client/styles/colors';
+import { Card } from 'client/components/Form/Card';
+import Row from 'client/components/Form/Row';
 
 const cardStyles = `
 span.val {

src/web-check-live/components/Results/Sitemap.tsx → src/client/components/Results/Sitemap.tsx

@@ -1,6 +1,6 @@
-import { Card } from 'web-check-live/components/Form/Card';
-import Row, { ExpandableRow } from 'web-check-live/components/Form/Row';
-import colors from 'web-check-live/styles/colors';
+import { Card } from 'client/components/Form/Card';
+import Row, { ExpandableRow } from 'client/components/Form/Row';
+import colors from 'client/styles/colors';
 
 const cardStyles = `
   max-height: 50rem;

src/web-check-live/components/Results/SocialTags.tsx → src/client/components/Results/SocialTags.tsx

@@ -1,6 +1,6 @@
-import { Card } from 'web-check-live/components/Form/Card';
-import Row from 'web-check-live/components/Form/Row';
-import colors from 'web-check-live/styles/colors';
+import { Card } from 'client/components/Form/Card';
+import Row from 'client/components/Form/Row';
+import colors from 'client/styles/colors';
 
 const cardStyles = `
   .banner-image img {

src/web-check-live/components/Results/SslCert.tsx → src/client/components/Results/SslCert.tsx

@@ -1,7 +1,7 @@
 import styled from '@emotion/styled';
-import colors from 'web-check-live/styles/colors';
-import { Card } from 'web-check-live/components/Form/Card';
-import Heading from 'web-check-live/components/Form/Heading';
+import colors from 'client/styles/colors';
+import { Card } from 'client/components/Form/Card';
+import Heading from 'client/components/Form/Heading';
 
 const Row = styled.div`
   display: flex;

src/web-check-live/components/Results/TechStack.tsx → src/client/components/Results/TechStack.tsx

@@ -1,7 +1,7 @@
 import styled from '@emotion/styled';
-import { Card } from 'web-check-live/components/Form/Card';
-import Heading from 'web-check-live/components/Form/Heading';
-import colors from 'web-check-live/styles/colors';
+import { Card } from 'client/components/Form/Card';
+import Heading from 'client/components/Form/Heading';
+import colors from 'client/styles/colors';
 
 const cardStyles = `
   grid-row: span 2;