Move types to dedicated folder

Author: jerboa88

gatsby-config.ts

@@ -16,8 +16,8 @@ import {
 	INDEX_PATH,
 	SOCIAL_IMAGES_PATH,
 } from './src/common/constants';
-import { SocialImageType, ThemeType } from './src/common/types';
 import { getAbsoluteUrl } from './src/common/utils';
+import { SocialImageType, ThemeType } from './src/types/types';
 import tailwindConfig from './tailwind.config';
 
 const SITE_METADATA = getSiteMetadata();
@@ -37,7 +37,7 @@ const config: GatsbyConfig = {
 	jsxRuntime: 'automatic',
 	trailingSlash: 'never',
 	graphqlTypegen: {
-		typesOutputPath: 'src/common/gatsby-types.d.ts',
+		typesOutputPath: 'src/types/gatsby-types.d.ts',
 	},
 	plugins: [
 		'gatsby-plugin-fontawesome',

gatsby-node.ts

@@ -13,16 +13,6 @@ import {
 	SOCIAL_IMAGES_PATH,
 	SOCIAL_IMAGE_TEMPLATES_DIR,
 } from './src/common/constants';
-import {
-	type AbsolutePathString,
-	type EmptyObject,
-	EntryPage,
-	type IndexPageContext,
-	type PageMetadata,
-	type Project,
-	type ProjectPageContext,
-	type ResumePageContext,
-} from './src/common/types';
 import { transformGithubDataNode } from './src/node/github-data-node-transformer';
 import { schema } from './src/node/graphql';
 import { setReporter, warn } from './src/node/logger';
@@ -33,6 +23,16 @@ import {
 	deletePage,
 	setGatsbyNodeHelpers,
 } from './src/node/utils';
+import {
+	type AbsolutePathString,
+	type EmptyObject,
+	EntryPage,
+	type IndexPageContext,
+	type PageMetadata,
+	type Project,
+	type ProjectPageContext,
+	type ResumePageContext,
+} from './src/types/types';
 
 // Constants
 

src/common/config-manager.ts

@@ -4,6 +4,16 @@
 */
 
 import type { JobOptions } from 'gatsby-plugin-component-to-image/lib/types';
+import { colorMappingsConfig } from '../config/color-mappings';
+import { externalServicesConfig } from '../config/external-services';
+import { pagesMetadataConfig } from '../config/metadata/pages';
+import { siteMetadataConfig } from '../config/metadata/site';
+import { projectsConfig } from '../config/projects';
+import { educationRolesConfig } from '../config/roles/education';
+import { employmentRolesConfig } from '../config/roles/employment';
+import { volunteeringRolesConfig } from '../config/roles/volunteering';
+import { socialImagesGenerationConfig } from '../config/social-images-generation';
+import { themesConfig } from '../config/themes';
 import {
 	type BgColorString,
 	type EmploymentRole,
@@ -20,17 +30,7 @@ import {
 	type Theme,
 	type ThemesConfig,
 	type UrlString,
-} from '../common/types';
-import { colorMappingsConfig } from '../config/color-mappings';
-import { externalServicesConfig } from '../config/external-services';
-import { pagesMetadataConfig } from '../config/metadata/pages';
-import { siteMetadataConfig } from '../config/metadata/site';
-import { projectsConfig } from '../config/projects';
-import { educationRolesConfig } from '../config/roles/education';
-import { employmentRolesConfig } from '../config/roles/employment';
-import { volunteeringRolesConfig } from '../config/roles/volunteering';
-import { socialImagesGenerationConfig } from '../config/social-images-generation';
-import { themesConfig } from '../config/themes';
+} from '../types/types';
 import { arrayToObject, isDefined } from './utils';
 
 // Types

src/common/constants.ts

@@ -3,7 +3,7 @@
 	--------------------------------------------------
 */
 
-import type { AbsolutePathString, WorkingPathString } from './types';
+import type { AbsolutePathString, WorkingPathString } from '../types/types';
 
 // Constants
 

src/common/utils.ts

@@ -4,8 +4,12 @@
 */
 
 import { panic } from '../node/logger';
+import type {
+	PropsWithClassName,
+	SentenceString,
+	UrlString,
+} from '../types/types';
 import { getSiteMetadata } from './config-manager';
-import type { PropsWithClassName, SentenceString, UrlString } from './types';
 
 // Types
 

src/components/divider.tsx

@@ -3,8 +3,8 @@
 	-------------------------
 */
 
-import type { PropsWithClassName } from '../common/types';
 import { getClassNameProps } from '../common/utils';
+import type { PropsWithClassName } from '../types/types';
 
 export function Divider({ className }: PropsWithClassName) {
 	const classNameProps = getClassNameProps('m-0 h-auto divider', className);

src/components/ghost-alert.tsx

@@ -12,8 +12,8 @@ import {
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { AnimatePresence, motion } from 'framer-motion';
 import { FADE_IN_ANIMATION_PROPS } from '../common/constants';
-import { AlertType, type PropsWithClassName } from '../common/types';
 import { getClassNameProps } from '../common/utils';
+import { AlertType, type PropsWithClassName } from '../types/types';
 
 // Types
 

src/components/input/base-button.tsx

@@ -7,8 +7,8 @@
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { AnimatePresence, motion } from 'framer-motion';
 import { FADE_IN_ANIMATION_PROPS } from '../../common/constants';
-import type { Button } from '../../common/types';
 import { getClassNameProps } from '../../common/utils';
+import type { Button } from '../../types/types';
 import { Tooltip } from '../tooltip';
 
 export function BaseButton({

src/components/input/base-input.tsx

@@ -6,14 +6,14 @@
 
 import { motion } from 'framer-motion';
 import type { FieldErrors, UseFormRegister } from 'react-hook-form';
+import { getClassNameProps, getOrDefault } from '../../common/utils';
 import {
 	AlertType,
 	type InputElementRenderFunction,
 	type InputValidationOptions,
 	type PropsWithClassName,
 	type PropsWithLayoutAnimations,
-} from '../../common/types';
-import { getClassNameProps, getOrDefault } from '../../common/utils';
+} from '../../types/types';
 import { GhostAlert } from '../ghost-alert';
 
 interface BaseInput extends PropsWithClassName, PropsWithLayoutAnimations {

src/components/input/checkbox.tsx

@@ -4,12 +4,12 @@
 */
 
 import { useCallback } from 'react';
+import { getClassNameProps } from '../../common/utils';
 import type {
 	Input,
 	InputElementRenderFunction,
 	InputOptions,
-} from '../../common/types';
-import { getClassNameProps } from '../../common/utils';
+} from '../../types/types';
 import { BaseInput } from './base-input';
 
 export interface Props extends Input {