slice-machine-ui 2.17.3-beta.1 → 2.17.3-beta.10

package/src/features/settings/git/GitProviderConnectButtons.tsx

@@ -1,63 +0,0 @@
-import { keys } from "@prismicio/editor-support/Object";
-import { Button, ButtonGroup, Text, theme } from "@prismicio/editor-ui";
-import { type ComponentPropsWithoutRef, type FC, useState } from "react";
-import { toast } from "react-toastify";
-
-import { gitProviderToConfig } from "@/features/settings/git/GitProvider";
-
-export const GitProviderConnectButtons: FC = () => (
-  <ButtonGroup>
-    {keys(gitProviderToConfig).map((provider) => (
-      <GitProviderConnectButton
-        key={provider}
-        provider={provider}
-        sx={{ flexBasis: 0, flexGrow: 1 }}
-      />
-    ))}
-  </ButtonGroup>
-);
-
-type GitProviderConnectButtonProps = {
-  provider: keyof typeof gitProviderToConfig;
-  sx?: SX;
-};
-
-const GitProviderConnectButton: FC<GitProviderConnectButtonProps> = ({
-  provider,
-  sx,
-}) => {
-  const { connect, Icon, name, supported } = gitProviderToConfig[provider];
-  const [loading, setLoading] = useState(false);
-  return (
-    <Button
-      color="grey"
-      disabled={!supported}
-      loading={loading}
-      onClick={() => {
-        void (async () => {
-          setLoading(true);
-          try {
-            await connect();
-          } catch (error) {
-            const message = `Could not connect to ${name}`;
-            console.error(message, error);
-            toast.error(message);
-            setLoading(false);
-          }
-        })();
-      }}
-      renderStartIcon={() => <Icon color={theme.color.grey11} />}
-      sx={sx}
-    >
-      {name}
-      {supported ? undefined : (
-        <Text color="inherit" variant="small">
-          {" (soon)"}
-        </Text>
-      )}
-    </Button>
-  );
-};
-
-// TODO(DT-1928): export the `SX` type from `@prismicio/editor-ui`.
-type SX = ComponentPropsWithoutRef<typeof Button>["sx"];

package/src/features/settings/git/GitRepositoriesList.tsx

@@ -1,76 +0,0 @@
-import { Button, Skeleton, Text } from "@prismicio/editor-ui";
-import type { GitRepo, GitRepoSpecifier } from "@slicemachine/manager";
-import type { FC } from "react";
-
-import { FieldSetList, FieldSetListItem } from "@/components/FieldSet";
-import { RelativeTime } from "@/components/RelativeTime";
-import { GitRepositoryConnectDialog } from "@/features/settings/git/GitRepositoryConnectDialog";
-import { GitRepositoryDisconnectDialog } from "@/features/settings/git/GitRepositoryDisconnectDialog";
-import { useLinkedGitRepos } from "@/features/settings/git/useLinkedGitRepos";
-
-type GitRepositoriesListProps =
-  | { mode: "link"; repos: GitRepo[] }
-  | { mode: "unlink"; repos: GitRepoSpecifier[] };
-
-export const GitRepositoriesList: FC<GitRepositoriesListProps> = ({
-  mode,
-  repos,
-}) => {
-  const { linkRepo, unlinkRepo } = useLinkedGitRepos();
-  return (
-    <FieldSetList>
-      {mode === "link"
-        ? repos.map((repo) => (
-            <FieldSetListItem
-              action={
-                <GitRepositoryConnectDialog
-                  linkRepo={linkRepo}
-                  repo={repo}
-                  trigger={<Button color="grey">Connect</Button>}
-                />
-              }
-              key={`${repo.provider}@${repo.id}`}
-            >
-              {repo.name}
-              <Text color="grey11">
-                {" • "}
-                <RelativeTime date={repo.pushedAt} />
-              </Text>
-            </FieldSetListItem>
-          ))
-        : repos.map((repo) => (
-            <FieldSetListItem
-              action={
-                <GitRepositoryDisconnectDialog
-                  repo={repo}
-                  trigger={<Button color="grey">Disconnect</Button>}
-                  unlinkRepo={unlinkRepo}
-                />
-              }
-              key={`${repo.provider}@${repo.owner}/${repo.name}`}
-            >
-              {repo.name}
-            </FieldSetListItem>
-          ))}
-    </FieldSetList>
-  );
-};
-
-export const GitRepositoriesListSkeleton: FC = () => (
-  <FieldSetList>
-    {[...Array(4).keys()].map((index) => (
-      <FieldSetListItem
-        action={<Skeleton height={32} width={67.59} />}
-        key={index}
-      >
-        <Skeleton
-          height={24}
-          // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-          // @ts-ignore TODO(DT-1918): add `verticalAlign: "middle"` to the `sx` prop.
-          sx={{ verticalAlign: "middle" }}
-          width={129.92}
-        />
-      </FieldSetListItem>
-    ))}
-  </FieldSetList>
-);

