termcast 1.3.21 → 1.3.25

package/dist/examples/file-autocomplete.vitest.js

@@ -0,0 +1,223 @@
+import { test, expect, afterEach, beforeEach } from 'vitest';
+import { launchTerminal } from 'tuistory/src';
+let session;
+beforeEach(async () => {
+    session = await launchTerminal({
+        command: 'bun',
+        args: ['src/examples/simple-file-picker.tsx'],
+        cols: 70,
+        rows: 30,
+    });
+});
+afterEach(() => {
+    session?.close();
+});
+test('autocomplete shows on ./ input with proper background', async () => {
+    await session.text({
+        waitFor: (text) => text.includes('Select Files') && text.includes('Select Folder'),
+    });
+    await session.press('tab');
+    await session.press('tab');
+    await session.type('./');
+    const snapshot = await session.text({
+        waitFor: (text) => text.includes('📁'),
+    });
+    expect(snapshot).toMatchInlineSnapshot(`
+    "
+
+
+
+
+    ◇  Your Name
+    │  John Doe
+    │  ┌────────────────────────────────────────────────────────────┐
+    ◇  │ 📁 dist                                                    │
+    │  │ 📁 fixtures                                                │
+    │  │ 📁 node_modules                                            │
+    │  │ 📁 src                                                     │
+    │  │ ↑↓ navigate  ⏎ open folder  ⇥ select folder  esc close     │
+    ◆  └────────────────────────────────────────────────────────────┘
+    ┃  ./
+    ┃
+    ┃  Choose a folder for output
+    ┃
+    ◇  Select Single File
+    │  Enter file path...
+    │
+    │  Choose exactly one file
+    │
+    └
+
+
+
+
+     ctrl ↵ submit   ↑↓ navigate   ^k actions"
+  `);
+}, 10000);
+test('autocomplete dropdown covers background content', async () => {
+    await session.text({
+        waitFor: (text) => text.includes('Select Files'),
+    });
+    await session.press('tab');
+    await session.press('tab');
+    await session.type('src/');
+    const snapshot = await session.text({
+        waitFor: (text) => text.includes('📁 apis'),
+    });
+    expect(snapshot).toMatchInlineSnapshot(`
+    "
+
+
+       ┌────────────────────────────────────────────────────────────┐
+       │ 📁 apis                                                    │
+    ◇  │ 📁 components                                              │
+    │  │ 📁 examples                                                │
+    │  │ 📁 extensions                                              │
+    ◇  │ 📁 hooks                                                   │
+    │  │ 📁 internal                                                │
+    │  │ 📁 store-api                                               │
+    │  │ 📁 utils                                                   │
+    │  │ ↑↓ navigate  ⏎ open folder  ⇥ select folder  esc close     │
+    ◆  └────────────────────────────────────────────────────────────┘
+    ┃  src/
+    ┃
+    ┃  Choose a folder for output
+    ┃
+    ◇  Select Single File
+    │  Enter file path...
+    │
+    │  Choose exactly one file
+    │
+    └
+
+
+
+
+     ctrl ↵ submit   ↑↓ navigate   ^k actions"
+  `);
+}, 10000);
+test('autocomplete navigation with down/up keys', async () => {
+    await session.text({
+        waitFor: (text) => text.includes('Select Files'),
+    });
+    await session.press('tab');
+    await session.press('tab');
+    await session.type('src/');
+    await session.text({
+        waitFor: (text) => text.includes('📁 apis'),
+    });
+    await session.press('down');
+    await session.press('down');
+    const afterDown = await session.text({});
+    expect(afterDown).toMatchInlineSnapshot(`
+    "
+
+
+       ┌────────────────────────────────────────────────────────────┐
+       │ 📁 apis                                                    │
+    ◇  │ 📁 components                                              │
+    │  │ 📁 examples                                                │
+    │  │ 📁 extensions                                              │
+    ◇  │ 📁 hooks                                                   │
+    │  │ 📁 internal                                                │
+    │  │ 📁 store-api                                               │
+    │  │ 📁 utils                                                   │
+    │  │ ↑↓ navigate  ⏎ open folder  ⇥ select folder  esc close     │
+    ◆  └────────────────────────────────────────────────────────────┘
+    ┃  src/
+    ┃
+    ┃  Choose a folder for output
+    ┃
+    ◇  Select Single File
+    │  Enter file path...
+    │
+    │  Choose exactly one file
+    │
+    └
+
+
+
+
+     ctrl ↵ submit   ↑↓ navigate   ^k actions"
+  `);
+    await session.press('up');
+    const afterUp = await session.text({});
+    expect(afterUp).toMatchInlineSnapshot(`
+    "
+
+
+       ┌────────────────────────────────────────────────────────────┐
+       │ 📁 apis                                                    │
+    ◇  │ 📁 components                                              │
+    │  │ 📁 examples                                                │
+    │  │ 📁 extensions                                              │
+    ◇  │ 📁 hooks                                                   │
+    │  │ 📁 internal                                                │
+    │  │ 📁 store-api                                               │
+    │  │ 📁 utils                                                   │
+    │  │ ↑↓ navigate  ⏎ open folder  ⇥ select folder  esc close     │
+    ◆  └────────────────────────────────────────────────────────────┘
+    ┃  src/
+    ┃
+    ┃  Choose a folder for output
+    ┃
+    ◇  Select Single File
+    │  Enter file path...
+    │
+    │  Choose exactly one file
+    │
+    └
+
+
+
+
+     ctrl ↵ submit   ↑↓ navigate   ^k actions"
+  `);
+}, 10000);
+test('escape closes autocomplete', async () => {
+    await session.text({
+        waitFor: (text) => text.includes('Select Files'),
+    });
+    await session.press('tab');
+    await session.press('tab');
+    await session.type('./');
+    await session.text({
+        waitFor: (text) => text.includes('📁'),
+    });
+    await session.press('esc');
+    const afterEsc = await session.text({
+        waitFor: (text) => !text.includes('📁'),
+    });
+    expect(afterEsc).toMatchInlineSnapshot(`
+    "
+
+
+
+
+    ◇  Your Name
+    │  John Doe
+    │
+    ◇  Select Files
+    │  Enter file path...
+    │
+    │  Choose one or more files to upload
+    │
+    ◆  Select Folder
+    ┃  ./
+    ┃
+    ┃  Choose a folder for output
+    ┃
+    ◇  Select Single File
+    │  Enter file path...
+    │
+    │  Choose exactly one file
+    │
+    └
+
+
+
+
+     ctrl ↵ submit   ↑↓ navigate   ^k actions"
+  `);
+}, 10000);
+//# sourceMappingURL=file-autocomplete.vitest.js.map

