From 161d850e2fd9df81ea4593d29f365a3e98dfadd3 Mon Sep 17 00:00:00 2001
From: Denis Mishankov <mishankov@mail.com>
Date: Wed, 17 Jan 2024 06:11:57 +0300
Subject: [PATCH] add id to manipulations

---
 .../components/AddManipulation.svelte         | 20 +++++++++++--------
 src/manipulations/components/Append.svelte    |  4 +++-
 src/manipulations/components/Compose.svelte   |  4 +++-
 src/manipulations/components/Prepend.svelte   |  4 +++-
 src/manipulations/components/Replace.svelte   |  4 +++-
 src/manipulations/components/Slice.svelte     |  4 +++-
 .../components/SplitCompose.svelte            |  4 +++-
 .../components/SplitGetFromIndex.svelte       |  4 +++-
 src/manipulations/components/SplitJoin.svelte |  4 ++--
 src/manipulations/index.ts                    |  4 ++++
 10 files changed, 39 insertions(+), 17 deletions(-)

diff --git a/src/manipulations/components/AddManipulation.svelte b/src/manipulations/components/AddManipulation.svelte
index ee83cfc..36c401b 100644
--- a/src/manipulations/components/AddManipulation.svelte
+++ b/src/manipulations/components/AddManipulation.svelte
@@ -3,47 +3,51 @@
 
   export let manipulations: TManipulation[] = []
 
