sandblocks-text/aug-example-array.ts at master · hpi-swa-lab/sandblocks-text · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
import { languageFor } from "./core/languages.js";
import { h } from "./external/preact.mjs";
import {
  metaexec,
  query,
  all,
  first,
  debugIt,
  log,
  spawnArray,
  allMatch,
} from "./sandblocks/query-builder/functionQueries.js";

export const augExample = {
  type: "replace",
  matcherDepth: Infinity,
  model: languageFor("typescript"),
  match: (it) =>
    metaexec(it, (capture) => [
      query("[$$$items]"),
      (it) => it.items,
      all(
        [(it) => it.length, capture("rows")],
        [
          (it) => it[0],
          query("[$$$nestedItems]"),
          (it) => it.nestedItems,
          (it) => it.length,
          capture("columns"),
        ],
        [
          spawnArray(
            [
              query("[$$$nestedItems]"),
              (it) => it.nestedItems,
              (it) => it.length,
              (it) => it === capture.get("columns"),
            ],
            false,
          ),
        ],
      ),
    ]),
  view: ({ nodes, rows, columns }) => {
    const a = eval(nodes[0].sourceString);
    return h(
      "div",
      {},
      h(
        "table",
        { style: { border: "1px solid", borderCollapse: "collapse" } },
        [...Array(columns).keys()].map((i) =>
          h(
            "tr",
            { style: { border: "1px solid" } },
            [...Array(rows).keys()].map((j) =>
              h("td", { style: { border: "1px solid" } }, a[j][i]),
            ),
          ),
        ),
      ),
    );
  },
  rerender: () => true,
  examples: [
    [
      `const a = [
  [0,1,2,3,4,5,6,7,8,9],
  [10,11,12,13,14,15,16,17,18,19],
  [20,21,22,23,24,25,26,27,28,29]
]`,
      [0, 0],
    ],
  ],
};