chore: cleanup api endpoints and imports

.vscode/settings.json

@@ -34,5 +34,8 @@
             "displayName": "md directive (web font)",
             "name": "mdDirective"
         }
-    ]
+    ],
+    "editor.codeActionsOnSave": {
+        "source.organizeImports": "explicit"
+    }
 }

docusaurus.config.ts

@@ -1,52 +1,52 @@
 require('dotenv').config();
 import logger from '@docusaurus/logger';
+import type { VersionOptions } from '@docusaurus/plugin-content-docs';
 import type {
-  EditThisPageOption,
-  ShowEditThisPage,
-  TdevConfig
+    EditThisPageOption,
+    ShowEditThisPage,
+    TdevConfig
 } from '@tdev/siteConfig/siteConfig';
-import type { VersionOptions } from '@docusaurus/plugin-content-docs';
 
-import { themes as prismThemes } from 'prism-react-renderer';
-import type { Config, OnBrokenMarkdownImagesFunction } from '@docusaurus/types';
 import type * as Preset from '@docusaurus/preset-classic';
-import { v4 as uuidv4 } from 'uuid';
-import matter from 'gray-matter';
+import type { Config, OnBrokenMarkdownImagesFunction } from '@docusaurus/types';
+import { GlobExcludeDefault } from '@docusaurus/utils';
+import { resolveEditUrl } from '@tdev/material-sync/src/helpers/resolveEditUrl';
+import { remarkPdfPluginConfig } from '@tdev/remark-pdf';
+import type { TdevCustomFields } from '@tdev/siteConfig/TdevCustomFields';
 import { promises as fs } from 'fs';
-import {
-  accountSwitcher,
-  blog,
-  devModeAccessLocalFS,
-  docs,
-  gitHub,
-  loginProfileButton,
-  personalSpaceOverlay,
-  requestTarget,
-  taskStateOverview
-} from './src/siteConfig/navbarItems';
-import { applyTransformers } from './src/siteConfig/transformers';
-import { withSiteConfig } from './src/siteConfig/withSiteConfig';
-import {
-  sassPluginConfig,
-  dynamicRouterPluginConfig,
-  stackblitzRspackTargetPluginConfig,
-  rsDoctorPluginConfig,
-  sentryPluginConfig,
-  socketIoNoDepWarningsPluginConfig,
-  aliasConfigurationPlugin
-} from './src/siteConfig/pluginConfigs';
+import matter from 'gray-matter';
+import path from 'path';
+import { themes as prismThemes } from 'prism-react-renderer';
+import { v4 as uuidv4 } from 'uuid';
 import pageIndexPlugin from './packages/tdev/page-index/plugin';
 import { useTdevContentPath } from './src/siteConfig/helpers';
-import path from 'path';
 import {
-  recommendedBeforeDefaultRemarkPlugins,
-  recommendedRehypePlugins,
-  recommendedRemarkPlugins,
+    recommendedBeforeDefaultRemarkPlugins,
+    recommendedRehypePlugins,
+    recommendedRemarkPlugins,
 } from './src/siteConfig/markdownPluginConfigs';
-import { remarkPdfPluginConfig } from '@tdev/remark-pdf';
-import { GlobExcludeDefault } from '@docusaurus/utils';
-import type { TdevCustomFields } from '@tdev/siteConfig/TdevCustomFields';
-import { resolveEditUrl } from '@tdev/material-sync/src/helpers/resolveEditUrl';
+import {
+    accountSwitcher,
+    blog,
+    devModeAccessLocalFS,
+    docs,
+    gitHub,
+    loginProfileButton,
+    personalSpaceOverlay,
+    requestTarget,
+    taskStateOverview
+} from './src/siteConfig/navbarItems';
+import {
+    aliasConfigurationPlugin,
+    dynamicRouterPluginConfig,
+    rsDoctorPluginConfig,
+    sassPluginConfig,
+    sentryPluginConfig,
+    socketIoNoDepWarningsPluginConfig,
+    stackblitzRspackTargetPluginConfig
+} from './src/siteConfig/pluginConfigs';
+import { applyTransformers } from './src/siteConfig/transformers';
+import { withSiteConfig } from './src/siteConfig/withSiteConfig';
 
 const BUILD_LOCATION = __dirname;
 const GIT_COMMIT_SHA = process.env.GITHUB_SHA || Math.random().toString(36).substring(7);

packages/hfr/github-cms/components/FileUpload/index.tsx

@@ -1,17 +1,17 @@
-import React, { useId, useState } from 'react';
-import styles from './styles.module.scss';
-import Icon from '@mdi/react';
 import { mdiCloudArrowUpOutline } from '@mdi/js';
