Merge pull request #85 from samvera-labs/2858-pathing-cleanup

Cleanup paths on imports.

Author: mathewjordan

jest.config.ts

@@ -4,6 +4,9 @@ import type { Config } from "@jest/types";
 // Sync object
 const config: Config.InitialOptions = {
   moduleDirectories: ["node_modules", "src"],
+  moduleNameMapper: {
+    "@/(.*)": "<rootDir>/src/$1",
+  },
   roots: ["<rootDir>/src"],
   setupFilesAfterEnv: ["./jest-setup.ts"],
   testEnvironment: "jsdom",

src/components/CopyText.tsx

@@ -1,6 +1,6 @@
 import React from "react";
-import { styled } from "stitches";
-import { useCopyToClipboard, CopyStatus } from "hooks/useCopyToClipboard";
+import { styled } from "@/stitches";
+import { useCopyToClipboard, CopyStatus } from "@/hooks/useCopyToClipboard";
 
 const Status = styled("span", {
   display: "flex",

src/components/ImageViewer/Button.styled.tsx

@@ -1,4 +1,4 @@
-import { styled } from "@stitches/react";
+import { styled } from "@/stitches";
 
 const Item = styled("button", {
   display: "flex",

src/components/ImageViewer/Button.test.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import { render, screen } from "@testing-library/react";
-import Button from "./Button";
+import Button from "@/components/ImageViewer/Button";
 
 describe("Button component", () => {
   it("renders", () => {

src/components/ImageViewer/Button.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { Item } from "./Button.styled";
+import { Item } from "@/components/ImageViewer/Button.styled";
 
 interface ButtonProps {
   id: string;

src/components/ImageViewer/Controls.styled.tsx

@@ -1,4 +1,4 @@
-import { styled } from "@stitches/react";
+import { styled } from "@/stitches";
 
 const Wrapper = styled("div", {
   position: "absolute",

src/components/ImageViewer/Controls.test.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import { render, screen } from "@testing-library/react";
-import Controls from "./Controls";
+import Controls from "@/components/ImageViewer/Controls";
 
 describe("Controls component", () => {
   it("renders", () => {

src/components/ImageViewer/Controls.tsx

@@ -1,6 +1,6 @@
 import React from "react";
-import Button from "./Button";
-import { Wrapper } from "./Controls.styled";
+import Button from "@/components/ImageViewer/Button";
+import { Wrapper } from "@/components/ImageViewer/Controls.styled";
 
 const Controls: React.FC = () => {
   const ZoomIn = () => {

src/components/ImageViewer/ImageViewer.styled.tsx

@@ -1,4 +1,4 @@
-import { styled } from "stitches";
+import { styled } from "@/stitches";
 
 const Navigator = styled("div", {
   position: "absolute !important",

src/components/ImageViewer/ImageViewer.test.tsx

@@ -1,8 +1,8 @@
 import { enableFetchMocks } from "jest-fetch-mock";
 import React from "react";
 import { render } from "@testing-library/react";
-import ImageViewer from "./ImageViewer";
-import { tileSourceResponse } from "../../services/iiif-test-fixtures";
+import ImageViewer from "@/components/ImageViewer/ImageViewer";
+import { tileSourceResponse } from "@/services/iiif-test-fixtures";
 
 enableFetchMocks();