@@ -162,53 +162,13 @@ To add a new command, edit `/public/commands.json`:
162162
163163## Technology Stack
164164
165- - ** Angular 20 ** - Latest version with standalone components
165+ - ** Angular 21 ** - Latest version with standalone components
166166- ** TypeScript** - Type-safe development
167167- ** Tailwind CSS** - Utility-first CSS framework
168168- ** Signals** - Reactive state management
169169- ** RxJS** - For HTTP requests
170170- ** localStorage** - Client-side history persistence
171171
172- ## Key Features Implementation
173-
174- ### Reactive Command Generation
175-
176- The command string updates automatically using Angular signals and computed values:
177-
178- ``` typescript
179- generatedCommand = computed (() => {
180- const cmd = this .command ();
181- const parts: string [] = [cmd .name ];
182- // Add flags and options...
183- return parts .join (' ' );
184- });
185- ```
186-
187- ### Local Storage History
188-
189- Commands are saved with timestamps and limited to 20 entries per command:
190-
191- ``` typescript
192- saveToHistory (commandId : string , commandString : string ): void {
193- const entry = { command: commandString , timestamp: Date .now () };
194- const history = [entry , ... this .getHistory (commandId )].slice (0 , 20 );
195- localStorage .setItem (` command-history-${commandId } ` , JSON .stringify (history ));
196- }
197- ```
198-
199- ### Parameter Types
200-
201- Three parameter types are supported:
202- - ** Text** : Free-form text input
203- - ** Number** : Numeric values only
204- - ** Enum** : Dropdown selection from predefined values
205-
206- ## Browser Support
207-
208- - Chrome/Edge (latest)
209- - Firefox (latest)
210- - Safari (latest)
211-
212172## License
213173
214174This project is open source and available under the MIT License.
0 commit comments