package/src/features/settings/git/GitRepositoriesSearch.tsx

@@ -1,69 +0,0 @@
-import type { GitOwner } from "@slicemachine/manager";
-import { type FC, Suspense, useState } from "react";
-
-import { FieldSetContent, FieldSetHeader } from "@/components/FieldSet";
-import { ConnectGitRepositoryBlankSlate } from "@/features/settings/git/ConnectGitRepositoryBlankSlate";
-import { GitOwnerSelect } from "@/features/settings/git/GitOwnerSelect";
-import {
-  GitRepositoriesList,
-  GitRepositoriesListSkeleton,
-} from "@/features/settings/git/GitRepositoriesList";
-import { useGitRepos } from "@/features/settings/git/useGitRepos";
-
-type GitRepositoriesSearchProps = { owners: GitOwner[] };
-
-export const GitRepositoriesSearch: FC<GitRepositoriesSearchProps> = ({
-  owners,
-}) => {
-  const [selectedOwner, setSelectedOwner] = useState(owners[0]);
-  return (
-    <>
-      <FieldSetHeader>
-        <GitOwnerSelect
-          owners={owners}
-          selectedOwner={selectedOwner}
-          onSelectedOwnerChange={setSelectedOwner}
-          sx={{ width: "calc(50% - 8px)" }}
-        />
-      </FieldSetHeader>
-      <Suspense
-        fallback={<GitRepositoriesSearchSkeleton gitOwnerSelect={false} />}
-      >
-        <GitRepositoriesSearchResults owner={selectedOwner} />
-      </Suspense>
-    </>
-  );
-};
-
-type GitRepositoriesSearchResultsProps = { owner: GitOwner };
-
-const GitRepositoriesSearchResults: FC<GitRepositoriesSearchResultsProps> = ({
-  owner,
-}) => {
-  const repos = useGitRepos({ provider: owner.provider, owner: owner.name });
-  return repos.length > 0 ? (
-    <GitRepositoriesList mode="link" repos={repos} />
-  ) : (
-    <FieldSetContent>
-      <ConnectGitRepositoryBlankSlate
-        title="No Results Found"
-        description="Try selecting a different Git account or organization on the top left."
-      />
-    </FieldSetContent>
-  );
-};
-
-type GitRepositoriesSearchSkeletonProps = { gitOwnerSelect: boolean };
-
-export const GitRepositoriesSearchSkeleton: FC<
-  GitRepositoriesSearchSkeletonProps
-> = ({ gitOwnerSelect }) => (
-  <>
-    {gitOwnerSelect ? (
-      <FieldSetHeader>
-        <GitOwnerSelect disabled sx={{ width: "calc(50% - 8px)" }} />
-      </FieldSetHeader>
-    ) : undefined}
-    <GitRepositoriesListSkeleton />
-  </>
-);

package/src/features/settings/git/GitRepositoryConnectDialog.tsx

