replace flex-resizer with angular-split

altair-graphql · Dec 15, 2024 · 9618187 · 9618187
1 parent 20e0918
commit 9618187
Show file tree

Hide file tree

Showing 16 changed files with 195 additions and 366 deletions.
diff --git a/packages/altair-app/jest.config.ts b/packages/altair-app/jest.config.ts
@@ -23,7 +23,7 @@ const jestConfig: Config = {
   setupFilesAfterEnv: ['<rootDir>/src/setup-jest.ts'],
   // moduleDirectories: ['node_modules', '<rootDir>/src'],
   transformIgnorePatterns: [
-    'node_modules/.pnpm/(?!@angular|@firebase|@ngrx|@sentry|lodash-es|altair-graphql-core|angular-resizable-element|dexie|uuid|ngx-cookie-service|ngx-markdown|ky|color-name|json-schema-library|graphql-language-service|vscode-languageserver-types|cm6-graphql|ngx-toastr|@ngx-translate|lucide-angular|ng-zorro-antd|@ant-design\\+icons-angular|ngx-pipes)',
+    'node_modules/.pnpm/(?!@angular|@firebase|@ngrx|@sentry|lodash-es|altair-graphql-core|angular-resizable-element|angular-split|dexie|uuid|ngx-cookie-service|ngx-markdown|ky|color-name|json-schema-library|graphql-language-service|vscode-languageserver-types|cm6-graphql|ngx-toastr|@ngx-translate|lucide-angular|ng-zorro-antd|@ant-design\\+icons-angular|ngx-pipes)',
   ],
 };
 

diff --git a/packages/altair-app/package.json b/packages/altair-app/package.json
@@ -49,6 +49,7 @@
     "ajv": "^8.11.2",
     "altair-graphql-core": "workspace:*",
     "angular-resizable-element": "^6.0.0",
+    "angular-split": "^18.0.0",
     "apollo-cache-inmemory": "1.6.6",
     "apollo-link": "1.2.14",
     "apollo-link-http": "1.5.17",

diff --git a/packages/altair-app/src/app/modules/altair/components/components.module.ts b/packages/altair-app/src/app/modules/altair/components/components.module.ts
@@ -19,7 +19,6 @@ import { HistoryDialogComponent } from './history-dialog/history-dialog.componen
 import { SettingsDialogComponent } from './settings-dialog/settings-dialog.component';
 import { ImportCurlDialogComponent } from './import-curl-dialog/import-curl-dialog.component';
 import { AddCollectionQueryDialogComponent } from './add-collection-query-dialog/add-collection-query-dialog.component';
-import { FlexResizerComponent } from './flex-resizer/flex-resizer.component';
 import { VariablesEditorComponent } from './variables-editor/variables-editor.component';
 import { VariableFileItemComponent } from './variable-file-item/variable-file-item.component';
 import { QueryCollectionsComponent } from './query-collections/query-collections.component';
@@ -68,7 +67,6 @@ const COMPONENTS = [
   SettingsDialogComponent,
   ImportCurlDialogComponent,
   AddCollectionQueryDialogComponent,
-  FlexResizerComponent,
   VariablesEditorComponent,
   VariableFileItemComponent,
   QueryCollectionsComponent,

diff --git a/...air-app/src/app/modules/altair/components/doc-viewer/doc-viewer/doc-viewer.component.html b/...air-app/src/app/modules/altair/components/doc-viewer/doc-viewer/doc-viewer.component.html
@@ -124,7 +124,10 @@
               }
             }
             @case ('field') {
-              @if (!(hideDeprecatedDocItems && getField(docView)?.isDeprecated) && docView.view === 'field') {
+              @if (
+                !(hideDeprecatedDocItems && getField(docView)?.isDeprecated) &&
+                docView.view === 'field'
+              ) {
                 <app-doc-viewer-field
                   [data]="getField(docView)"
                   [gqlSchema]="gqlSchema"
@@ -161,4 +164,3 @@
     {{ 'SERVER_NO_INTROSPECTION_SUPPORT' | translate }}
   </div>
 }
-<app-flex-resizer (resizeChange)="onResize($event)"></app-flex-resizer>
diff --git a/...ges/altair-app/src/app/modules/altair/components/flex-resizer/flex-resizer.component.html b/...ges/altair-app/src/app/modules/altair/components/flex-resizer/flex-resizer.component.html
diff --git a/...ges/altair-app/src/app/modules/altair/components/flex-resizer/flex-resizer.component.scss b/...ges/altair-app/src/app/modules/altair/components/flex-resizer/flex-resizer.component.scss
diff --git a/.../altair-app/src/app/modules/altair/components/flex-resizer/flex-resizer.component.spec.ts b/.../altair-app/src/app/modules/altair/components/flex-resizer/flex-resizer.component.spec.ts
diff --git a/packages/altair-app/src/app/modules/altair/components/flex-resizer/flex-resizer.component.ts b/packages/altair-app/src/app/modules/altair/components/flex-resizer/flex-resizer.component.ts
diff --git a/.../modules/altair/components/query-editor/__snapshots__/query-editor.component.spec.ts.snap b/.../modules/altair/components/query-editor/__snapshots__/query-editor.component.spec.ts.snap
@@ -53,6 +53,5 @@ exports[`QueryEditorComponent should render correctly 1`] = `
     </nz-tab>
     
   </nz-tabset>
-  <app-flex-resizer />
 </app-query-editor>
 `;
diff --git a/...ges/altair-app/src/app/modules/altair/components/query-editor/query-editor.component.html b/...ges/altair-app/src/app/modules/altair/components/query-editor/query-editor.component.html
@@ -22,7 +22,7 @@
       [ngClass]="{ 'show-variables': showVariableDialog }"
       mwlResizable
       [ngStyle]="{
-        minHeight: showVariableDialog ? variableEditorHeight : undefined
+        minHeight: showVariableDialog ? variableEditorHeight : undefined,
       }"
       [enableGhostResize]="true"
       [validateResize]="validate"
@@ -86,13 +86,13 @@
                     fileVariableDataChange.emit({
                       index: index,
                       fileData: $event.files,
-                      fromCache: $event.fromCache
+                      fromCache: $event.fromCache,
                     })
                   "
                   (fileVariableIsMultipleChange)="
                     fileVariableIsMultipleChange.emit({
                       index: index,
-                      isMultiple: $event
+                      isMultiple: $event,
                     })
                   "
                   (deleteFileVariableChange)="
@@ -135,7 +135,7 @@
       <span
         [ngClass]="{
           'ant-tabs--status-enabled':
-            authorizationState && isAuthorizationEnabled(authorizationState)
+            authorizationState && isAuthorizationEnabled(authorizationState),
         }"
       >
         {{ 'AUTHORIZATION_TAB' | translate }}
@@ -149,7 +149,3 @@
     />
   </nz-tab>
 </nz-tabset>
-<app-flex-resizer
-  [resizeDirection]="'right'"
-  (resizeChange)="onResize($event)"
-></app-flex-resizer>