Created swapProjection; not working properly

apps/python-dsl/src/projections/SwapProjection.svelte

@@ -0,0 +1,56 @@
+<script lang="ts">
+  import { onMount } from "svelte";
+  import { tags } from "@lezer/highlight";
+  import type { EditorState } from "@codemirror/state";
+  import type { EditorView } from "@codemirror/view";
+  import { highlightingFor } from "@codemirror/language";
+  import type { Match } from "@puredit/parser";
+  import type { FocusGroup } from "@puredit/projections/focus";
+  import TextInput from "@puredit/projections/TextInput.svelte";
+  import { validateFromList } from "@puredit/projections/shared";
+  import type { ContextGlobal } from "./context";
+
+  export let isNew: boolean;
+  export let view: EditorView | null;
+  export let match: Match;
+  export let context: ContextGlobal;
+  export let state: EditorState;
+  export let focusGroup: FocusGroup;
+
+  //  let tables: string[];
+  //  $: tables = Object.keys(context.tables);
+
+  onMount(() => {
+    if (isNew) {
+      requestAnimationFrame(() => {
+        focusGroup.first();
+      });
+    }
+  });
+</script>
+
+<span class="inline-flex">
+  <span>swap </span>
+  <TextInput
+    className={highlightingFor(state, [tags.atom])}
+    node={match.args.var_x}
+    {state}
+    {view}
+    {focusGroup}
+    placeholder="var1"
+  /><span> and </span>
+  <TextInput
+    className={highlightingFor(state, [tags.atom])}
+    node={match.args.var_y}
+    {state}
+    {view}
+    {focusGroup}
+    placeholder="var2"
+  />
+</span>
+
+<style>
+  .colon {
+    margin-left: -10px;
+  }
+</style>

apps/python-dsl/src/projections/index.ts

@@ -4,10 +4,16 @@ import { globalContextValues, globalContextVariables } from "./context";
 import { pythonParser } from "./parser";
 import { replaceProjection } from "./replaceProjection";
 import { trimProjection } from "./trimProjection";
+import { swapProjection } from "./swapProjection";
 
 export const projectionPluginConfig: ProjectionPluginConfig = {
   parser: pythonParser,
-  projections: [changeProjection, replaceProjection, trimProjection],
+  projections: [
+    changeProjection,
+    replaceProjection,
+    trimProjection,
+    swapProjection,
+  ],
   globalContextVariables,
   globalContextValues,
 };

apps/python-dsl/src/projections/replaceProjection.ts

@@ -6,12 +6,12 @@ import ReplaceProjection from "./ReplaceProjection.svelte";
 
 const table = contextVariable("table");
 const column = arg("column", "string");
-// const target = arg("target", "string"); // original
+const target = arg("target", "string"); // original
 // AA: const target = arg("target", "identifier");
-const target = arg("target", "primary_expression");
-// const replacement = arg("replacement", "string");  // original
+// AA - now working: const target = arg("target", "primary_expression");
+const replacement = arg("replacement", "string"); // original
 // AA: const replacement = arg("replacement", "identifier");
-const replacement = arg("replacement", "primary_expression");
+// AA - now working: const replacement = arg("replacement", "primary_expression");
 
 export const [pattern, draft] = pythonParser.statementPattern`
 ${table}.column(${column}).replace(${target}, ${replacement})

apps/python-dsl/src/projections/swapProjection.ts

@@ -0,0 +1,28 @@
+import type { Text } from "@codemirror/state";
+import { arg, block, contextVariable } from "@puredit/parser";
+import type { Match } from "@puredit/parser";
+import { stringLiteralValue } from "@puredit/projections/shared";
+import { svelteProjection } from "@puredit/projections/svelte";
+import type { Projection } from "@puredit/projections/types";
+import SwapProjection from "./SwapProjection.svelte";
+import type { ContextColumns, ContextTables } from "./context";
+import { pythonParser } from "./parser";
+
+// const db = contextVariable("db");
+const var_x = arg("var_x", "identifier");
+const var_y = arg("var_y", "identifier");
+
+export const [pattern, draft] = pythonParser.statementPattern`
+${var_x}, ${var_y} = ${var_y},${var_x}
+`;
+
+export const widget = svelteProjection(SwapProjection);
+
+export const swapProjection: Projection = {
+  name: "swap variables",
+  description: "Swaps two variables",
+  pattern,
+  draft,
+  requiredContextVariables: [],
+  widgets: [widget],
+};