@@ -1,97 +0,0 @@
-import {
-  Box,
-  Dialog,
-  DialogActionButton,
-  DialogActionLink,
-  DialogActions,
-  DialogCancelButton,
-  DialogContent,
-  DialogHeader,
-  FormInput,
-  Text,
-} from "@prismicio/editor-ui";
-import type { GitRepo, GitRepoSpecifier } from "@slicemachine/manager";
-import { Formik } from "formik";
-import type { FC, ReactNode } from "react";
-import { toast } from "react-toastify";
-
-import { gitProviderToConfig } from "@/features/settings/git/GitProvider";
-import { useWriteAPIToken } from "@/features/settings/git/useWriteAPIToken";
-import { useRepositoryInformation } from "@/hooks/useRepositoryInformation";
-
-type GitRepositoryConnectDialogProps = {
-  linkRepo: (repo: GitRepoSpecifier) => Promise<void>;
-  repo: GitRepo;
-  trigger: ReactNode;
-};
-
-// TODO: Update form to make it work with editor-ui Form component when
-// we start to work again on Git integration
-export const GitRepositoryConnectDialog: FC<
-  GitRepositoryConnectDialogProps
-> = ({ linkRepo, repo, trigger }) => {
-  const providerConfig = gitProviderToConfig[repo.provider];
-  const { updateToken } = useWriteAPIToken({ git: repo });
-  const { repositoryUrl } = useRepositoryInformation();
-  return (
-    <Dialog size={{ width: 448, height: "auto" }} trigger={trigger}>
-      <DialogHeader title="Prismic Write API token required" />
-      <DialogContent>
-        <Formik
-          initialValues={{ writeAPIToken: "" }}
-          validate={(values) => {
-            if (values.writeAPIToken.length === 0) {
-              return { writeAPIToken: "Cannot be empty" };
-            }
-          }}
-          onSubmit={async (values) => {
-            try {
-              await linkRepo(repo);
-              await updateToken(values.writeAPIToken);
-            } catch (error) {
-              const message = `Could not connect to ${repo.name}`;
-              console.error(message, error);
-              toast.error(message);
-            }
-          }}
-        >
-          {(formikProps) => (
-            <form onSubmit={formikProps.handleSubmit}>
-              <Box flexDirection="column" gap={4} padding={16}>
-                <FormInput
-                  disabled={formikProps.isSubmitting}
-                  error={typeof formikProps.errors.writeAPIToken === "string"}
-                  label="Paste your Write API token"
-                  onValueChange={(value) => {
-                    void formikProps.setFieldValue("writeAPIToken", value);
-                  }}
-                  placeholder="Write API token"
-                  value={formikProps.values.writeAPIToken}
-                />
-                <Text color="grey11">
-                  Required to sync models from {providerConfig.name} to Prismic.
-                </Text>
-              </Box>
-              <DialogActions>
-                <DialogActionLink
-                  href={new URL("/settings/apps", repositoryUrl).href}
-                >
-                  Create a Prismic Write API token
-                </DialogActionLink>
-                <DialogCancelButton size="medium" />
-                <DialogActionButton
-                  disabled={!formikProps.isValid}
-                  loading={formikProps.isSubmitting}
-                  onClick={() => void formikProps.submitForm()}
-                  size="medium"
-                >
-                  Save Token
-                </DialogActionButton>
-              </DialogActions>
-            </form>
-          )}
-        </Formik>
-      </DialogContent>
-    </Dialog>
-  );
-};

package/src/features/settings/git/GitRepositoryDisconnectDialog.tsx

@@ -1,62 +0,0 @@
-import {
-  Box,
-  Dialog,
-  DialogActionButton,
-  DialogActions,
-  DialogCancelButton,
-  DialogContent,
-  DialogHeader,
-  Text,
-} from "@prismicio/editor-ui";
-import type { GitRepoSpecifier } from "@slicemachine/manager";
-import { type FC, type ReactNode, useState } from "react";
-import { toast } from "react-toastify";
-
-type GitRepositoryDisconnectDialogProps = {
-  repo: GitRepoSpecifier;
-  trigger: ReactNode;
-  unlinkRepo: (repo: GitRepoSpecifier) => Promise<void>;
-};
-
-export const GitRepositoryDisconnectDialog: FC<
-  GitRepositoryDisconnectDialogProps
-> = ({ repo, trigger, unlinkRepo }) => {
-  const [loading, setLoading] = useState(false);
-  return (
-    <Dialog size={{ width: 448, height: "auto" }} trigger={trigger}>
-      <DialogHeader title="Remove Git Connection" />
-      <DialogContent>
-        <Box flexDirection="column" padding={16}>
-          <Text>
-            You will not be able to push your code alongside your models
-            anymore. Note that you can reconnect your Git repository at any
-            time. Are you sure you want to continue?
-          </Text>
-        </Box>
-      </DialogContent>
-      <DialogActions>
-        <DialogCancelButton size="medium" />
-        <DialogActionButton
-          size="medium"
-          color="tomato"
-          loading={loading}
-          onClick={() => {
-            void (async () => {
-              setLoading(true);
-              try {
-                await unlinkRepo(repo);
-              } catch (error) {
-                const message = `Could not disconnect from ${repo.name}`;
-                console.error(message, error);
-                toast.error(message);
-              }
-              setLoading(false);
-            })();
-          }}
-        >
-          Disconnect
-        </DialogActionButton>
-      </DialogActions>
-    </Dialog>
-  );
-};

