update version

Author: natemoo-re

.changeset/four-bobcats-turn.md

@@ -0,0 +1,3 @@
+{
+  "extends": "../../tsconfig.json"
+}

.changeset/gorgeous-peaches-give.md

@@ -1,5 +1,14 @@
 # @clack/core
 
+## 0.1.2
+
+### Patch Changes
+
+- Allow isCancel to type guard any unknown value
+- 7dcad8f: Allow placeholder to be passed to TextPrompt
+- 2242f13: Fix multiselect returning undefined
+- b1341d6: Improved placeholder handling
+
 ## 0.1.1
 
 ### Patch Changes

.changeset/tender-dingos-guess.md

@@ -1,6 +1,6 @@
 {
   "name": "@clack/core",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "type": "module",
   "main": "./dist/index.cjs",
   "module": "./dist/index.mjs",

.changeset/tidy-kids-teach.md

@@ -21,7 +21,7 @@ function diffLines(a: string, b: string) {
 }
 
 const cancel = Symbol('clack:cancel');
-export function isCancel(value: string|symbol): value is symbol {
+export function isCancel(value: unknown): value is symbol {
   return value === cancel;
 }
 

examples/basic/tsconfig.json

@@ -0,0 +1,3 @@
+{
+  "extends": "../../tsconfig.json"
+}

packages/core/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @clack/prompts
 
+## 0.2.0
+
+### Minor Changes
+
+- Improved type safety
+- b1341d6: Updated styles, new note component
+
+### Patch Changes
+
+- Updated dependencies [7dcad8f]
+- Updated dependencies [2242f13]
+- Updated dependencies [b1341d6]
+  - @clack/core@0.1.2
+
 ## 0.1.1
 
 ### Patch Changes

packages/core/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@clack/prompts",
-  "version": "0.1.1",
+  "version": "0.2.0",
   "type": "module",
   "main": "./dist/index.cjs",
   "module": "./dist/index.mjs",
@@ -52,7 +52,7 @@
     "prepack": "unbuild"
   },
   "dependencies": {
-    "@clack/core": "workspace:^0.1.1",
+    "@clack/core": "workspace:^0.1.3",
     "ansi-regex": "^6.0.1",
     "picocolors": "^1.0.0",
     "sisteransi": "^1.0.5"

packages/core/src/prompts/prompt.ts

@@ -60,7 +60,7 @@ export const text = (opts: TextOptions) => {
           )}\n`;
       }
     },
-  }).prompt();
+  }).prompt() as Promise<string | symbol>;
 };
 
 export interface ConfirmOptions {
@@ -102,21 +102,21 @@ export const confirm = (opts: ConfirmOptions) => {
         }
       }
     },
-  }).prompt();
+  }).prompt() as Promise<boolean | symbol>;
 };
 
-interface Option {
-  value: any;
+interface Option<Value extends Readonly<string>> {
+  value: Value;
   label?: string;
   hint?: string;
 }
-export interface SelectOptions<Options extends Option[]> {
+export interface SelectOptions<Options extends Option<Value>[], Value extends Readonly<string>> {
   message: string;
   options: Options;
   initialValue?: Options[number]["value"];
 }
-export const select = <Options extends Option[]>(
-  opts: SelectOptions<Options>
+export const select = <Options extends Option<Value>[], Value extends Readonly<string>>(
+  opts: SelectOptions<Options, Value>
 ) => {
   const opt = (
     option: Options[number],
@@ -163,10 +163,10 @@ export const select = <Options extends Option[]>(
         }
       }
     },
-  }).prompt();
+  }).prompt() as Promise<Options[number]['value'] | symbol>;
 };
 
-export const multiselect = <Options extends Option[]>(opts: SelectOptions<Options>) => {
+export const multiselect = <Options extends Option<Value>[], Value extends Readonly<string>>(opts: SelectOptions<Options, Value>) => {
     const opt = (option: Options[number], state: 'inactive' | 'active' | 'selected' | 'active-selected' | 'submitted' | 'cancelled') => {
         const label =  option.label ?? option.value;
         if (state === 'active') {
@@ -191,18 +191,18 @@ export const multiselect = <Options extends Option[]>(opts: SelectOptions<Option
 
             switch (this.state) {
                 case 'submit': {
-                    const selectedOptions = this.options.filter(option => this.selectedValues.some(selectedValue => selectedValue === option.value));
+                    const selectedOptions = this.options.filter(option => this.selectedValues.some(selectedValue => selectedValue === option.value as any));
                     return `${title}${color.gray(bar)}  ${selectedOptions.map((option, i) => opt(option, 'submitted')).join(color.dim(", "))}`;
                 };
                 case 'cancel': {
-                    const selectedOptions = this.options.filter(option => this.selectedValues.some(selectedValue => selectedValue === option.value));
+                    const selectedOptions = this.options.filter(option => this.selectedValues.some(selectedValue => selectedValue === option.value as any));
                     const label = selectedOptions.map((option, i) => opt(option, 'cancelled')).join(color.dim(", "));
                     return `${title}${color.gray(bar)}  ${label.trim() ? `${label}\n${color.gray(bar)}` : ''}`
                 };
                 case 'error': {
                     const footer = this.error.split('\n').map((ln, i) => i === 0 ? `${color.yellow(barEnd)}  ${color.yellow(ln)}` : `   ${ln}`).join('\n');
                     return `${title}${color.yellow(bar)}  ${this.options.map((option, i) => {
-                        const isOptionSelected = this.selectedValues.includes(option.value); 
+                        const isOptionSelected = this.selectedValues.includes(option.value as any); 
                         const isOptionHovered = i === this.cursor;
                         if(isOptionHovered && isOptionSelected)  {
                             return opt(option, 'active-selected');
@@ -215,7 +215,7 @@ export const multiselect = <Options extends Option[]>(opts: SelectOptions<Option
                 }
                 default: {
                     return `${title}${color.cyan(bar)}  ${this.options.map((option, i) => {
-                        const isOptionSelected = this.selectedValues.includes(option.value); 
+                        const isOptionSelected = this.selectedValues.includes(option.value as any); 
                         const isOptionHovered = i === this.cursor;
                         if(isOptionHovered && isOptionSelected)  {
                             return opt(option, 'active-selected');
@@ -228,7 +228,7 @@ export const multiselect = <Options extends Option[]>(opts: SelectOptions<Option
                 }
             }
         }
-    }).prompt();
+    }).prompt() as Promise<Options[number]['value'][] | symbol>;
 }
 
 const strip = (str: string) => str.replace(ansiRegex(), '')

packages/core/tsconfig.json

@@ -0,0 +1,3 @@
+{
+  "extends": "../../tsconfig.json"
+}