package/dist/examples/file-autocomplete.vitest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-autocomplete.vitest.js","sourceRoot":"","sources":["../../src/examples/file-autocomplete.vitest.tsx"],"names":[],"mappings":"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"}

package/dist/examples/form-basic-arrow-keys.vitest.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=form-basic-arrow-keys.vitest.d.ts.map

package/dist/examples/form-basic-arrow-keys.vitest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-basic-arrow-keys.vitest.d.ts","sourceRoot":"","sources":["../../src/examples/form-basic-arrow-keys.vitest.tsx"],"names":[],"mappings":""}

package/dist/examples/form-basic-arrow-keys.vitest.js

@@ -0,0 +1,46 @@
+// node-pty does not work in bun, so we use vitest to run this test
+import { test, expect, afterEach, beforeEach } from 'vitest';
+import { NodeTuiDriver } from '@termcast/cli/src/e2e-node';
+let driver;
+beforeEach(() => {
+    driver = new NodeTuiDriver('bun', ['src/examples/form-basic.tsx'], {
+        cols: 70,
+        rows: 50,
+    });
+});
+afterEach(() => {
+    driver?.dispose();
+});
+test('form navigation with arrow keys and ctrl+k', async () => {
+    await driver.text({
+        waitFor: (text) => {
+            // wait for form to show up
+            return /Form Component Demo/i.test(text);
+        },
+    });
+    // Type in username field
+    await driver.keys.type('user1');
+    // Navigate down with arrow key instead of tab
+    await driver.keys.down();
+    await driver.keys.type('pass123');
+    const afterDownArrowSnapshot = await driver.text();
+    expect(afterDownArrowSnapshot).toMatchInlineSnapshot();
+    // Navigate up with arrow key
+    await driver.keys.up();
+    const afterUpArrowSnapshot = await driver.text();
+    expect(afterUpArrowSnapshot).toMatchInlineSnapshot();
+    // Test Ctrl+K to show actions
+    await driver.keys.ctrlK();
+    const actionsOpenSnapshot = await driver.text();
+    expect(actionsOpenSnapshot).toMatchInlineSnapshot();
+    // Select the submit action
+    await driver.keys.enter();
+    const afterSubmitWithCtrlKSnapshot = await driver.text({
+        waitFor: (text) => {
+            // wait for toast to show
+            return /Form Submitted/i.test(text);
+        },
+    });
+    expect(afterSubmitWithCtrlKSnapshot).toMatchInlineSnapshot();
+}, 10000);
+//# sourceMappingURL=form-basic-arrow-keys.vitest.js.map