package/src/features/settings/git/useGitIntegrationExperiment.ts

@@ -1,8 +0,0 @@
-import { useExperimentVariant } from "@/hooks/useExperimentVariant";
-
-type UseGitIntegrationExperimentReturnType = { eligible: boolean };
-
-export function useGitIntegrationExperiment(): UseGitIntegrationExperimentReturnType {
-  const variant = useExperimentVariant("slicemachine-git-integration");
-  return { eligible: variant?.value === "on" };
-}

package/src/features/settings/git/useGitOwners.ts

@@ -1,12 +0,0 @@
-import { useRequest } from "@prismicio/editor-support/Suspense";
-import type { GitOwner } from "@slicemachine/manager";
-
-import { managerClient } from "@/managerClient";
-
-export function useGitOwners(): GitOwner[] {
-  return useRequest(getGitOwners, []);
-}
-
-async function getGitOwners(): Promise<GitOwner[]> {
-  return await managerClient.git.fetchOwners();
-}

package/src/features/settings/git/useGitRepos.ts

@@ -1,24 +0,0 @@
-import { useRequest } from "@prismicio/editor-support/Suspense";
-import type { GitRepo } from "@slicemachine/manager";
-
-import { managerClient } from "@/managerClient";
-
-type UseGitReposArgs = Parameters<typeof managerClient.git.fetchRepos>[0];
-
-export function useGitRepos(args: UseGitReposArgs): GitRepo[] {
-  return useRequest(getGitRepos, [
-    args.provider,
-    args.owner,
-    args.query,
-    args.page,
-  ]);
-}
-
-async function getGitRepos(
-  provider: "gitHub",
-  owner: string,
-  query?: string,
-  page?: number,
-): Promise<GitRepo[]> {
-  return await managerClient.git.fetchRepos({ provider, owner, query, page });
-}

package/src/features/settings/git/useLinkedGitRepos.ts

@@ -1,41 +0,0 @@
-import { revalidateData, useRequest } from "@prismicio/editor-support/Suspense";
-import type { GitRepoSpecifier } from "@slicemachine/manager";
-
-import { useSliceMachineConfig } from "@/hooks/useSliceMachineConfig";
-import { managerClient } from "@/managerClient";
-
-type UseLinkedGitReposReturnType = {
-  linkedGitRepos: GitRepoSpecifier[];
-  linkRepo: (git: GitRepoSpecifier) => Promise<void>;
-  unlinkRepo: (git: GitRepoSpecifier) => Promise<void>;
-};
-
-export function useLinkedGitRepos(): UseLinkedGitReposReturnType {
-  const [config] = useSliceMachineConfig();
-  const linkedGitRepos = useRequest(getLinkedGitRepos, [config.repositoryName]);
-  return {
-    linkedGitRepos,
-    linkRepo: async (git) => {
-      await managerClient.git.linkRepo({
-        prismic: { domain: config.repositoryName },
-        git,
-      });
-      await revalidateData(getLinkedGitRepos, [config.repositoryName]);
-    },
-    unlinkRepo: async (git) => {
-      await managerClient.git.unlinkRepo({
-        prismic: { domain: config.repositoryName },
-        git,
-      });
-      await revalidateData(getLinkedGitRepos, [config.repositoryName]);
-    },
-  };
-}
-
-async function getLinkedGitRepos(
-  prismicDomain: string,
-): Promise<GitRepoSpecifier[]> {
-  return await managerClient.git.fetchLinkedRepos({
-    prismic: { domain: prismicDomain },
-  });
-}

package/src/features/settings/git/useWriteAPIToken.ts

@@ -1,23 +0,0 @@
-import type { GitRepoSpecifier } from "@slicemachine/manager";
-
-import { useSliceMachineConfig } from "@/hooks/useSliceMachineConfig";
-import { managerClient } from "@/managerClient";
-
-type UseWriteAPITokenReturnType = {
-  updateToken: (token: string) => Promise<void>;
-};
-
-export function useWriteAPIToken(args: {
-  git: GitRepoSpecifier;
-}): UseWriteAPITokenReturnType {
-  const [config] = useSliceMachineConfig();
-  return {
-    updateToken: async (token) => {
-      await managerClient.git.updateWriteAPIToken({
-        prismic: { domain: config.repositoryName },
-        git: args.git,
-        token,
-      });
-    },
-  };
-}

