@myrmidon/gve-core 0.0.5 → 0.0.6

package/lib/components/batch-operation-editor/batch-operation-editor.component.d.ts

@@ -0,0 +1,46 @@
+import { EventEmitter, OnInit } from '@angular/core';
+import { FormBuilder, FormControl, FormGroup } from '@angular/forms';
+import { MatDialogRef } from '@angular/material/dialog';
+import { CharChainOperation } from '@myrmidon/gve-snapshot-view';
+import { PayloadMatDialogConfig } from '../../models';
+import { GveApiService } from '../../services/gve-api.service';
+import * as i0 from "@angular/core";
+/**
+ * 🔑 `gve-batch-operation-editor`
+ *
+ * A component to edit a batch of operations. This component can be used both in a dialog
+ * and as a standalone component.
+ *
+ * - ▶️ `preset` (`string`): the optional preset text to parse.
+ * - 🔥 `operationsChange` (`CharChainOperation[]`): event emitted when operations change.
+ */
+export declare class BatchOperationEditorComponent implements OnInit {
+    private _api;
+    dialogRef?: MatDialogRef<BatchOperationEditorComponent> | undefined;
+    data?: PayloadMatDialogConfig<{
+        preset?: string;
+    }> | undefined;
+    private _preset?;
+    busy?: boolean;
+    parseError?: string;
+    text: FormControl<string | null>;
+    form: FormGroup;
+    /**
+     * The preset text to parse if any. Usually you start with a blank
+     * text, but sometimes you might want to pre-set it.
+     */
+    get preset(): string | undefined | null;
+    set preset(value: string | undefined | null);
+    /**
+     * Emitted when operations change.
+     */
+    readonly operationsChange: EventEmitter<CharChainOperation[]>;
+    constructor(formBuilder: FormBuilder, _api: GveApiService, dialogRef?: MatDialogRef<BatchOperationEditorComponent> | undefined, data?: PayloadMatDialogConfig<{
+        preset?: string;
+    }> | undefined);
+    ngOnInit(): void;
+    parseOperations(): void;
+    close(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BatchOperationEditorComponent, [null, null, { optional: true; }, { optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BatchOperationEditorComponent, "gve-batch-operation-editor", never, { "preset": { "alias": "preset"; "required": false; }; }, { "operationsChange": "operationsChange"; }, never, never, true, never>;
+}

package/lib/components/chain-result-view/chain-result-view.component.d.ts

@@ -8,7 +8,10 @@ import * as i0 from "@angular/core";
 /**
  * 🔑 `gve-chain-result-view`
  *
- * Component to display a chain result.
+ * Component to display a chain result. This provides a version picker
+ * by staged version or simple step, and shows the selected step's text
+ * and features, plus a steps map. User can pick a step from both the
+ * pickers or the map.
  * Used by the `gve-snapshot-editor` component.
  *
  * - ▶️ `result` (`CharChainResult`): the result to display.

package/lib/components/feature-set-editor/feature-set-editor.component.d.ts

@@ -60,7 +60,7 @@ export declare class FeatureSetEditorComponent implements OnInit, OnDestroy {
     /**
      * Emitted when the features change.
      */
-    featuresChange: EventEmitter<OperationFeature[] | Feature[]>;
+    featuresChange: EventEmitter<Feature[] | OperationFeature[]>;
     editedFeature?: Feature | OperationFeature;
     filter: FormControl<string | null>;
     filteredFeatures: Feature[] | OperationFeature[];

package/lib/components/snapshot-editor/snapshot-editor.component.d.ts

@@ -1,6 +1,7 @@
-import { ElementRef, EventEmitter, OnInit } from '@angular/core';
+import { ElementRef, EventEmitter } from '@angular/core';
 import { FormBuilder, FormControl, FormGroup } from '@angular/forms';
 import { MatSnackBar } from '@angular/material/snack-bar';
+import { MatDialog } from '@angular/material/dialog';
 import { DialogService } from '@myrmidon/ng-mat-tools';
 import { CharChainOperation, CharNode, GveAnimationTimeline, GveVisualEvent, Snapshot, SnapshotViewComponent, SnapshotViewData, SnapshotViewRenderEvent } from '@myrmidon/gve-snapshot-view';
 import { VarBaseTextRange } from '../base-text-view/base-text-view.component';
@@ -18,8 +19,9 @@ import * as i0 from "@angular/core";
  * - 🔥 `snapshotChange` (`Snapshot`): emitted when the user saves the edited snapshot.
  * - 🔥 `snapshotCancel` (`void`): emitted when the user cancels the snapshot editing.
  */
-export declare class SnapshotEditorComponent implements OnInit {
+export declare class SnapshotEditorComponent {
     private _api;
+    private _dialog;
     private _dialogService;
     private _snackbar;
     private readonly _nanoid;
@@ -66,7 +68,6 @@ export declare class SnapshotEditorComponent implements OnInit {
     spcWidthOffset: FormControl<number>;
     textStyle: FormControl<string | null>;
     operations: FormControl<CharChainOperation[]>;
-    inputOps: FormControl<string | null>;
     opStyle: FormControl<string | null>;
     form: FormGroup;
     imageUrl: FormControl<string | null>;
@@ -102,8 +103,7 @@ export declare class SnapshotEditorComponent implements OnInit {
     result?: CharChainResult;
     resultOperationId?: string;
     initialStepIndex: number;
-    constructor(formBuilder: FormBuilder, _api: GveApiService, _dialogService: DialogService, _snackbar: MatSnackBar);
-    ngOnInit(): void;
+    constructor(formBuilder: FormBuilder, _api: GveApiService, _dialog: MatDialog, _dialogService: DialogService, _snackbar: MatSnackBar);
     /**
      * Set the view data for the snapshot view.
      *
@@ -182,6 +182,7 @@ export declare class SnapshotEditorComponent implements OnInit {
      * @returns Array of IDs found in the SVG content or undefined.
      */
     private parseSvgIds;
+    private getTransparentIds;
     /**
      * Run the operations up to the specified index (included).
      * This is called when:
@@ -198,12 +199,13 @@ export declare class SnapshotEditorComponent implements OnInit {
      * operation in the snapshot at index. This is used when previewing
      * the edited operation from within the operation editor.
      */
-    runTo(index: number, lastOperation?: CharChainOperation): Promise<void>;
+    runTo(index: number, lastOperation?: CharChainOperation): Promise<CharChainResult>;
     /**
-     * Run the operations up to the last operation if any.
-     * Otherwise, just update the snapshot view.
+     * Run the operations up to the last operation if any, updating the
+     * execution result. The execution result is always the result from
+     * all the operations, as users must be able to browse across its steps.
      */
-    runToLast(): void;
+    runToLast(): Promise<void>;
     /**
      * Update the snapshot view by running the operations up to the
      * currently edited operation if any.

package/lib/components/steps-map/steps-map.component.d.ts

@@ -22,6 +22,7 @@ import * as i0 from "@angular/core";
  */
 export declare class StepsMapComponent {
     private _steps?;
+    lines: string[];
     /**
      * The steps to display.
      */
@@ -40,6 +41,7 @@ export declare class StepsMapComponent {
      * the steps are set for the first time.
      */
     selectedStepChange: EventEmitter<ChainOperationContextStep>;
+    private updateLines;
     onStepClick(step: ChainOperationContextStep): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<StepsMapComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<StepsMapComponent, "gve-steps-map", never, { "steps": { "alias": "steps"; "required": false; }; "selectedStep": { "alias": "selectedStep"; "required": false; }; "textFontSize": { "alias": "textFontSize"; "required": false; }; }, { "selectedStepChange": "selectedStepChange"; }, never, never, true, never>;

package/lib/models.d.ts

@@ -1,3 +1,4 @@
+import { MatDialogConfig } from "@angular/material/dialog";
 /**
  * API call result wrapper.
  */
@@ -5,3 +6,10 @@ export interface ResultWrapper<T> {
     result?: T;
     error?: string;
 }
+/**
+ * PayloadMatDialogConfig is a MatDialogConfig with a payload, used
+ * to pass data of type T to a dialog.
+ */
+export interface PayloadMatDialogConfig<T> extends MatDialogConfig {
+    payload?: T;
+}

package/lib/services/gve-api.service.d.ts

@@ -8,23 +8,56 @@ import * as i0 from "@angular/core";
  * Execution step of a char-based chain operation.
  */
 export interface ChainOperationContextStep {
+    /**
+     * The operation that was executed.
+     */
     operation: CharChainOperation;
+    /**
+     * The input version tag.
+     */
     inputTag: string;
+    /**
+     * The output version tag.
+     */
     outputTag: string;
+    /**
+     * The string synthetically representing the result.
+     */
     result?: string;
+    /**
+     * The features emitted up to the executed operation.
+     * These are the features of the text as a whole, and
+     * those belonging to specific nodes.
+     */
     featureSet: {
         features: OperationFeature[];
         nodeFeatures: Record<string, OperationFeature[]>;
     };
+    /**
+     * The reference node IDs of the operation which was
+     * executed.
+     */
     refNodeIds: number[];
 }
 /**
  * Result of execution of a char-based chain.
  */
 export interface CharChainResult {
+    /**
+     * The execution steps of the chain.
+     */
     steps: ChainOperationContextStep[];
+    /**
+     * The chain dump, which is the text representation of the chain.
+     */
     chainDump: string;
+    /**
+     * The list of unique tags in the chain.
+     */
     chainTags: string[];
+    /**
+     * The sets of nodes in their order, for each version tag.
+     */
     taggedNodes: {
         [key: string]: CharNode[];
     };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@myrmidon/gve-core",
-  "version": "0.0.5",
+  "version": "0.0.6",
   "description": "Cadmus - GVE Angular frontend core components.",
   "keywords": [
     "GVE"
@@ -14,19 +14,19 @@
     "name": "Daniele Fusi"
   },
   "peerDependencies": {
-    "@angular/common": "^18.0.0",
-    "@angular/core": "^18.0.0",
-    "@cisstech/nge": "^17.7.1",
+    "@angular/common": "^18.2.10",
+    "@angular/core": "^18.2.10",
+    "@cisstech/nge": "^18.0.4",
     "@myrmidon/ng-mat-tools": "^3.1.0",
     "@myrmidon/ng-tools": "^3.1.1",
-    "@myrmidon/gve-snapshot-view": "^0.0.19",
+    "@myrmidon/gve-snapshot-view": "^1.1.2",
     "@svgdotjs/svg.js": "^3.2.4",
     "gsap": "^3.12.5",
-    "monaco-editor": "^0.50.0",
-    "nanoid": "^5.0.7"
+    "monaco-editor": "^0.52.0",
+    "nanoid": "^5.0.8"
   },
   "dependencies": {
-    "tslib": "^2.6.3"
+    "tslib": "^2.8.0"
   },
   "sideEffects": false,
   "module": "fesm2022/myrmidon-gve-core.mjs",

package/public-api.d.ts

@@ -4,6 +4,7 @@ export * from './lib/components/animation-tween/animation-tween.component';
 export * from './lib/components/base-text-char/base-text-char.component';
 export * from './lib/components/base-text-editor/base-text-editor.component';
 export * from './lib/components/base-text-view/base-text-view.component';
+export * from './lib/components/batch-operation-editor/batch-operation-editor.component';
 export * from './lib/components/chain-operation-editor/chain-operation-editor.component';
 export * from './lib/components/chain-result-view/chain-result-view.component';
 export * from './lib/components/feature-editor/feature-editor.component';