Merge pull request #264 from WodenWang820118/develop

Develop: Vite; TypeScript with Electron
WodenWang820118 · Oct 18, 2024 · 2c4f7f8 · 2c4f7f8
2 parents b67e18f + c871b5a
commit 2c4f7f8
Show file tree

Hide file tree

Showing 66 changed files with 1,199 additions and 1,362 deletions.
diff --git a/.gitignore b/.gitignore
@@ -41,6 +41,8 @@ testem.log
 Thumbs.db
 .env
 .angular
+.webpack
+.vite
 # Ignore everything in tag_check_projects
 /tag_check_projects/*
 
@@ -59,4 +61,4 @@ storybook-static
 
 # Generated Docusaurus files
 .docusaurus/
-.cache-loader/
+.cache-loader/
diff --git a/README.md b/README.md
@@ -47,7 +47,7 @@ The example project is located at the `tag_check_projects` folder at the root di
 
 ## Development
 
-This project uses NodeJS v22.8.0 for development.
+This project uses NodeJS v22.8.0 for development. If cannot compile, please run `nx reset` and `rm -rf .nx` to reset the project.
 
 ### Prerequisites
 

diff --git a/apps/ng-frontend/src/app/app.component.stories.ts b/apps/ng-frontend/src/app/app.component.stories.ts
@@ -6,8 +6,7 @@ import {
 } from '@storybook/angular';
 import { AppComponent } from './app.component';
 
-import { within } from '@storybook/testing-library';
-import { expect } from '@storybook/jest';
+import { expect, fn, userEvent, within } from '@storybook/test';
 import { provideHttpClient } from '@angular/common/http';
 import { provideAnimationsAsync } from '@angular/platform-browser/animations/async';
 import { RouterOutlet, provideRouter } from '@angular/router';

diff --git a/...src/app/modules/entry/components/init-project-form/init-project-form.component.stories.ts b/...src/app/modules/entry/components/init-project-form/init-project-form.component.stories.ts
@@ -6,8 +6,7 @@ import {
 } from '@storybook/angular';
 import { InitProjectFormComponent } from './init-project-form.component';
 
-import { waitFor, within } from '@storybook/testing-library';
-import { expect } from '@storybook/jest';
+import { expect, within } from '@storybook/test';
 import { provideAnimationsAsync } from '@angular/platform-browser/animations/async';
 import { provideHttpClient } from '@angular/common/http';
 import { NgIf } from '@angular/common';

diff --git a/...-frontend/src/app/modules/entry/components/project-item/project-item.component.stories.ts b/...-frontend/src/app/modules/entry/components/project-item/project-item.component.stories.ts
@@ -6,8 +6,7 @@ import {
 } from '@storybook/angular';
 import { ProjectItemComponent } from './project-item.component';
 
-import { within } from '@storybook/testing-library';
-import { expect } from '@storybook/jest';
+import { expect, fn, userEvent, within } from '@storybook/test';
 import { provideHttpClient } from '@angular/common/http';
 import { MatButtonModule } from '@angular/material/button';
 import { MatCardModule } from '@angular/material/card';

diff --git a/...-frontend/src/app/modules/entry/components/project-list/project-list.component.stories.ts b/...-frontend/src/app/modules/entry/components/project-list/project-list.component.stories.ts
@@ -6,8 +6,7 @@ import {
 } from '@storybook/angular';
 import { ProjectListComponent } from './project-list.component';
 
-import { within } from '@storybook/testing-library';
-import { expect } from '@storybook/jest';
+import { expect, fn, userEvent, within } from '@storybook/test';
 import { provideHttpClient } from '@angular/common/http';
 import { MatCardModule } from '@angular/material/card';
 import { provideAnimationsAsync } from '@angular/platform-browser/animations/async';

diff --git a/apps/ng-frontend/src/app/modules/entry/views/home-view/home-view.component.stories.ts b/apps/ng-frontend/src/app/modules/entry/views/home-view/home-view.component.stories.ts
@@ -6,8 +6,7 @@ import {
 } from '@storybook/angular';
 import { HomeViewComponent } from './home-view.component';
 
-import { within } from '@storybook/testing-library';
-import { expect } from '@storybook/jest';
+import { expect, fn, userEvent, within } from '@storybook/test';
 import { provideHttpClient } from '@angular/common/http';
 import { provideAnimationsAsync } from '@angular/platform-browser/animations/async';
 import { provideRouter } from '@angular/router';
@@ -36,14 +35,6 @@ const meta: Meta<HomeViewComponent> = {
 export default meta;
 type Story = StoryObj<HomeViewComponent>;
 
-export const Primary: Story = {
+export const Default: Story = {
   args: {},
 };
-
-export const Heading: Story = {
-  args: {},
-  play: async ({ canvasElement }) => {
-    const canvas = within(canvasElement);
-    expect(canvas.getByText(/home-view works!/gi)).toBeTruthy();
-  },
-};
diff --git a/...tend/src/app/modules/entry/views/init-project-view/init-project-view.component.stories.ts b/...tend/src/app/modules/entry/views/init-project-view/init-project-view.component.stories.ts
@@ -6,8 +6,7 @@ import {
 } from '@storybook/angular';
 import { InitProjectViewComponent } from './init-project-view.component';
 
-import { within } from '@storybook/testing-library';
-import { expect } from '@storybook/jest';
+import { expect, fn, userEvent, within } from '@storybook/test';
 import { provideHttpClient } from '@angular/common/http';
 import { provideAnimationsAsync } from '@angular/platform-browser/animations/async';
 import { provideRouter } from '@angular/router';
@@ -38,14 +37,6 @@ const meta: Meta<InitProjectViewComponent> = {
 export default meta;
 type Story = StoryObj<InitProjectViewComponent>;
 
-export const Primary: Story = {
+export const Default: Story = {
   args: {},
 };
-
-export const Heading: Story = {
-  args: {},
-  play: async ({ canvasElement }) => {
-    const canvas = within(canvasElement);
-    expect(canvas.getByText(/init-project-view works!/gi)).toBeTruthy();
-  },
-};
diff --git a/...end/src/app/modules/help-center/components/main-content/main-content.component.stories.ts b/...end/src/app/modules/help-center/components/main-content/main-content.component.stories.ts
@@ -6,8 +6,7 @@ import {
 } from '@storybook/angular';
 import { MainContentComponent } from './main-content.component';
 
-import { within } from '@storybook/testing-library';
-import { expect } from '@storybook/jest';
+import { expect, fn, userEvent, within } from '@storybook/test';
 import { AsyncPipe, ViewportScroller } from '@angular/common';
 import { provideHttpClient } from '@angular/common/http';
 import { MatButtonModule } from '@angular/material/button';

diff --git a/apps/ng-frontend/src/app/modules/help-center/components/sidebar/sidebar.component.stories.ts b/apps/ng-frontend/src/app/modules/help-center/components/sidebar/sidebar.component.stories.ts
@@ -6,8 +6,7 @@ import {
 } from '@storybook/angular';
 import { SideBarComponent } from './sidebar.component';
 
-import { within } from '@storybook/testing-library';
-import { expect } from '@storybook/jest';
+import { expect, fn, userEvent, within } from '@storybook/test';
 import { provideHttpClient } from '@angular/common/http';
 import { importProvidersFrom } from '@angular/core';
 import { MatButtonModule } from '@angular/material/button';
@@ -41,14 +40,6 @@ const meta: Meta<SideBarComponent> = {
 export default meta;
 type Story = StoryObj<SideBarComponent>;
 
-export const Primary: Story = {
+export const Default: Story = {
   args: {},
 };
-
-export const Heading: Story = {
-  args: {},
-  play: async ({ canvasElement }) => {
-    const canvas = within(canvasElement);
-    expect(canvas.getByText(/sidebar works!/gi)).toBeTruthy();
-  },
-};
diff --git a/apps/ng-frontend/src/app/modules/help-center/views/help-center-view.component.stories.ts b/apps/ng-frontend/src/app/modules/help-center/views/help-center-view.component.stories.ts
@@ -6,8 +6,7 @@ import {
 } from '@storybook/angular';
 import { HelpCenterViewComponent } from './help-center-view.component';
 
-import { within } from '@storybook/testing-library';
-import { expect } from '@storybook/jest';
+import { expect, fn, userEvent, within } from '@storybook/test';
 import { provideHttpClient } from '@angular/common/http';
 import { importProvidersFrom } from '@angular/core';
 import { provideAnimationsAsync } from '@angular/platform-browser/animations/async';
@@ -40,14 +39,6 @@ const meta: Meta<HelpCenterViewComponent> = {
 export default meta;
 type Story = StoryObj<HelpCenterViewComponent>;
 
-export const Primary: Story = {
+export const Default: Story = {
   args: {},
 };
-
-export const Heading: Story = {
-  args: {},
-  play: async ({ canvasElement }) => {
-    const canvas = within(canvasElement);
-    expect(canvas.getByText(/help-center-view works!/gi)).toBeTruthy();
-  },
-};
diff --git a/...app/modules/project/components/file-table-toolbar/file-table-toolbar.component.stories.ts b/...app/modules/project/components/file-table-toolbar/file-table-toolbar.component.stories.ts
@@ -6,8 +6,7 @@ import {
 } from '@storybook/angular';
 import { FileTableToolbarComponent } from './file-table-toolbar.component';
 
-import { within } from '@storybook/testing-library';
-import { expect } from '@storybook/jest';
+import { expect, fn, userEvent, within } from '@storybook/test';
 import { provideHttpClient } from '@angular/common/http';
 import { MatIconModule } from '@angular/material/icon';
 import { MatInputModule } from '@angular/material/input';

diff --git a/...ng-frontend/src/app/modules/project/components/file-table/file-table.component.stories.ts b/...ng-frontend/src/app/modules/project/components/file-table/file-table.component.stories.ts
@@ -6,8 +6,7 @@ import {
 } from '@storybook/angular';
 import { FileTableComponent } from './file-table.component';
 
-import { within } from '@storybook/testing-library';
-import { expect } from '@storybook/jest';
+import { expect, fn, userEvent, within } from '@storybook/test';
 import { DatePipe, NgClass } from '@angular/common';
 import { provideHttpClient } from '@angular/common/http';
 import { provideAnimationsAsync } from '@angular/platform-browser/animations/async';
@@ -51,14 +50,6 @@ const meta: Meta<FileTableComponent> = {
 export default meta;
 type Story = StoryObj<FileTableComponent>;
 
-export const Primary: Story = {
+export const Default: Story = {
   args: {},
 };
-
-export const Heading: Story = {
-  args: {},
-  play: async ({ canvasElement }) => {
-    const canvas = within(canvasElement);
-    expect(canvas.getByText(/file-table works!/gi)).toBeTruthy();
-  },
-};
diff --git a/apps/ng-frontend/src/app/modules/project/components/overlay/overlay.component.stories.ts b/apps/ng-frontend/src/app/modules/project/components/overlay/overlay.component.stories.ts
@@ -6,8 +6,7 @@ import {
 } from '@storybook/angular';
 import { OverlayComponent } from './overlay.component';
 
-import { within } from '@storybook/testing-library';
-import { expect } from '@storybook/jest';
+import { expect, fn, userEvent, within } from '@storybook/test';
 import { provideHttpClient } from '@angular/common/http';
 import { provideAnimationsAsync } from '@angular/platform-browser/animations/async';
 import { provideRouter } from '@angular/router';
@@ -36,18 +35,8 @@ const meta: Meta<OverlayComponent> = {
 export default meta;
 type Story = StoryObj<OverlayComponent>;
 
-export const Primary: Story = {
+export const Default: Story = {
   args: {
     isOpen: false,
   },
 };
-
-export const Heading: Story = {
-  args: {
-    isOpen: false,
-  },
-  play: async ({ canvasElement }) => {
-    const canvas = within(canvasElement);
-    expect(canvas.getByText(/overlay works!/gi)).toBeTruthy();
-  },
-};
diff --git a/...app/modules/project/components/progress-pie-chart/progress-pie-chart.component.stories.ts b/...app/modules/project/components/progress-pie-chart/progress-pie-chart.component.stories.ts
@@ -6,8 +6,7 @@ import {
 } from '@storybook/angular';
 import { ProgressPieChartComponent } from './progress-pie-chart.component';
 
-import { within } from '@storybook/testing-library';
-import { expect } from '@storybook/jest';
+import { expect, fn, userEvent, within } from '@storybook/test';
 import { provideHttpClient } from '@angular/common/http';
 import { provideAnimationsAsync } from '@angular/platform-browser/animations/async';
 import { provideRouter } from '@angular/router';
@@ -35,14 +34,6 @@ const meta: Meta<ProgressPieChartComponent> = {
 export default meta;
 type Story = StoryObj<ProgressPieChartComponent>;
 
-export const Primary: Story = {
+export const Default: Story = {
   args: {},
 };
-
-export const Heading: Story = {
-  args: {},
-  play: async ({ canvasElement }) => {
-    const canvas = within(canvasElement);
-    expect(canvas.getByText(/progress-pie-chart works!/gi)).toBeTruthy();
-  },
-};
diff --git a/...modules/project/components/report-detail-panels/report-detail-panels.component.stories.ts b/...modules/project/components/report-detail-panels/report-detail-panels.component.stories.ts
@@ -6,8 +6,7 @@ import {
 } from '@storybook/angular';
 import { ReportDetailPanelsComponent } from './report-detail-panels.component';
 
-import { within } from '@storybook/testing-library';
-import { expect } from '@storybook/jest';
+import { expect, fn, userEvent, within } from '@storybook/test';
 import { provideHttpClient } from '@angular/common/http';
 import { provideAnimationsAsync } from '@angular/platform-browser/animations/async';
 import { provideRouter } from '@angular/router';
@@ -68,14 +67,6 @@ const meta: Meta<ReportDetailPanelsComponent> = {
 export default meta;
 type Story = StoryObj<ReportDetailPanelsComponent>;
 
-export const Primary: Story = {
+export const Default: Story = {
   args: {},
 };
-
-export const Heading: Story = {
-  args: {},
-  play: async ({ canvasElement }) => {
-    const canvas = within(canvasElement);
-    expect(canvas.getByText(/report-detail-panels works!/gi)).toBeTruthy();
-  },
-};
diff --git a/...modules/project/components/report-table-toolbar/report-table-toolbar.component.stories.ts b/...modules/project/components/report-table-toolbar/report-table-toolbar.component.stories.ts
@@ -6,8 +6,7 @@ import {
 } from '@storybook/angular';
 import { ReportTableToolbarComponent } from './report-table-toolbar.component';
 
-import { within } from '@storybook/testing-library';
-import { expect } from '@storybook/jest';
+import { expect, fn, userEvent, within } from '@storybook/test';
 import { NgIf } from '@angular/common';
 import { provideHttpClient } from '@angular/common/http';
 import { MatButtonModule } from '@angular/material/button';
@@ -57,7 +56,7 @@ const meta: Meta<ReportTableToolbarComponent> = {
 export default meta;
 type Story = StoryObj<ReportTableToolbarComponent>;
 
-export const Primary: Story = {
+export const Default: Story = {
   args: {},
 };
 

diff --git a/...rontend/src/app/modules/project/components/report-table/report-table.component.stories.ts b/...rontend/src/app/modules/project/components/report-table/report-table.component.stories.ts
@@ -6,8 +6,7 @@ import {
 } from '@storybook/angular';
 import { ReportTableComponent } from './report-table.component';
 
-import { within } from '@storybook/testing-library';
-import { expect } from '@storybook/jest';
+import { expect, fn, userEvent, within } from '@storybook/test';
 import { AsyncPipe, DatePipe, NgClass } from '@angular/common';
 import { provideHttpClient } from '@angular/common/http';
 import { MatButtonModule } from '@angular/material/button';
@@ -63,14 +62,6 @@ const meta: Meta<ReportTableComponent> = {
 export default meta;
 type Story = StoryObj<ReportTableComponent>;
 
-export const Primary: Story = {
+export const Default: Story = {
   args: {},
 };
-
-export const Heading: Story = {
-  args: {},
-  play: async ({ canvasElement }) => {
-    const canvas = within(canvasElement);
-    expect(canvas.getByText(/report-table works!/gi)).toBeTruthy();
-  },
-};
diff --git a/...ntend/src/app/modules/project/components/side-nav-list/side-nav-list.component.stories.ts b/...ntend/src/app/modules/project/components/side-nav-list/side-nav-list.component.stories.ts
@@ -6,8 +6,7 @@ import {
 } from '@storybook/angular';
 import { SideNavListComponent } from './side-nav-list.component';
 
-import { within } from '@storybook/testing-library';
-import { expect } from '@storybook/jest';
+import { expect, fn, userEvent, within } from '@storybook/test';
 import { NgClass, NgIf } from '@angular/common';
 import { provideHttpClient } from '@angular/common/http';
 import { MatButtonModule } from '@angular/material/button';
@@ -52,14 +51,6 @@ const meta: Meta<SideNavListComponent> = {
 export default meta;
 type Story = StoryObj<SideNavListComponent>;
 
-export const Primary: Story = {
+export const Default: Story = {
   args: {},
 };
-
-export const Heading: Story = {
-  args: {},
-  play: async ({ canvasElement }) => {
-    const canvas = within(canvasElement);
-    expect(canvas.getByText(/side-nav-list works!/gi)).toBeTruthy();
-  },
-};
diff --git a/.../ng-frontend/src/app/modules/project/views/buckets-view/buckets-view.component.stories.ts b/.../ng-frontend/src/app/modules/project/views/buckets-view/buckets-view.component.stories.ts
@@ -6,8 +6,7 @@ import {
 } from '@storybook/angular';
 import { BucketsViewComponent } from './buckets-view.component';
 
-import { within } from '@storybook/testing-library';
-import { expect } from '@storybook/jest';
+import { expect, fn, userEvent, within } from '@storybook/test';
 import { provideHttpClient } from '@angular/common/http';
 import { provideAnimationsAsync } from '@angular/platform-browser/animations/async';
 import { provideRouter } from '@angular/router';
@@ -36,14 +35,6 @@ const meta: Meta<BucketsViewComponent> = {
 export default meta;
 type Story = StoryObj<BucketsViewComponent>;
 
-export const Primary: Story = {
+export const Default: Story = {
   args: {},
 };
-
-export const Heading: Story = {
-  args: {},
-  play: async ({ canvasElement }) => {
-    const canvas = within(canvasElement);
-    expect(canvas.getByText(/buckets-view works!/gi)).toBeTruthy();
-  },
-};