package/src/icons/BitbucketIcon.tsx

@@ -1,19 +0,0 @@
-import type { FC, SVGProps } from "react";
-
-export const BitbucketIcon: FC<SVGProps<SVGSVGElement>> = (props) => (
-  <svg
-    width="24"
-    height="24"
-    viewBox="0 0 24 24"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-    {...props}
-  >
-    <path
-      fillRule="evenodd"
-      clipRule="evenodd"
-      d="M4.77596 5.47599C4.84147 5.44648 4.91265 5.43167 4.9845 5.4326L19.3525 5.43506C19.4243 5.43413 19.4955 5.44894 19.561 5.47845C19.6265 5.50796 19.6848 5.55146 19.7317 5.60588C19.7786 5.6603 19.8131 5.72433 19.8326 5.79348C19.8521 5.86262 19.8563 5.93521 19.8448 6.00614L19.1802 10.0751H9.71803L10.5722 14.6018H11.1162L11.1162 14.6018H13.7846L14.56 10.0751H19.1803L17.7575 18.8357C17.7387 18.9522 17.6786 19.058 17.5882 19.1339C17.4979 19.2098 17.3832 19.2507 17.2652 19.2492H7.23692C7.2134 19.249 7.19001 19.2476 7.16682 19.2449C7.03392 19.2298 6.90803 19.175 6.80603 19.0868C6.68704 18.9851 6.60772 18.8448 6.58203 18.6904L4.49219 6.00367C4.48069 5.93275 4.48485 5.86016 4.50438 5.79102C4.52392 5.72187 4.55835 5.65784 4.60527 5.60342C4.65218 5.54899 4.71044 5.5055 4.77596 5.47599Z"
-      fill="currentColor"
-    />
-  </svg>
-);

package/src/icons/GitHubIcon.tsx

@@ -1,17 +0,0 @@
-import type { FC, SVGProps } from "react";
-
-export const GitHubIcon: FC<SVGProps<SVGSVGElement>> = (props) => (
-  <svg
-    width="24"
-    height="24"
-    viewBox="0 0 24 24"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-    {...props}
-  >
-    <path
-      d="M12 4C7.57486 4 4 7.57486 4 12C4 15.5246 6.30057 18.5257 9.47429 19.6C9.87429 19.6754 10.0251 19.4251 10.0251 19.2251V17.8754C7.8 18.3497 7.32457 16.8 7.32457 16.8C6.94971 15.8743 6.42514 15.6251 6.42514 15.6251C5.70057 15.1246 6.47543 15.1497 6.47543 15.1497C7.27543 15.2 7.69943 15.9749 7.69943 15.9749C8.42514 17.2 9.57486 16.8503 10.0251 16.6491C10.1006 16.1246 10.2994 15.7749 10.5246 15.5749C8.74971 15.3749 6.87543 14.6754 6.87543 11.6251C6.87543 10.7497 7.17486 10.0503 7.69943 9.47543C7.62514 9.27543 7.34971 8.45029 7.77486 7.34971C7.77486 7.34971 8.44914 7.12457 9.97486 8.17486C10.6266 7.99627 11.2991 7.90405 11.9749 7.90057C12.6491 7.90057 13.3497 8 13.9749 8.17486C15.5006 7.14971 16.1749 7.34971 16.1749 7.34971C16.6 8.45029 16.3246 9.27543 16.2503 9.47543C16.776 10.024 17.0754 10.7497 17.0754 11.624C17.0754 14.6994 15.2 15.3749 13.4251 15.5749C13.6994 15.8251 13.9749 16.2994 13.9749 17.0491V19.2503C13.9749 19.4754 14.1246 19.7246 14.5246 19.6251C17.7006 18.5246 20 15.5246 20 12C20 7.57486 16.4251 4 12 4Z"
-      fill="currentColor"
-    />
-  </svg>
-);

package/src/icons/GitLabIcon.tsx

