Generate Examples -- Continued

data/example-files/bringAirAndBatAndCapToAfterItemEach.yml

@@ -0,0 +1,84 @@
+languageId: typescript
+command:
+  version: 6
+  spokenForm: bring air and bat and cap after item each
+  action:
+    name: replaceWithTarget
+    source:
+      type: list
+      elements:
+        - type: primitive
+          mark: {type: decoratedSymbol, symbolColor: default, character: a}
+        - type: primitive
+          mark: {type: decoratedSymbol, symbolColor: default, character: b}
+        - type: primitive
+          mark: {type: decoratedSymbol, symbolColor: default, character: c}
+    destination:
+      type: primitive
+      insertionMode: after
+      target:
+        type: primitive
+        modifiers:
+          - type: containingScope
+            scopeType: {type: collectionItem}
+        mark: {type: decoratedSymbol, symbolColor: default, character: e}
+  usePrePhraseSnapshot: false
+initialState:
+  documentContents: |
+    a
+    b
+    c
+
+    const values = [e]
+  selections:
+    - anchor: {line: 5, character: 0}
+      active: {line: 5, character: 0}
+  marks:
+    default.a:
+      start: {line: 0, character: 0}
+      end: {line: 0, character: 1}
+    default.b:
+      start: {line: 1, character: 0}
+      end: {line: 1, character: 1}
+    default.c:
+      start: {line: 2, character: 0}
+      end: {line: 2, character: 1}
+    default.e:
+      start: {line: 4, character: 16}
+      end: {line: 4, character: 17}
+finalState:
+  documentContents: |
+    a
+    b
+    c
+
+    const values = [e, a, b, c]
+  selections:
+    - anchor: {line: 5, character: 0}
+      active: {line: 5, character: 0}
+  thatMark:
+    - type: UntypedTarget
+      contentRange:
+        start: {line: 4, character: 19}
+        end: {line: 4, character: 26}
+      isReversed: false
+      hasExplicitRange: true
+  sourceMark:
+    - type: UntypedTarget
+      contentRange:
+        start: {line: 0, character: 0}
+        end: {line: 0, character: 1}
+      isReversed: false
+      hasExplicitRange: true
+    - type: UntypedTarget
+      contentRange:
+        start: {line: 1, character: 0}
+        end: {line: 1, character: 1}
+      isReversed: false
+      hasExplicitRange: true
+    - type: UntypedTarget
+      contentRange:
+        start: {line: 2, character: 0}
+        end: {line: 2, character: 1}
+      isReversed: false
+      hasExplicitRange: true

data/example-files/bringAirToEndOfAir.yml

@@ -0,0 +1,46 @@
+languageId: plaintext
+command:
+  version: 6
+  spokenForm: bring air to end of air
+  action:
+    name: replaceWithTarget
+    source:
+      type: primitive
+      mark: {type: decoratedSymbol, symbolColor: default, character: a}
+    destination:
+      type: primitive
+      insertionMode: to
+      target:
+        type: primitive
+        modifiers:
+          - {type: endOf}
+        mark: {type: decoratedSymbol, symbolColor: default, character: a}
+  usePrePhraseSnapshot: true
+initialState:
+  documentContents: a
+  selections:
+    - anchor: {line: 0, character: 1}
+      active: {line: 0, character: 1}
+  marks:
+    default.a:
+      start: {line: 0, character: 0}
+      end: {line: 0, character: 1}
+finalState:
+  documentContents: aa
+  selections:
+    - anchor: {line: 0, character: 2}
+      active: {line: 0, character: 2}
+  thatMark:
+    - type: UntypedTarget
+      contentRange:
+        start: {line: 0, character: 1}
+        end: {line: 0, character: 2}
+      isReversed: false
+      hasExplicitRange: true
+  sourceMark:
+    - type: UntypedTarget
+      contentRange:
+        start: {line: 0, character: 0}
+        end: {line: 0, character: 1}
+      isReversed: false
+      hasExplicitRange: true

packages/cursorless-engine/src/index.ts

@@ -16,3 +16,4 @@ export * from "./testUtil/plainObjectToTarget";
 export * from "./util/getPartialTargetDescriptors";
 export * from "./util/getPrimitiveTargets";
 export * from "./util/grammarHelpers";