-import clsx from 'clsx';
-import ImagePreview from '../Github/iFile/File/FilePreview/ImagePreview';
+import Icon from '@mdi/react';
 import Button from '@tdev-components/shared/Button';
+import Checkbox from '@tdev-components/shared/Checkbox';
+import TextInput from '@tdev-components/shared/TextInput';
+import { resolvePath } from '@tdev-models/helpers/resolvePath';
+import clsx from 'clsx';
 import { observer } from 'mobx-react-lite';
+import React, { useId, useState } from 'react';
 import { useCmsStore } from '../../hooks/useCmsStore';
-import { resolvePath } from '@tdev-models/helpers/resolvePath';
-import { default as CmsFile } from '../../models/File';
-import TextInput from '@tdev-components/shared/TextInput';
-import Checkbox from '@tdev-components/shared/Checkbox';
 import BinFile from '../../models/BinFile';
+import { default as CmsFile } from '../../models/File';
+import ImagePreview from '../Github/iFile/File/FilePreview/ImagePreview';
+import styles from './styles.module.scss';
 
 const toMb = (bytes: number): number => {
     return Math.round((100 * bytes) / 1024 / 1024) / 100;

packages/hfr/github-cms/components/Github/AccountOptions/UserAvatar/index.tsx

@@ -1,15 +1,14 @@
-import React from 'react';
-import clsx from 'clsx';
-import styles from './styles.module.scss';
-import { observer } from 'mobx-react-lite';
-import Avatar from '@tdev-components/shared/Avatar';
-import Icon from '@mdi/react';
-import { SIZE_S, SIZE_XS } from '@tdev-components/shared/iconSizes';
 import { mdiAccountCircle, mdiAlertDecagram, mdiCheckDecagram } from '@mdi/js';
+import Icon from '@mdi/react';
+import Avatar from '@tdev-components/shared/Avatar';
 import Button from '@tdev-components/shared/Button';
-import AccountOptions from '..';
+import { SIZE_S, SIZE_XS } from '@tdev-components/shared/iconSizes';
+import clsx from 'clsx';
+import { observer } from 'mobx-react-lite';
 import Popup from 'reactjs-popup';
+import AccountOptions from '..';
 import { useCmsStore } from '../../../../hooks/useCmsStore';
+import styles from './styles.module.scss';
 
 interface Props {
     showOptions?: boolean;

packages/hfr/github-cms/components/Github/AccountOptions/index.tsx

@@ -1,15 +1,15 @@
-import React from 'react';
-import clsx from 'clsx';
-import styles from './styles.module.scss';
-import { observer } from 'mobx-react-lite';
-import { useCmsStore } from '../../../hooks/useCmsStore';
+import { useHistory } from '@docusaurus/router';
 import { mdiLoading, mdiLogoutVariant, mdiReload } from '@mdi/js';
 import Button from '@tdev-components/shared/Button';
-import NavItem from '../../MdxEditor/EditorNav/BranchPathNav/NavItem';
-import { useHistory } from '@docusaurus/router';
-import _ from 'es-toolkit/compat';
 import Card from '@tdev-components/shared/Card';
 import { SIZE_S } from '@tdev-components/shared/iconSizes';
+import clsx from 'clsx';
+import _ from 'es-toolkit/compat';
+import { observer } from 'mobx-react-lite';
+import React from 'react';
+import { useCmsStore } from '../../../hooks/useCmsStore';
+import NavItem from '../../MdxEditor/EditorNav/BranchPathNav/NavItem';
+import styles from './styles.module.scss';
 import UserAvatar from './UserAvatar';
 
 interface Props {}

packages/hfr/github-cms/components/Github/Branch/ExpandableOverwiew/index.tsx

@@ -1,13 +1,12 @@
-import React from 'react';
-import clsx from 'clsx';
-import styles from './styles.module.scss';
-import { observer } from 'mobx-react-lite';
-import { useCmsStore } from '../../../../hooks/useCmsStore';
-import { default as BranchModel } from '../../../../models/Branch';
 import { mdiDotsHorizontalCircleOutline, mdiDotsVerticalCircleOutline } from '@mdi/js';
 import Button from '@tdev-components/shared/Button';
 import { SIZE_S } from '@tdev-components/shared/iconSizes';
+import clsx from 'clsx';
+import { observer } from 'mobx-react-lite';
 import Branch from '..';
+import { useCmsStore } from '../../../../hooks/useCmsStore';
+import { default as BranchModel } from '../../../../models/Branch';
+import styles from './styles.module.scss';
 
 interface Props {
     branch: BranchModel;

packages/hfr/github-cms/components/Github/Branch/NewBranch/index.tsx

@@ -1,13 +1,13 @@
-import React from 'react';
-import clsx from 'clsx';
-import { observer } from 'mobx-react-lite';
-import { useCmsStore } from '../../../../hooks/useCmsStore';
-import Card from '@tdev-components/shared/Card';
 import { mdiClose, mdiFlashTriangle, mdiPlusCircleMultipleOutline, mdiSourceBranchPlus } from '@mdi/js';
 import Icon from '@mdi/react';
-import Button from '@tdev-components/shared/Button';
 import Alert from '@tdev-components/shared/Alert';
+import Button from '@tdev-components/shared/Button';
+import Card from '@tdev-components/shared/Card';
 import TextInput from '@tdev-components/shared/TextInput';
+import clsx from 'clsx';
+import { observer } from 'mobx-react-lite';
+import React from 'react';
+import { useCmsStore } from '../../../../hooks/useCmsStore';
 import File from '../../../../models/File';
 
 interface Props {

packages/hfr/github-cms/components/Github/Branch/Selector.tsx

@@ -1,11 +1,9 @@
-import React from 'react';
+import Loader from '@tdev-components/Loader';
 import clsx from 'clsx';
-import styles from './styles.module.scss';
 import { observer } from 'mobx-react-lite';
-import _ from 'es-toolkit/compat';
 import CreatableSelect from 'react-select/creatable';
 import { useCmsStore } from '../../../hooks/useCmsStore';
-import Loader from '@tdev-components/Loader';
+import styles from './styles.module.scss';
 
 interface Props {
     onSelect: (name: string) => void;

packages/hfr/github-cms/components/Github/Branch/index.tsx

@@ -1,19 +1,20 @@
-import React from 'react';
+import { mdiGit, mdiPlusCircleMultipleOutline, mdiSourceBranch, mdiSourceCommit, mdiSync } from '@mdi/js';
+import Icon from '@mdi/react';
+import Badge from '@tdev-components/shared/Badge';
+import Button from '@tdev-components/shared/Button';
+import { Delete } from '@tdev-components/shared/Button/Delete';
+import { SIZE_S, SIZE_XS } from '@tdev-components/shared/iconSizes';
 import clsx from 'clsx';
-import styles from './styles.module.scss';
 import { observer } from 'mobx-react-lite';
+import React from 'react';
+import Popup from 'reactjs-popup';
+import { PopupActions } from 'reactjs-popup/dist/types';
 import { useCmsStore } from '../../../hooks/useCmsStore';
-import { Delete } from '@tdev-components/shared/Button/Delete';
-import Badge from '@tdev-components/shared/Badge';
-import Icon from '@mdi/react';
-import { mdiGit, mdiPlusCircleMultipleOutline, mdiSourceBranch, mdiSourceCommit, mdiSync } from '@mdi/js';
 import { default as BranchModel } from '../../../models/Branch';
-import Button from '@tdev-components/shared/Button';
-import Popup from 'reactjs-popup';
 import NewPR from '../PR/NewPR';
-import { PopupActions } from 'reactjs-popup/dist/types';
-import { SIZE_S, SIZE_XS } from '@tdev-components/shared/iconSizes';
+import styles from './styles.module.scss';
 type BranchElements = 'name' | 'spacer' | 'delete' | 'commits' | 'reload' | 'defaultBranch' | 'createPr';
+
 interface Props {
     branch: BranchModel;
     className?: string;

packages/hfr/github-cms/components/Github/DefaultEditor/index.tsx

@@ -1,14 +1,13 @@
-import React from 'react';
+import { mdiLanguageMarkdown } from '@mdi/js';
+import Button from '@tdev-components/shared/Button';
+import CodeEditor from '@tdev-components/shared/CodeEditor';
+import { SIZE_S } from '@tdev-components/shared/iconSizes';
 import clsx from 'clsx';
-import styles from './styles.module.scss';
+import { action } from 'mobx';
 import { observer } from 'mobx-react-lite';
-import CodeEditor from '@tdev-components/shared/CodeEditor';
-import Actions from '../../MdxEditor/toolbar/Actions';
 import File from '../../../models/File';
-import { action } from 'mobx';
-import { mdiLanguageMarkdown } from '@mdi/js';
-import { SIZE_S } from '@tdev-components/shared/iconSizes';
-import Button from '@tdev-components/shared/Button';
+import Actions from '../../MdxEditor/toolbar/Actions';
+import styles from './styles.module.scss';
 
 interface Props {
     file: File;

packages/hfr/github-cms/components/Github/PR/ExpandableOverwiew/index.tsx

@@ -1,13 +1,12 @@
-import React from 'react';
-import clsx from 'clsx';
-import styles from './styles.module.scss';
-import { observer } from 'mobx-react-lite';
-import { useCmsStore } from '../../../../hooks/useCmsStore';
-import { default as PrModel } from '../../../../models/PR';
 import { mdiDotsHorizontalCircleOutline, mdiDotsVerticalCircleOutline } from '@mdi/js';
 import Button from '@tdev-components/shared/Button';
 import { SIZE_S } from '@tdev-components/shared/iconSizes';
+import clsx from 'clsx';
+import { observer } from 'mobx-react-lite';
 import PR from '..';
+import { useCmsStore } from '../../../../hooks/useCmsStore';
+import { default as PrModel } from '../../../../models/PR';
+import styles from './styles.module.scss';
 
 interface Props {
     pr: PrModel;

packages/hfr/github-cms/components/Github/PR/NewPR/index.tsx

@@ -1,20 +1,20 @@
-import React from 'react';
+import { mdiClose, mdiFlashTriangle, mdiRecordCircleOutline, mdiSourceBranch } from '@mdi/js';
+import Icon from '@mdi/react';
+import Alert from '@tdev-components/shared/Alert';
+import Badge from '@tdev-components/shared/Badge';
+import Button from '@tdev-components/shared/Button';
+import Card from '@tdev-components/shared/Card';
+import Checkbox from '@tdev-components/shared/Checkbox';
+import TextAreaInput from '@tdev-components/shared/TextAreaInput';
+import TextInput from '@tdev-components/shared/TextInput';
 import clsx from 'clsx';
-import styles from './styles.module.scss';
 import { observer } from 'mobx-react-lite';
+import React from 'react';
 import { useCmsStore } from '../../../../hooks/useCmsStore';
 import Branch from '../../../../models/Branch';
-import Card from '@tdev-components/shared/Card';
-import Badge from '@tdev-components/shared/Badge';
-import Icon from '@mdi/react';
-import { mdiClose, mdiFlashTriangle, mdiRecordCircleOutline, mdiSourceBranch } from '@mdi/js';
-import TextInput from '@tdev-components/shared/TextInput';
-import TextAreaInput from '@tdev-components/shared/TextAreaInput';
-import Button from '@tdev-components/shared/Button';
-import PR from '../../../../models/PR';
-import Alert from '@tdev-components/shared/Alert';
-import Checkbox from '@tdev-components/shared/Checkbox';
 import { withoutPreviewPRName, withPreviewPRName } from '../../../../models/helpers';
+import PR from '../../../../models/PR';
+import styles from './styles.module.scss';
 
 interface Props {
     branch: Branch;

packages/hfr/github-cms/components/Github/PR/index.tsx

@@ -1,12 +1,4 @@
-import React from 'react';
-import clsx from 'clsx';
-import styles from './styles.module.scss';
-import { observer } from 'mobx-react-lite';
-import { useCmsStore } from '../../../hooks/useCmsStore';
-import { default as PrModel } from '../../../models/PR';
-import Badge from '@tdev-components/shared/Badge';
-import Icon from '@mdi/react';
-import { Confirm } from '@tdev-components/shared/Button/Confirm';
+import Link from '@docusaurus/Link';
 import {
     mdiCloseCircle,
     mdiEye,
@@ -18,10 +10,18 @@ import {
     mdiSourceMerge,
     mdiSync
 } from '@mdi/js';
+import Icon from '@mdi/react';
+import Badge from '@tdev-components/shared/Badge';
 import Button from '@tdev-components/shared/Button';
-import { ApiState } from '@tdev-stores/iStore';
-import Link from '@docusaurus/Link';
+import { Confirm } from '@tdev-components/shared/Button/Confirm';
 import { SIZE_S, SIZE_XS } from '@tdev-components/shared/iconSizes';
+import { ApiState } from '@tdev-stores/iStore';
+import clsx from 'clsx';
+import { observer } from 'mobx-react-lite';
+import React from 'react';
+import { useCmsStore } from '../../../hooks/useCmsStore';
+import { default as PrModel } from '../../../models/PR';
+import styles from './styles.module.scss';
 
 type PRElements =
     | 'prName'

packages/hfr/github-cms/components/Github/iFile/Dir/index.tsx

@@ -1,14 +1,14 @@
-import React from 'react';
+import Icon from '@mdi/react';
 import clsx from 'clsx';
 import { observer } from 'mobx-react-lite';
+import React from 'react';
 import { default as DirModel } from '../../../../models/Dir';
+import iFile from '../../../../models/iFile';
 import File from '../File';
-import shared from '../styles.module.scss';
-import styles from './styles.module.scss';
-import Icon from '@mdi/react';
 import AddFilePopup from '../File/AddOrUpdateFile/AddFilePopup';
-import iFile from '../../../../models/iFile';
 import PreviewPopup from '../File/FilePreview/PreviewPopup';
+import shared from '../styles.module.scss';
+import styles from './styles.module.scss';
 
 interface Props<T extends iFile = iFile> {
     dir: DirModel;