@@ -1,19 +0,0 @@
-import type { FC, SVGProps } from "react";
-
-export const GitLabIcon: FC<SVGProps<SVGSVGElement>> = (props) => (
-  <svg
-    width="24"
-    height="24"
-    viewBox="0 0 24 24"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-    {...props}
-  >
-    <path
-      fillRule="evenodd"
-      clipRule="evenodd"
-      d="M14.7881 10.5954L16.5431 5.20756C16.6328 4.93081 17.0594 4.93081 17.1492 5.20756L18.9076 10.5954H14.7881ZM6.6192 5.20756L4.86353 10.5954H8.97968L7.22468 5.20756C7.1349 4.93081 6.70898 4.93081 6.6192 5.20756ZM4.0299 13.2981L4.86352 10.5954H4.86353H8.979H14.7881H18.9076L19.7392 13.2981C19.7796 13.4207 19.7802 13.553 19.7408 13.676C19.7014 13.799 19.624 13.9063 19.5198 13.9826L11.893 19.5257L11.8879 19.5319L11.8923 19.5378L11.8865 19.5336L11.8835 19.5371L11.8852 19.5326L4.24927 13.9826C4.0299 13.8246 3.95092 13.5458 4.0299 13.2981Z"
-      fill="currentColor"
-    />
-  </svg>
-);

package/src/icons/SettingsIcon.tsx

@@ -1,19 +0,0 @@
-import type { FC, SVGProps } from "react";
-
-export const SettingsIcon: FC<SVGProps<SVGSVGElement>> = (props) => (
-  <svg
-    width="32"
-    height="32"
-    viewBox="0 0 32 32"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-    {...props}
-  >
-    <path
-      fillRule="evenodd"
-      clipRule="evenodd"
-      d="M16 12C16 13.1046 15.1046 14 14 14C12.8954 14 12 13.1046 12 12C12 10.8954 12.8954 10 14 10C15.1046 10 16 10.8954 16 12ZM14 9C15.4865 9 16.7205 10.0811 16.9585 11.5H23.5C23.7761 11.5 24 11.7239 24 12C24 12.2761 23.7761 12.5 23.5 12.5H16.9585C16.7205 13.9189 15.4865 15 14 15C12.5135 15 11.2795 13.9189 11.0415 12.5H8.5C8.22386 12.5 8 12.2761 8 12C8 11.7239 8.22386 11.5 8.5 11.5H11.0415C11.2795 10.0811 12.5135 9 14 9ZM21 20C21 21.1046 20.1046 22 19 22C17.8954 22 17 21.1046 17 20C17 18.8954 17.8954 18 19 18C20.1046 18 21 18.8954 21 20ZM16.0415 20.5C16.2795 21.9189 17.5135 23 19 23C20.4865 23 21.7205 21.9189 21.9585 20.5H23.5C23.7761 20.5 24 20.2761 24 20C24 19.7239 23.7761 19.5 23.5 19.5H21.9585C21.7205 18.0811 20.4865 17 19 17C17.5135 17 16.2795 18.0811 16.0415 19.5H8.5C8.22386 19.5 8 19.7239 8 20C8 20.2761 8.22386 20.5 8.5 20.5H16.0415Z"
-      fill="currentColor"
-    />
-  </svg>
-);

package/src/legacy/lib/builders/CustomTypeBuilder/SliceZone/sliceTemplatesComingSoon.ts

@@ -1,30 +0,0 @@
-import { ComponentUI } from "@/legacy/lib/models/common/ComponentUI";
-
-export const sliceTemplatesComingSoon: ComponentUI[] = [
-  {
-    extension: "",
-    fileName: "",
-    from: "",
-    href: "",
-    pathToSlice: "",
-    model: {
-      id: "video_highlights",
-      name: "VideoHighlights",
-      type: "SharedSlice",
-      variations: [
-        {
-          description: "",
-          docURL: "",
-          id: "default",
-          name: "Default",
-          version: "sktwi1xtmkfgx8626",
-        },
-      ],
-    },
-    screenshots: {
-      default: {
-        url: "/videoHighlights.png",
-      },
-    },
-  },
-];

package/src/pages/settings.tsx

@@ -1 +0,0 @@
-export { SettingsPage as default } from "@/features/settings/SettingsPage";

package/src/utils/textConversion.ts

@@ -1,11 +0,0 @@
-export function capitalizeFirstLetter(string: string) {
-  return string.charAt(0).toUpperCase() + string.slice(1);
-}
-
-export function pluralize(
-  singular: string,
-  count: number = 2,
-  plural?: string,
-) {
-  return count === 1 ? singular : plural ?? `${singular}s`;
-}