package/dist/examples/form-basic-arrow-keys.vitest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-basic-arrow-keys.vitest.js","sourceRoot":"","sources":["../../src/examples/form-basic-arrow-keys.vitest.tsx"],"names":[],"mappings":"AAAA,mEAAmE;AACnE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAA;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAA;AAE1D,IAAI,MAAqB,CAAA;AAEzB,UAAU,CAAC,GAAG,EAAE;IACZ,MAAM,GAAG,IAAI,aAAa,CAAC,KAAK,EAAE,CAAC,6BAA6B,CAAC,EAAE;QAC/D,IAAI,EAAE,EAAE;QACR,IAAI,EAAE,EAAE;KACX,CAAC,CAAA;AACN,CAAC,CAAC,CAAA;AAEF,SAAS,CAAC,GAAG,EAAE;IACX,MAAM,EAAE,OAAO,EAAE,CAAA;AACrB,CAAC,CAAC,CAAA;AAEF,IAAI,CAAC,4CAA4C,EAAE,KAAK,IAAI,EAAE;IAC1D,MAAM,MAAM,CAAC,IAAI,CAAC;QACd,OAAO,EAAE,CAAC,IAAI,EAAE,EAAE;YACd,2BAA2B;YAC3B,OAAO,sBAAsB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;QAC5C,CAAC;KACJ,CAAC,CAAA;IAEF,yBAAyB;IACzB,MAAM,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;IAE/B,8CAA8C;IAC9C,MAAM,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,CAAA;IACxB,MAAM,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA;IAEjC,MAAM,sBAAsB,GAAG,MAAM,MAAM,CAAC,IAAI,EAAE,CAAA;IAClD,MAAM,CAAC,sBAAsB,CAAC,CAAC,qBAAqB,EAAE,CAAA;IAEtD,6BAA6B;IAC7B,MAAM,MAAM,CAAC,IAAI,CAAC,EAAE,EAAE,CAAA;IAEtB,MAAM,oBAAoB,GAAG,MAAM,MAAM,CAAC,IAAI,EAAE,CAAA;IAChD,MAAM,CAAC,oBAAoB,CAAC,CAAC,qBAAqB,EAAE,CAAA;IAEpD,8BAA8B;IAC9B,MAAM,MAAM,CAAC,IAAI,CAAC,KAAK,EAAE,CAAA;IAEzB,MAAM,mBAAmB,GAAG,MAAM,MAAM,CAAC,IAAI,EAAE,CAAA;IAC/C,MAAM,CAAC,mBAAmB,CAAC,CAAC,qBAAqB,EAAE,CAAA;IAEnD,2BAA2B;IAC3B,MAAM,MAAM,CAAC,IAAI,CAAC,KAAK,EAAE,CAAA;IAEzB,MAAM,4BAA4B,GAAG,MAAM,MAAM,CAAC,IAAI,CAAC;QACnD,OAAO,EAAE,CAAC,IAAI,EAAE,EAAE;YACd,yBAAyB;YACzB,OAAO,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;QACvC,CAAC;KACJ,CAAC,CAAA;IACF,MAAM,CAAC,4BAA4B,CAAC,CAAC,qBAAqB,EAAE,CAAA;AAChE,CAAC,EAAE,KAAK,CAAC,CAAA"}

package/dist/examples/form-basic.vitest.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=form-basic.vitest.d.ts.map

package/dist/examples/form-basic.vitest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-basic.vitest.d.ts","sourceRoot":"","sources":["../../src/examples/form-basic.vitest.tsx"],"names":[],"mappings":""}