+  function randomId() {
+    return (Math.random() + 1).toString(36).substring(2);
+  }
+
   function onNewManipulationSelect(event: Event) {
     const target = event.target as HTMLSelectElement
     switch (target.value) {
       case "replace": 
         manipulations.push({
-          type: "replace", from: "", to: ""
+          type: "replace", from: "", to: "", id: randomId()
         })
         break
       case "append": 
         manipulations.push({
-          type: "append", suffix: ""
+          type: "append", suffix: "", id: randomId()
         })
         break
       case "prepend": 
         manipulations.push({
-          type: "prepend", prefix: ""
+          type: "prepend", prefix: "", id: randomId()
         })
         break
       case "splitGetFromIndex":
         manipulations.push({
-          type: "splitGetFromIndex", splitString: "", index: 0
+          type: "splitGetFromIndex", splitString: "", index: 0, id: randomId()
         })
         break
       case "compose":
         manipulations.push({
-          type: "compose", pattern: "{}", placeholder: "{}"
+          type: "compose", pattern: "{}", placeholder: "{}", id: randomId()
         })
         break
       case "slice":
         manipulations.push({
-          type: "slice", start: 0, end: -1
+          type: "slice", start: 0, end: -1, id: randomId()
         })
         break
       case "splitCompose":
         manipulations.push({
-          type: "splitCompose", splitString: "!", placeholder: "{d}", pattern: "{1}, {0}"
+          type: "splitCompose", splitString: "!", placeholder: "{d}", pattern: "{1}, {0}", id: randomId()
         })
         break
       case "splitJoin":
         manipulations.push({
-          type: "splitJoin", splitString: ",", joinString: "!", innerManipulations: []
+          type: "splitJoin", splitString: ",", joinString: "!", innerManipulations: [], id: randomId()
         })
         break
     }
diff --git a/src/manipulations/components/Append.svelte b/src/manipulations/components/Append.svelte
index 51d63bd..f50aab8 100644
--- a/src/manipulations/components/Append.svelte
+++ b/src/manipulations/components/Append.svelte
@@ -1,5 +1,7 @@
 <script lang="ts" context="module">
-  export interface AppendManipulation {
+  import type { ManipulationBase } from "..";
+
+  export interface AppendManipulation extends ManipulationBase {
     type: "append"
     suffix: string
   }
diff --git a/src/manipulations/components/Compose.svelte b/src/manipulations/components/Compose.svelte
index 6d93daf..2ab3db5 100644
--- a/src/manipulations/components/Compose.svelte
+++ b/src/manipulations/components/Compose.svelte
@@ -1,5 +1,7 @@
 <script lang="ts" context="module">
-  export interface ComposeManipulation {
+  import type { ManipulationBase } from "..";
+  
+  export interface ComposeManipulation extends ManipulationBase {
     type: "compose"
     pattern: string
     placeholder: string
diff --git a/src/manipulations/components/Prepend.svelte b/src/manipulations/components/Prepend.svelte
index a1ff446..ba55cce 100644
--- a/src/manipulations/components/Prepend.svelte
+++ b/src/manipulations/components/Prepend.svelte
@@ -1,5 +1,7 @@
 <script lang="ts" context="module">
-  export interface PrependManipulation {
+  import type { ManipulationBase } from "..";
+
+  export interface PrependManipulation extends ManipulationBase {
     type: "prepend"
     prefix: string
   }
diff --git a/src/manipulations/components/Replace.svelte b/src/manipulations/components/Replace.svelte
index cfbbb3c..884c92b 100644
--- a/src/manipulations/components/Replace.svelte
+++ b/src/manipulations/components/Replace.svelte
@@ -1,5 +1,7 @@
 <script lang="ts" context="module">
-  export interface ReplaceManipulation {
+  import type { ManipulationBase } from "..";
+
+  export interface ReplaceManipulation extends ManipulationBase {
     type: "replace"
     from: string
     to: string
diff --git a/src/manipulations/components/Slice.svelte b/src/manipulations/components/Slice.svelte
index 7dc631c..547427e 100644
--- a/src/manipulations/components/Slice.svelte
+++ b/src/manipulations/components/Slice.svelte
@@ -1,5 +1,7 @@
 <script lang="ts" context="module">
-  export interface SliceManipulation {
+  import type { ManipulationBase } from "..";
+
+  export interface SliceManipulation extends ManipulationBase {
     type: "slice"
     start: number
     end: number
diff --git a/src/manipulations/components/SplitCompose.svelte b/src/manipulations/components/SplitCompose.svelte
index 676874c..d5e66e6 100644
--- a/src/manipulations/components/SplitCompose.svelte
+++ b/src/manipulations/components/SplitCompose.svelte
@@ -1,5 +1,7 @@
 <script lang="ts" context="module">
-  export interface SplitComposeManipulation {
+  import type { ManipulationBase } from "..";
+
+  export interface SplitComposeManipulation extends ManipulationBase {
     type: "splitCompose"
     splitString: string
     placeholder: string
diff --git a/src/manipulations/components/SplitGetFromIndex.svelte b/src/manipulations/components/SplitGetFromIndex.svelte
index 60c9d1a..c89c63d 100644
--- a/src/manipulations/components/SplitGetFromIndex.svelte
+++ b/src/manipulations/components/SplitGetFromIndex.svelte
@@ -1,5 +1,7 @@
 <script lang="ts" context="module">
-  export interface SplitGetFromIndexManipulation {
+  import type { ManipulationBase } from "..";
+
+  export interface SplitGetFromIndexManipulation extends ManipulationBase {
     type: "splitGetFromIndex"
     splitString: string
     index: number
diff --git a/src/manipulations/components/SplitJoin.svelte b/src/manipulations/components/SplitJoin.svelte
index bbf706c..00912d3 100644
--- a/src/manipulations/components/SplitJoin.svelte
+++ b/src/manipulations/components/SplitJoin.svelte
@@ -1,8 +1,8 @@
 <script lang="ts" context="module">
-  import { type InnerSplitJoinManipulation } from ".."
+  import type { InnerSplitJoinManipulation, ManipulationBase } from ".."
   import { Manipulation, AddManipulation } from ".."
 
-  export interface SplitJoinManipulation {
+  export interface SplitJoinManipulation extends ManipulationBase {
     type: "splitJoin"
     splitString: string
     joinString: string
diff --git a/src/manipulations/index.ts b/src/manipulations/index.ts
index d9a29a1..ec3d776 100644
--- a/src/manipulations/index.ts
+++ b/src/manipulations/index.ts
@@ -30,6 +30,10 @@ export {
 	AddManipulation,
 };
 
+export interface ManipulationBase {
+	id?: string
+}
+
 // Union type for all manipulations
 export type TManipulation =
 	| AppendManipulation