Fix imports

src/common/dialog/stories/RevisionsDialog.stories.svelte

@@ -6,7 +6,7 @@
 
   import RevisionsDialog from "../RevisionsDialog.svelte";
 
-  import documentFixture from "../../../pages/app/test/fixtures/document.json";
+  import { document } from "../../../test/fixtures/documents";
   import { revisionControl } from "../../../test/handlers/documents";
   import { mockGetMe } from "../../../test/handlers/accounts";
 
@@ -26,7 +26,7 @@
   const args = {
     enabled: true,
     documentId: "1",
-    revisions: documentFixture.revisions,
+    revisions: document.revisions,
     onSave: action("Save"),
     onCancel: action("Cancel"),
   };

src/common/stories/RevisionIcon.stories.svelte

@@ -4,10 +4,10 @@
 
   import RevisionIcon from "../RevisionIcon.svelte";
 
-  import documentFixture from "../../pages/app/test/fixtures/document.json";
+  import { document } from "../../test/fixtures/documents";
 
   const args = {
-    revisions: documentFixture.revisions,
+    revisions: document.revisions,
     showCount: true,
   };
 

src/common/stories/UploadOptions.stories.svelte

@@ -5,10 +5,7 @@
 
   let args = {};
 
-  import {
-    mockGetMe,
-    mockGetOrg,
-  } from "../../pages/app/accounts/stories/mockData";
+  import { mockGetMe, mockGetOrg } from "../../test/handlers/accounts";
 
   export const meta = {
     title: "Common / Upload Options",

src/pages/app/stories/ActionBar.stories.svelte

@@ -1,9 +1,9 @@
-<script context="module">
+<script lang="ts" context="module">
   import { Story, Template } from "@storybook/addon-svelte-csf";
   import { action } from "@storybook/addon-actions";
   import ActionBar from "../ActionBar.svelte";
 
-  import documentFixture from "../../viewer/fixtures/document.json";
+  import { document } from "../../../test/fixtures/documents";
 
   export const meta = {
     title: "App / Action Bar",
@@ -15,7 +15,7 @@
     loggedIn: true,
     data: {
       loading: false,
-      documents: [documentFixture, documentFixture, documentFixture],
+      documents: [document, document, document],
     },
     selection: {
       checked: false,

src/pages/app/stories/Document.stories.svelte

@@ -3,7 +3,7 @@
   import Document from "../Document.svelte";
 
   import * as structure from "../../../structure/document.js";
-  import document from "../fixtures/document.json";
+  import { document } from "../../../test/fixtures/documents";
 
   export const meta = {
     title: "App / Documents / Document",

src/pages/app/stories/DocumentThumbnail.stories.svelte

@@ -3,7 +3,7 @@
   import DocumentThumbnail from "../DocumentThumbnail.svelte";
 
   import { Document } from "../../../structure/document.js";
-  import document from "../fixtures/document.json";
+  import { document } from "../../../test/fixtures/documents";
 
   export const meta = {
     title: "App / Documents / Document Thumbnail",

src/pages/app/stories/Documents.stories.svelte

@@ -1,9 +1,11 @@
-<script context="module">
+<script lang="ts" context="module">
   import { Story, Template } from "@storybook/addon-svelte-csf";
   import Documents from "../Documents.svelte";
 
   import { layout } from "../../../manager/layout.js";
-  import * as mock from "./mock";
+  import { users, organizations } from "../../../test/handlers/accounts";
+  import { projects } from "../../../test/handlers/projects";
+  import { runs } from "../../../test/handlers/addons";
 
   export const meta = {
     title: "App / Documents / Documents",
@@ -22,6 +24,14 @@
   };
 
   let container;
+
+  const handlers = [
+    users.data,
+    users.me,
+    organizations.data,
+    projects.data,
+    runs.data,
+  ];
 </script>
 
 <Template let:args>
@@ -35,13 +45,7 @@
   {args}
   parameters={{
     msw: {
-      handlers: [
-        mock.users.data,
-        mock.users.me,
-        mock.organizations.data,
-        mock.projects.data,
-        mock.runs.data,
-      ],
+      handlers,
     },
   }}
 />
@@ -51,13 +55,7 @@
   args={{ ...args, embed: true }}
   parameters={{
     msw: {
-      handlers: [
-        mock.users.data,
-        mock.users.me,
-        mock.organizations.data,
-        mock.projects.data,
-        mock.runs.data,
-      ],
+      handlers,
     },
   }}
 />
@@ -67,13 +65,7 @@
   args={{ ...args, dialog: true }}
   parameters={{
     msw: {
-      handlers: [
-        mock.users.data,
-        mock.users.me,
-        mock.organizations.data,
-        mock.projects.data,
-        mock.runs.data,
-      ],
+      handlers,
     },
   }}
 />

src/pages/app/stories/SearchBar.stories.svelte

@@ -1,14 +1,17 @@
-<script context="module">
+<script lang="ts" context="module">
   import { Story, Template } from "@storybook/addon-svelte-csf";
   import SearchBar from "../SearchBar.svelte";
-  import * as mock from "./mock";
+  import { organizations, users } from "../../../test/handlers/accounts";
+  import { projects } from "../../../test/handlers/projects";
 
   export const meta = {
     title: "App / Search / Search Bar",
     component: SearchBar,
     tags: ["autodocs"],
     parameters: { layout: "centered" },
   };
+
+  const handlers = [users.data, organizations.data, projects.data];
 </script>
 
 <Template let:args>
@@ -22,7 +25,7 @@
   args={{ search: "project:example-project-123" }}
   parameters={{
     msw: {
-      handlers: [mock.users.data, mock.organizations.data, mock.projects.data],
+      handlers,
     },
   }}
 />
@@ -32,7 +35,7 @@
   args={{ compact: true, search: "project:example-project-123" }}
   parameters={{
     msw: {
-      handlers: [mock.users.data, mock.organizations.data, mock.projects.data],
+      handlers,
     },
   }}
 />
@@ -42,7 +45,7 @@
   args={{ example: true, search: "project:example-project-123" }}
   parameters={{
     msw: {
-      handlers: [mock.users.data, mock.organizations.data, mock.projects.data],
+      handlers,
     },
   }}
 />
@@ -52,7 +55,7 @@
   args={{ dialog: true, search: "user:example-user-123" }}
   parameters={{
     msw: {
-      handlers: [mock.users.data, mock.organizations.data, mock.projects.data],
+      handlers,
     },
   }}
 />

src/pages/app/stories/SearchInput.stories.svelte

@@ -2,7 +2,8 @@
   import { Story } from "@storybook/addon-svelte-csf";
   import SearchInput from "../SearchInput.svelte";
 
-  import * as mock from "./mock";
+  import { organizations, users } from "../../../test/handlers/accounts";
+  import { projects } from "../../../test/handlers/projects";
 
   export const meta = {
     title: "App / Search / Search Input",
@@ -16,7 +17,7 @@
   name="default"
   parameters={{
     msw: {
-      handlers: [mock.users.data, mock.organizations.data, mock.projects.data],
+      handlers: [users.data, organizations.data, projects.data],
     },
   }}
 >

src/pages/app/stories/SearchLink.stories.svelte

@@ -1,7 +1,8 @@
-<script context="module">
+<script lang="ts" context="module">
   import { Story } from "@storybook/addon-svelte-csf";
   import SearchLink from "../SearchLink.svelte";
-  import * as mock from "./mock";
+  import { organizations, users } from "../../../test/handlers/accounts";
+  import { projects } from "../../../test/handlers/projects";
 
   export const meta = {
     title: "App / Search / Search Link",
@@ -15,7 +16,7 @@
   name="default"
   parameters={{
     msw: {
-      handlers: [mock.users.data, mock.organizations.data, mock.projects.data],
+      handlers: [users.data, organizations.data, projects.data],
     },
   }}
 >

src/pages/viewer/stories/AllText.stories.svelte

@@ -1,10 +1,10 @@
-<script context="module">
+<script lang="ts" context="module">
   import { Story } from "@storybook/addon-svelte-csf";
   import AllText from "../AllText.svelte";
 
-  import { Document } from "@/structure/document.js";
-  import { viewer } from "@/viewer/viewer.js";
-  import document from "../fixtures/document.json";
+  import { Document } from "../../../structure/document.js";
+  import { viewer } from "../../../viewer/viewer.js";
+  import { document } from "../../../test/fixtures/documents";
 
   viewer.document = new Document(document);
 

src/pages/viewer/stories/Body.stories.svelte

@@ -1,10 +1,9 @@
-<script context="module">
+<script lang="ts" context="module">
   import { Story } from "@storybook/addon-svelte-csf";
   import Body from "../Body.svelte";
   import { Document } from "../../../structure/document.js";
-  import document from "../fixtures/document.json";
-
-  import { doc } from "@/viewer/document.js";
+  import { document } from "../../../test/fixtures/documents";
+  import { doc } from "../../../viewer/document.js";
   import { viewer } from "../../../viewer/viewer.js";
 
   export const meta = {
@@ -15,6 +14,7 @@
 
   // not clear this does anything useful
   viewer.doc = new Document(document);
+  // @ts-ignore
   doc.viewer = viewer;
 </script>
 

src/pages/viewer/stories/Header.stories.svelte

@@ -3,11 +3,11 @@
 
   import Header from "../Header.svelte";
 
-  import documentFixture from "../fixtures/document.json";
+  import { document } from "../../../test/fixtures/documents";
   import { Document as DocumentState } from "../../../structure/document";
 
   const args = {
-    document: new DocumentState(documentFixture),
+    document: new DocumentState(document),
     loaded: true,
     title: true,
     showOrg: true,

src/pages/viewer/stories/Sidebar.stories.svelte

@@ -2,11 +2,11 @@
   import { Story, Template } from "@storybook/addon-svelte-csf";
 
   import Sidebar from "../Sidebar.svelte";
-  import documentFixture from "../fixtures/document.json";
+  import { document } from "../../../test/fixtures/documents";
   import { Document as DocumentState } from "../../../structure/document";
 
   const args = {
-    document: new DocumentState(documentFixture),
+    document: new DocumentState(document),
     loaded: true,
     signedIn: true,
     disableControls: false,
@@ -30,6 +30,6 @@
   name="Uneditable"
   args={{
     ...args,
-    document: new DocumentState({ ...documentFixture, edit_access: false }),
+    document: new DocumentState({ ...document, edit_access: false }),
   }}
 />

src/projects/stories/Browser.stories.svelte

@@ -4,8 +4,8 @@
   import Browser from "../Browser.svelte";
 
   const args = { visible: true };
-  import { projectHandlers } from "./mockData";
-  import { mockGetMe } from "../../pages/app/accounts/stories/mockData";
+  import { projects } from "../../test/handlers/projects";
+  import { mockGetMe } from "../../test/handlers/accounts";
 
   export const meta = {
     title: "App / Projects / Browser",
@@ -22,20 +22,20 @@
 <Story
   name="Success"
   {args}
-  parameters={{ msw: { handlers: [mockGetMe.data, projectHandlers.data] } }}
+  parameters={{ msw: { handlers: [mockGetMe.data, projects.data] } }}
 />
 <Story
   name="Loading"
   {args}
-  parameters={{ msw: { handlers: [mockGetMe.data, projectHandlers.loading] } }}
+  parameters={{ msw: { handlers: [mockGetMe.data, projects.loading] } }}
 />
 <Story
   name="Error"
   {args}
-  parameters={{ msw: { handlers: [mockGetMe.data, projectHandlers.error] } }}
+  parameters={{ msw: { handlers: [mockGetMe.data, projects.error] } }}
 />
 <Story
   name="Empty"
   {args}
-  parameters={{ msw: { handlers: [mockGetMe.data, projectHandlers.empty] } }}
+  parameters={{ msw: { handlers: [mockGetMe.data, projects.empty] } }}
 />

src/projects/stories/ProjectList.stories.svelte

@@ -1,11 +1,11 @@
 <script lang="ts" context="module">
   import { Story, Template } from "@storybook/addon-svelte-csf";
 
-  import { projects } from "../../api/fixtures/projects.fixtures";
+  import { projectList } from "../../test/fixtures/projects";
   import ProjectList from "../ProjectList.svelte";
 
   const args = {
-    items: projects.results,
+    items: projectList.results,
     loading: false,
     error: null,
   };
@@ -26,7 +26,7 @@
   name="With Own Data"
   args={{
     ...args,
-    items: projects.results.map((project) => ({
+    items: projectList.results.map((project) => ({
       ...project,
       edit_access: true,
     })),
@@ -36,7 +36,7 @@
   name="With Shared Data"
   args={{
     ...args,
-    items: projects.results.map((project) => ({
+    items: projectList.results.map((project) => ({
       ...project,
       edit_access: project.user === 4,
     })),