Publish todo app (#16)

* CompletedTodo

* Intersection types

* Implement completeAll()

* Summary and section headers

* Add example to slide 14

* Done with section 2

* Start separator

* Finish slide 20

* Addition to slide 20

* Update showMarkAllAsCompleted

* Start slide 21

* Finish slide 21

* Start slide 22

* Continue with todo

* Optional properties

* Remove completeAll() rewrite

* SImplify

* Remove optional properties from section 1

* Start location labels

* Completely remove separator

* Location labels

* Done with slide 21

* Start slide 22

* Done with slide 21

* Continue with slide 22-23

* Remove react

* Comment

* Clarify slide 22

* Start slide 23

* Compile failure

* Finish slide 23

* Update slide 23

* Simplify

* Finish slide 24

* Update intro

* Wordsmith

* Simplify

* Wordsmith

* Wordsmith slide 1

* Wordsmith slide 3

* Start rewriting slide 4

* Update about me

* Wordsmith slide 4

* Finish slide 5

* Wordsmith slide 6

* Finish slide 7

* Wordsmith slide 8

* Wordsmith slide 10

* Wordsmith 12

* Slide 13 wordsmith

* Wordsmith 14

* Up to slide 16

* Wordsmith slide 17

* Wordsmith slide 19

* Wordsmith slide 21

* Done with wordsmith

* Add to articleKeys

Author: chibicode

.prettierrc

@@ -7,6 +7,12 @@
       "options": {
         "printWidth": 48
       }
+    },
+    {
+      "files": ["snippets/snippets/**/longerWidth/*.ts"],
+      "options": {
+        "printWidth": 53
+      }
     }
   ]
 }

snippets/bin/generateSnippetsBundle.ts

@@ -9,6 +9,7 @@ const regenerate = () => {
         const contents = fs.readFileSync(file, 'utf8')
         return `export const ${file
           .replace(/\.\/snippets\/snippets\/\w+\//, '')
+          .replace(/longerWidth\//, '')
           .replace(/\.ts/, '')} = \`${contents
           .trim()
           .replace(/^;/m, '')

snippets/snippets/todo/bpmz.ts

@@ -0,0 +1,5 @@
+type CompletedTodo = Readonly<{
+  id: number
+  text: string
+  done: true
+}>

snippets/snippets/todo/csum.ts

@@ -1,4 +1,4 @@
-// todo must match the Todo type
+// Parameter "todo" must match the Todo type
 function toggleTodo(todo: Todo) {
   // ...
 }

snippets/snippets/todo/dxfc.ts

@@ -1,5 +1,5 @@
 // Associated data. If we're using React, this
-// would be the todo component’s props or state
+// would be the component’s props or state
 ;[
   { id: 1, text: 'First todo', done: false },
   { id: 2, text: 'Second todo', done: false }

snippets/snippets/todo/eega.ts

@@ -0,0 +1,5 @@
+else {
+  // place = 'work' or { custom: string }, and
+  // place.custom is invalid if place = 'work'
+  return 'pinEmoji ' + place.custom
+}

snippets/snippets/todo/frtm.ts

@@ -5,7 +5,7 @@ type Todo = {
 }
 
 // Make sure that the input and the output
-// is of the correct type
+// are of the correct type (both must be Todo)
 function toggleTodo(todo: Todo): Todo {
   // ...
 }

snippets/snippets/todo/hquv.ts

@@ -0,0 +1,8 @@
+;[
+  // ...
+  // ...
+  // ...
+  // ...
+  // No place property
+  { id: 5, text: 'Read a book', done: false }
+]

snippets/snippets/todo/hszk.ts

@@ -0,0 +1,8 @@
+function completeAll(
+  todos: readonly Todo[]
+): CompletedTodo[] {
+  return todos.map(todo => ({
+    ...todo,
+    done: true
+  }))
+}