docs

Author: DM

examples/eval-box.ts

@@ -1,12 +1,18 @@
-import { filter, map, Subject } from 'rxjs';
+import { Subject, filter, map } from 'rxjs';
 import { rml, inputPipe, Value } from 'rimmel';
 
 export const EvalBox = (data: ICollection<ItemType, string>) => {
   const FromInputBox = inputPipe(map((e: Event) => (<HTMLElement>e.target)!.parentElement!.querySelector('input')!.value));
   const OnEnter = inputPipe(filter((e: KeyboardEvent) => e.key == 'Enter'));
 
   const stream = new Subject<string>().pipe(
-    map((x) => eval(`${x}`)),
+    map((x) => {
+      try {
+        return eval(`${x}`);
+      } catch(e) {
+        return `Error: ${e.message}`;
+      }
+    }),
     map((x) => `<pre class="eval-result">${JSON.stringify(x, null, 2)}</pre>`),
   );
 
@@ -23,4 +29,3 @@ export const EvalBox = (data: ICollection<ItemType, string>) => {
   `;
 }
 
-

examples/kitchen-sink.ts

@@ -18,7 +18,7 @@ interface ItemType {
 const App = () => {
   const Item = (title: string): ItemType => ({
   	title,
-	rnd: Math.round(Math.random() *1000),
+	rnd: Math.round(Math.random() *899 +100),
 	get [Symbol.toStringTag]() { return `"${this.title}"` },
   });
   const initialValues = [...Array(10)].map((x, i)=>`Item ${i}`);