aug-example-array.ts

import { languageFor } from "./core/languages.js";
import { h } from "./external/preact.mjs";
import {
  metaexec,
  query,
  all,
  first,
  debugIt,
  log,
  spawnArray,
  allMatch,
  also,
} 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,
          ),
          also([(it) => it.name, capture("name")]),
        ],
      ),
    ]),
  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],
    ],
  ],
};

//function matchRecur(tree, captures, condition, extract) {
//  if (condition(tree)) captures.push(extract(tree));
//  return tree.children.forEach((it) =>
//    matchRecur(it, captures, condition, extract),
//  );
//}
//
//matchRecur(
//  tree,
//  captures,
//  (tree) =>
//    tree.type == "array" &&
//    tree.childBlocks.every(
//      (child) =>
//        child.type == "array" &&
//        child.childBlocks.length == child.parent.childBlocks[0].length,
//    ),
//  (match) => {
//    ({
//      array: match,
//      columns: match.childBlocks.length,
//      rows: match.childBlocks[0].length,
//    });
//  },
//);