+export * from "./scripts/transformRecordedTests/transformations/upgrade";

packages/cursorless-org-docs/docusaurus.config.mts

@@ -146,6 +146,9 @@ const config: Config = {
       },
     ],
   ],
+  plugins: [
+    "./src/plugins/tailwind-config.js",
+  ],
 
   themeConfig: {
     navbar: {

packages/cursorless-org-docs/package.json

@@ -41,6 +41,7 @@
   "dependencies": {
     "@algolia/client-search": "5.25.0",
     "@cursorless/common": "workspace:*",
+    "@cursorless/test-case-component": "workspace:*",
     "@docsearch/react": "3.9.0",
     "@docusaurus/core": "3.8.0",
     "@docusaurus/preset-classic": "3.8.0",
@@ -61,6 +62,9 @@
     "@tsconfig/docusaurus": "2.0.3",
     "@types/mdast": "4.0.4",
     "@types/react": "19.1.6",
+    "@tailwindcss/postcss": "4.1.8",
+    "postcss": "8.4.47",
+    "tailwindcss": "3.4.14",
     "typescript": "5.8.3",
     "unified": "11.0.5"
   }

packages/cursorless-org-docs/postcss.config.cjs

@@ -0,0 +1,6 @@
+module.exports = {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+};

packages/cursorless-org-docs/src/css/custom.css

@@ -1,3 +1,9 @@
+@tailwind components;
+@tailwind base;
+@tailwind utilities;
+
+@import "./shiki.css";
+@import "./shiki-component-styles.css";
 /* From https://github.com/facebook/docusaurus/blob/cc0bceab9c1678303f6237f5526753edc1b12fc3/website/src/css/custom.css#L70-L86 */
 .header-github-link:hover {
   opacity: 0.6;

packages/cursorless-org-docs/src/css/shiki-component-styles.css

@@ -0,0 +1 @@
+../../../test-case-component/src/styles.css

packages/cursorless-org-docs/src/css/shiki.css

@@ -0,0 +1 @@
+../../../test-case-component/src/shiki.css

packages/cursorless-org-docs/src/docs/user/languages/components/DisplayComponent.tsx

@@ -0,0 +1,14 @@
+import React from "react";
+import { ShikiComponentList } from "@cursorless/test-case-component";
+
+interface Props {
+  languageId: string;
+}
+
+export function DisplayComponent({ languageId }: Props) {
+  return (
+    <>
+      <ShikiComponentList language={languageId} />
+    </>
+  );
+}

packages/cursorless-org-docs/src/docs/user/languages/typescript.mdx

@@ -1,5 +1,7 @@
 import { Language } from "./components/Language";
+import { DisplayComponent } from "./components/DisplayComponent";
 
 # Typescript
 
 <Language languageId="typescript"></Language>
+<DisplayComponent languageId="typescript"></DisplayComponent>

packages/cursorless-org-docs/src/plugins/tailwind-config.js

@@ -0,0 +1,9 @@
+module.exports = function tailwindPlugin(context, options) {
+  return {
+    name: "tailwind-plugin",
+    configurePostCss(postcssOptions) {
+      postcssOptions.plugins.push(require("tailwindcss"));
+      return postcssOptions;
+    },
+  };
+};

packages/cursorless-org-docs/tailwind.config.js

@@ -0,0 +1,14 @@
+import { fontFamily as _fontFamily } from "tailwindcss/defaultTheme";
+
+/** @type {import('tailwindcss').Config} */
+// packages/test-case-component/src/components/ add dir
+// just add this damn dir to the content array, this FILE is at packages/cursorless-org-docs/tailwind.config.js
+export const content = [
+  "./src/**/*.{js,ts,jsx,tsx}",
+  "../test-case-component/src/components/**/*.{js,ts,jsx,tsx}",
+];
+
+export const corePlugins = {
+  preflight: false,
+};
+export const plugins = [];

packages/cursorless-org/package.json

@@ -29,7 +29,10 @@
     "clean": "rm -rf ./out tsconfig.tsbuildinfo ./dist ./build"
   },
   "dependencies": {
+    "@cursorless/common": "workspace:*",
     "@cursorless/cheatsheet": "workspace:*",
+    "@cursorless/cursorless-engine": "workspace:*",
+    "@cursorless/test-case-component": "workspace:*",
     "@mdx-js/loader": "3.1.0",
     "@mdx-js/react": "3.1.0",
     "@next/mdx": "15.3.3",
@@ -40,6 +43,7 @@
   },
   "devDependencies": {
     "@svgr/webpack": "8.1.0",
+    "@types/js-yaml": "^4.0.9",
     "@types/mdx": "2.0.13",
     "@types/node": "20.17.50",
     "@types/react": "19.1.6",

packages/cursorless-org/src/pages/allowList.tsx

@@ -0,0 +1,88 @@
+export const testSelectedFiles = [
+  "bringAirAndBatAndCapToAfterItemEach.yml",
+  "bringAirToEndOfAir.yml", // Shiki intersect error
+  "bringArgMadeAfterLook.yml",
+  "carveLineHarp.yml",
+  "chuckBlockAir.yml",
+  "chuckBlockAirUntilBatt.yml",
+  "chuckBlockAirUntilBatt.yml",
+  "chuckBlockBatt.yml",
+  "chuckBlockBatt2.yml", // Shiki intersect error
+  "chuckBlockBattUntilAir.yml",
+  "chuckFine.yml",
+  "chuckLineFine.yml",
+  "chuckLineFineBetweenRisk.yml",
+  "clearBlockFine.yml",
+  "clearFine.yml",
+  "clearLineFine.yml",
+  "cutFine.yml",
+  "puffVest.yml",
+
+  "bringAirAfterAir.yml",
+  "bringAirBeforeAir.yml",
+  "bringAirToEndOfAir.yml",
+  "bringAirToStartOfAir.yml",
+  "bringFineAfterLineVest.yml",
+  "callFineOnBatt.yml",
+  "cloneHarp2.yml",
+  "cloneUpHarp2.yml",
+  "customHarp.yml",
+  "drinkLine.yml",
+  "giveBat2.yml",
+  "giveDot.yml",
+  "giveDot2.yml",
+  "giveEndOfDot.yml",
+  "giveStartOfDot.yml",
+  "joinAir.yml",
+  "joinAir2.yml",
+  "joinAir3.yml",
+  "joinAir4.yml",
+  "joinBatPastEach.yml",
+  "joinTokenBattPastEach.yml",
+  "pasteAfterLineSpunAndAfterBlockLookAndBeforeLineSpun.yml",
+  "pasteAfterLineTrapAndAfterBlockTrap.yml",
+  "placeHelloAfterAir.yml",
+  "placeHelloToFine.yml",
+  "pourLine.yml",
+  "scoutAir.yml",
+  "scoutAllAir.yml",
+  "sortEveryItem.yml",
+  "sortEveryItem2.yml",
+  "_bringLineHarpAndWhale.yml",
+  "cloneArgue.yml",
+  "cloneHarp.yml",
+  "cloneToken.yml",
+  "cloneToken2.yml",
+  "cloneUpHarp.yml",
+  "pasteAfterArgueBat.yml",
+  "chuckBlockBatt2.yml",
+  "appendPostWhale.yml",
+  "appendPreWhale.yml",
+  "bringAirAndBatAndCap.yml",
+  "bringArgueFineAndZip.yml",
+  "bringVest.yml",
+  "cloneArgue2.yml",
+  "cloneToken3.yml",
+  "cloneToken4.yml",
+  "cloneUpArgue2.yml",
+  "cloneUpToken3.yml",
+  "cloneUpToken4.yml",
+  "dedentLine.yml",
+  "flashToken.yml",
+  "indentLine.yml",
+  "joinBlock.yml",
+  "joinFile.yml",
+  "joinLineThis.yml",
+  "joinThreeTokens.yml",
+  "joinTwoLines.yml",
+  "moveEveryArgMade.yml",
+  "moveVest.yml",
+  "parseTreeFile.yml",
+  "postVest.yml",
+  "preeVest.yml",
+  "roundWrapVest.yml",
+  "swapWithVest.yml",
+  "voidWrapAir.yml",
+  "dropToken.yml",
+  "floatToken.yml",
+];