1.3.2 release

karamem0 · Mar 9, 2023 · 00022c2 · 00022c2
1 parent 10f165b
commit 00022c2
Show file tree

Hide file tree

Showing 10 changed files with 792 additions and 787 deletions.
diff --git a/.stylelintrc.json b/.stylelintrc.json
@@ -12,7 +12,7 @@
       ],
       "rules": {
         "at-rule-empty-line-before": "never",
-        "comment-no-empty": null
+        "rule-empty-line-before": "never"
       }
     }
   ]

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "hitofude",
   "private": true,
-  "version": "1.3.1",
+  "version": "1.3.2",
   "scripts": {
     "start": "vite",
     "build": "tsc && vite build",
@@ -14,10 +14,10 @@
   "dependencies": {
     "@automapper/core": "^8.7.7",
     "@automapper/pojos": "^8.7.7",
-    "@azure/msal-browser": "^2.33.0",
-    "@azure/msal-react": "^1.5.3",
+    "@azure/msal-browser": "^2.34.0",
+    "@azure/msal-react": "^1.5.4",
     "@fluentui/react-components": "^9.15.5",
-    "@fluentui/react-icons-mdl2": "^1.3.32",
+    "@fluentui/react-icons-mdl2": "^1.3.35",
     "@fluentui/react-icons-mdl2-branded": "^1.2.33",
     "@microsoft/applicationinsights-react-js": "^3.4.1",
     "@microsoft/applicationinsights-web": "^2.8.10",

diff --git a/src/common/components/Communication.presenter.tsx b/src/common/components/Communication.presenter.tsx
@@ -11,6 +11,8 @@ import React from 'react';
 import { css } from '@emotion/react';
 import { Text } from '@fluentui/react-components';
 
+import { themeConfig } from '../../providers/ThemeProvider';
+
 interface CommunicationProps {
   description?: string,
   image?: string,
@@ -42,17 +44,18 @@ function Communication(props: CommunicationProps) {
         `} />
       <div
         css={css`
-        display: flex;
-        flex-direction: column;
-        grid-gap: 1rem;
-        align-items: center;
-        justify-content: center;
-      `}>
+          display: flex;
+          color: ${themeConfig.colorNeutralForeground4};
+          flex-direction: column;
+          grid-gap: 1rem;
+          align-items: center;
+          justify-content: center;
+        `}>
         <Text
           css={css`
-          font-size: 2rem;
-          line-height: calc(2rem * 1.25);
-        `}>
+            font-size: 2rem;
+            line-height: calc(2rem * 1.25);
+          `}>
           {title}
         </Text>
         <Text>

diff --git a/src/features/main/components/ExplorerControl.tsx b/src/features/main/components/ExplorerControl.tsx
@@ -123,7 +123,7 @@ function ExplorerControl() {
       }
       const exploreFolder = await graph.getFolderById(data);
       dispatch(setExploreFolder(exploreFolder));
-      const exploreFile = exploreFolder.files?.filter((item) => isSupportedFile(item)).at(0);
+      const exploreFile = exploreFolder.files?.filter((item) => includeUnsupportedFiles || isSupportedFile(item)).at(0);
       if (exploreFile) {
         dispatch(setExploreFile(exploreFile));
         dispatch(setWorkFile({
@@ -139,7 +139,8 @@ function ExplorerControl() {
     }
   }, [
     dispatch,
-    graph
+    graph,
+    includeUnsupportedFiles
   ]);
 
   return (

diff --git a/src/features/main/components/FileDeleteDialog.tsx b/src/features/main/components/FileDeleteDialog.tsx
@@ -19,6 +19,7 @@ import {
 } from '../../../stores/Action';
 import { Event } from '../../../types/Event';
 import { File } from '../../../types/Model';
+import { isSupportedFile } from '../../../utils/File';
 
 import Presenter from './FileDeleteDialog.presenter';
 
@@ -34,7 +35,8 @@ function FileDeleteDialog(props: FileDeleteDialogProps) {
     dispatch,
     state: {
       exploreFile,
-      exploreFolder
+      exploreFolder,
+      includeUnsupportedFiles
     }
   } = useStore();
   const { graph } = useService();
@@ -62,7 +64,10 @@ function FileDeleteDialog(props: FileDeleteDialogProps) {
       await graph.deleteExploreFile(value);
       dispatch(deleteExploreFile(value));
       if (value.id === exploreFile?.id) {
-        const file = exploreFolder.files?.filter((item) => item.id !== value.id).at(-1);
+        const file = exploreFolder.files
+          ?.filter((item) => includeUnsupportedFiles || isSupportedFile(item))
+          .filter((item) => item.id !== value.id)
+          .at(-1);
         if (file) {
           dispatch(setExploreFile(file));
           dispatch(setWorkFile({
@@ -90,6 +95,7 @@ function FileDeleteDialog(props: FileDeleteDialogProps) {
     exploreFolder,
     graph,
     handleOpenChange,
+    includeUnsupportedFiles,
     value
   ]);
 

diff --git a/src/features/main/components/MarkdownControl.presenter.tsx b/src/features/main/components/MarkdownControl.presenter.tsx
@@ -197,7 +197,6 @@ function MarkdownControl(props: MarkdownControlProps) {
                           value={field.value}
                           css={css`
                             display: grid;
-
                             textarea {
                               height: auto;
                               font-family: Consolas, Menlo, Monaco, Meiryo, monospace;
@@ -211,91 +210,74 @@ function MarkdownControl(props: MarkdownControlProps) {
                       <div
                         css={css`
                           padding: 0 1rem 0 0;
-
                           a {
                             color: ${themeConfig.colorBrandForegroundLink};
                           }
-
                           a:hover {
                             color: ${themeConfig.colorBrandForegroundLinkHover};
                           }
-
                           a:focus {
                             color: ${themeConfig.colorBrandForegroundLinkHover};
                           }
-
                           blockquote {
                             padding: 0 0 0 1rem;
                             margin-block: 0.5rem;
                             border-left: ${themeConfig.colorBrandStroke2} 0.25rem solid;
                           }
-
                           code {
                             padding: 0.25rem;
                             font-family: Consolas, Menlo, Monaco, Meiryo, monospace;
                             background-color: ${themeConfig.colorNeutralBackground3};
                           }
-
                           h1 {
                             margin-block: 0.5rem;
                             font-size: 1.75rem;
                             line-height: calc(1.75rem * 1.25);
                           }
-
                           h2 {
                             margin-block: 0.5rem;
                             font-size: 1.6rem;
                             line-height: calc(1.6rem * 1.25);
                           }
-
                           h3 {
                             margin-block: 0.5rem;
                             font-size: 1.45rem;
                             line-height: calc(1.45rem * 1.25);
                           }
-
                           h4 {
                             margin-block: 0.5rem;
                             font-size: 1.3rem;
                             line-height: calc(1.3rem * 1.25);
                           }
-
                           h5 {
                             margin-block: 0.5rem;
                             font-size: 1.15rem;
                             line-height: calc(1.15rem * 1.25);
                           }
-
                           h6 {
                             margin-block: 0.5rem;
                             font-size: 1rem;
                             line-height: calc(1rem * 1.25);
                           }
-
                           li {
                             margin-block: 0.5rem;
                           }
-
                           ol {
                             margin-inline: 2rem 0;
                             list-style-type: decimal;
                           }
-
                           & > pre {
                             padding: 0.5rem;
                             margin-block: 0.5rem;
                           }
-
                           pre {
                             font-family: Consolas, Menlo, Monaco, Meiryo, monospace;
                             white-space: pre-wrap;
                             background-color: ${themeConfig.colorNeutralBackground3};
-
                             & code {
                               padding: 0;
                             }
                           }
-
                           table,
                           th,
                           td {
@@ -306,17 +288,14 @@ function MarkdownControl(props: MarkdownControlProps) {
                             -webkit-border-horizontal-spacing: 0;
                             -webkit-border-vertical-spacing: 0;
                           }
-
                           thead {
                             background-color: ${themeConfig.colorNeutralBackground3};
                           }
-
                           tbody {
                             & > tr:nth-of-type(even) {
                               background-color: ${themeConfig.colorNeutralBackground2};
                             }
                           }
-
                           ul {
                             margin-inline: 2rem 0;
                             list-style-type: disc;

diff --git a/src/features/main/components/TreeHeaderControl.presenter.tsx b/src/features/main/components/TreeHeaderControl.presenter.tsx
@@ -51,11 +51,9 @@ function TreeHeaderControl(props: TreeHeaderControlProps) {
         justify-content: start;
         padding: 0 0.5rem;
         font-weight: bold;
-
         & > div:nth-of-type(3) {
           display: none;
         }
-
         &:hover {
           & > div:nth-of-type(3) {
             display: inherit;

diff --git a/src/features/main/components/TreeItemControl.presenter.tsx b/src/features/main/components/TreeItemControl.presenter.tsx
@@ -58,25 +58,20 @@ function TreeItemControl(props: TreeItemControlProps) {
         align-items: center;
         justify-content: start;
         cursor: pointer;
-
         & > div:nth-of-type(2) {
           display: none;
         }
-
         &:hover {
           background-color: ${themeConfig.colorNeutralBackground2Hover};
-
           & > div:nth-of-type(2) {
             display: inherit;
           }
         }
-
         &:focus {
           & > div:nth-of-type(2) {
             display: inherit;
           }
         }
-
         &[aria-selected='true'] {
           background-color: ${themeConfig.colorNeutralBackground2Selected};
         }

diff --git a/src/features/main/pages/MainPage.presenter.tsx b/src/features/main/pages/MainPage.presenter.tsx
@@ -83,7 +83,6 @@ function MainPage(props: MainPageProps) {
             @media (max-width: 959px) {
               grid-template-rows: calc(100vh - 2rem);
               grid-template-columns: auto 1fr;
-
               & > section:nth-of-type(2) {
                 position: fixed;
                 z-index: 100;