{
	"type": "root",
	"children": [
		{
			"type": "svelteScript",
			"tagName": "script",
			"properties": [],
			"selfClosing": false,
			"children": [
				{
					"type": "text",
					"value": "\n\timport Eliza from 'elizabot';\n\timport { beforeUpdate, afterUpdate } from 'svelte';\n\n\tlet div;\n\tlet autoscroll;\n\n\tbeforeUpdate(() => {\n\t\tautoscroll = div && (div.offsetHeight + div.scrollTop) > (div.scrollHeight - 20);\n\t});\n\n\tafterUpdate(() => {\n\t\tif (autoscroll) div.scrollTo(0, div.scrollHeight);\n\t});\n\n\tconst eliza = new Eliza();\n\n\tlet comments = [\n\t\t{ author: 'eliza', text: eliza.getInitial() }\n\t];\n\n\tfunction handleKeydown(event) {\n\t\tif (event.key === 'Enter') {\n\t\t\tconst text = event.target.value;\n\t\t\tif (!text) return;\n\n\t\t\tcomments = comments.concat({\n\t\t\t\tauthor: 'user',\n\t\t\t\ttext\n\t\t\t});\n\n\t\t\tevent.target.value = '';\n\n\t\t\tconst reply = eliza.transform(text);\n\n\t\t\tsetTimeout(() => {\n\t\t\t\tcomments = comments.concat({\n\t\t\t\t\tauthor: 'eliza',\n\t\t\t\t\ttext: '...',\n\t\t\t\t\tplaceholder: true\n\t\t\t\t});\n\n\t\t\t\tsetTimeout(() => {\n\t\t\t\t\tcomments = comments.filter(comment => !comment.placeholder).concat({\n\t\t\t\t\t\tauthor: 'eliza',\n\t\t\t\t\t\ttext: reply\n\t\t\t\t\t});\n\t\t\t\t}, 500 + Math.random() * 500);\n\t\t\t}, 200 + Math.random() * 200);\n\t\t}\n\t}\n",
					"position": {
						"start": {
							"line": 1,
							"column": 9,
							"offset": 8
						},
						"end": {
							"line": 52,
							"column": 1,
							"offset": 1026
						}
					}
				}
			],
			"position": {
				"start": {
					"line": 1,
					"column": 1,
					"offset": 0
				},
				"end": {
					"line": 52,
					"column": 10,
					"offset": 1035
				}
			}
		},
		{
			"type": "text",
			"value": "\n\n",
			"position": {
				"start": {
					"line": 52,
					"column": 10,
					"offset": 1035
				},
				"end": {
					"line": 54,
					"column": 1,
					"offset": 1037
				}
			}
		},
		{
			"type": "svelteStyle",
			"tagName": "style",
			"properties": [],
			"selfClosing": false,
			"children": [
				{
					"type": "text",
					"value": "\n\t.chat {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\theight: 100%;\n\t\tmax-width: 320px;\n\t}\n\n\t.scrollable {\n\t\tflex: 1 1 auto;\n\t\tborder-top: 1px solid #eee;\n\t\tmargin: 0 0 0.5em 0;\n\t\toverflow-y: auto;\n\t}\n\n\tarticle {\n\t\tmargin: 0.5em 0;\n\t}\n\n\t.user {\n\t\ttext-align: right;\n\t}\n\n\tspan {\n\t\tpadding: 0.5em 1em;\n\t\tdisplay: inline-block;\n\t}\n\n\t.eliza span {\n\t\tbackground-color: #eee;\n\t\tborder-radius: 1em 1em 1em 0;\n\t}\n\n\t.user span {\n\t\tbackground-color: #0074D9;\n\t\tcolor: white;\n\t\tborder-radius: 1em 1em 0 1em;\n\t}\n",
					"position": {
						"start": {
							"line": 54,
							"column": 8,
							"offset": 1044
						},
						"end": {
							"line": 92,
							"column": 1,
							"offset": 1545
						}
					}
				}
			],
			"position": {
				"start": {
					"line": 54,
					"column": 1,
					"offset": 1037
				},
				"end": {
					"line": 92,
					"column": 9,
					"offset": 1553
				}
			}
		},
		{
			"type": "text",
			"value": "\n\n",
			"position": {
				"start": {
					"line": 92,
					"column": 9,
					"offset": 1553
				},
				"end": {
					"line": 94,
					"column": 1,
					"offset": 1555
				}
			}
		},
		{
			"type": "svelteElement",
			"tagName": "div",
			"properties": [
				{
					"type": "svelteProperty",
					"name": "class",
					"value": [
						{
							"type": "text",
							"value": "chat",
							"position": {
								"start": {
									"line": 94,
									"column": 13,
									"offset": 1567
								},
								"end": {
									"line": 94,
									"column": 18,
									"offset": 1572
								}
							}
						}
					],
					"modifiers": [],
					"shorthand": "none",
					"position": {
						"start": {
							"line": 94,
							"column": 6,
							"offset": 1560
						},
						"end": {
							"line": 94,
							"column": 18,
							"offset": 1572
						}
					}
				}
			],
			"selfClosing": false,
			"children": [
				{
					"type": "text",
					"value": "\n\t",
					"position": {
						"start": {
							"line": 94,
							"column": 19,
							"offset": 1573
						},
						"end": {
							"line": 95,
							"column": 2,
							"offset": 1575
						}
					}
				},
				{
					"type": "svelteElement",
					"tagName": "h1",
					"properties": [],
					"selfClosing": false,
					"children": [
						{
							"type": "text",
							"value": "Eliza",
							"position": {
								"start": {
									"line": 95,
									"column": 6,
									"offset": 1579
								},
								"end": {
									"line": 95,
									"column": 11,
									"offset": 1584
								}
							}
						}
					],
					"position": {
						"start": {
							"line": 95,
							"column": 2,
							"offset": 1575
						},
						"end": {
							"line": 95,
							"column": 16,
							"offset": 1589
						}
					}
				},
				{
					"type": "text",
					"value": "\n\n\t",
					"position": {
						"start": {
							"line": 95,
							"column": 16,
							"offset": 1589
						},
						"end": {
							"line": 97,
							"column": 2,
							"offset": 1592
						}
					}
				},
				{
					"type": "svelteElement",
					"tagName": "div",
					"properties": [
						{
							"type": "svelteProperty",
							"name": "class",
							"value": [
								{
									"type": "text",
									"value": "scrollable",
									"position": {
										"start": {
											"line": 97,
											"column": 14,
											"offset": 1604
										},
										"end": {
											"line": 97,
											"column": 25,
											"offset": 1615
										}
									}
								}
							],
							"modifiers": [],
							"shorthand": "none",
							"position": {
								"start": {
									"line": 97,
									"column": 7,
									"offset": 1597
								},
								"end": {
									"line": 97,
									"column": 25,
									"offset": 1615
								}
							}
						},
						{
							"type": "svelteDirective",
							"name": "bind",
							"value": [
								{
									"type": "svelteDynamicContent",
									"position": {
										"start": {
											"line": 97,
											"column": 36,
											"offset": 1626
										},
										"end": {
											"line": 97,
											"column": 41,
											"offset": 1631
										}
									},
									"expression": {
										"type": "svelteExpression",
										"value": "div",
										"position": {
											"start": {
												"line": 97,
												"column": 37,
												"offset": 1627
											},
											"end": {
												"line": 97,
												"column": 40,
												"offset": 1630
											}
										}
									}
								}
							],
							"modifiers": [],
							"shorthand": "none",
							"position": {
								"start": {
									"line": 97,
									"column": 26,
									"offset": 1616
								},
								"end": {
									"line": 97,
									"column": 41,
									"offset": 1631
								}
							},
							"specifier": "this"
						}
					],
					"selfClosing": false,
					"children": [
						{
							"type": "text",
							"value": "\n\t\t",
							"position": {
								"start": {
									"line": 97,
									"column": 42,
									"offset": 1632
								},
								"end": {
									"line": 98,
									"column": 3,
									"offset": 1635
								}
							}
						},
						{
							"type": "svelteBranchingBlock",
							"name": "each",
							"branches": [
								{
									"type": "svelteBranch",
									"name": "each",
									"expression": {
										"type": "svelteExpression",
										"value": "comments as comment",
										"position": {
											"start": {
												"line": 98,
												"column": 10,
												"offset": 1642
											},
											"end": {
												"line": 98,
												"column": 29,
												"offset": 1661
											}
										}
									},
									"children": [
										{
											"type": "text",
											"value": "\n\t\t\t",
											"position": {
												"start": {
													"line": 98,
													"column": 30,
													"offset": 1662
												},
												"end": {
													"line": 99,
													"column": 4,
													"offset": 1666
												}
											}
										},
										{
											"type": "svelteElement",
											"tagName": "article",
											"properties": [
												{
													"type": "svelteProperty",
													"name": "class",
													"value": [
														{
															"type": "svelteDynamicContent",
															"position": {
																"start": {
																	"line": 99,
																	"column": 19,
																	"offset": 1681
																},
																"end": {
																	"line": 99,
																	"column": 35,
																	"offset": 1697
																}
															},
															"expression": {
																"type": "svelteExpression",
																"value": "comment.author",
																"position": {
																	"start": {
																		"line": 99,
																		"column": 20,
																		"offset": 1682
																	},
																	"end": {
																		"line": 99,
																		"column": 34,
																		"offset": 1696
																	}
																}
															}
														}
													],
													"modifiers": [],
													"shorthand": "none",
													"position": {
														"start": {
															"line": 99,
															"column": 13,
															"offset": 1675
														},
														"end": {
															"line": 99,
															"column": 35,
															"offset": 1697
														}
													}
												}
											],
											"selfClosing": false,
											"children": [
												{
													"type": "text",
													"value": "\n\t\t\t\t",
													"position": {
														"start": {
															"line": 99,
															"column": 36,
															"offset": 1698
														},
														"end": {
															"line": 100,
															"column": 5,
															"offset": 1703
														}
													}
												},
												{
													"type": "svelteElement",
													"tagName": "span",
													"properties": [],
													"selfClosing": false,
													"children": [
														{
															"type": "svelteDynamicContent",
															"position": {
																"start": {
																	"line": 100,
																	"column": 11,
																	"offset": 1709
																},
																"end": {
																	"line": 100,
																	"column": 25,
																	"offset": 1723
																}
															},
															"expression": {
																"type": "svelteExpression",
																"value": "comment.text",
																"position": {
																	"start": {
																		"line": 100,
																		"column": 12,
																		"offset": 1710
																	},
																	"end": {
																		"line": 100,
																		"column": 24,
																		"offset": 1722
																	}
																}
															}
														}
													],
													"position": {
														"start": {
															"line": 100,
															"column": 5,
															"offset": 1703
														},
														"end": {
															"line": 100,
															"column": 32,
															"offset": 1730
														}
													}
												},
												{
													"type": "text",
													"value": "\n\t\t\t",
													"position": {
														"start": {
															"line": 100,
															"column": 32,
															"offset": 1730
														},
														"end": {
															"line": 101,
															"column": 4,
															"offset": 1734
														}
													}
												}
											],
											"position": {
												"start": {
													"line": 99,
													"column": 4,
													"offset": 1666
												},
												"end": {
													"line": 101,
													"column": 14,
													"offset": 1744
												}
											}
										},
										{
											"type": "text",
											"value": "\n\t\t",
											"position": {
												"start": {
													"line": 101,
													"column": 14,
													"offset": 1744
												},
												"end": {
													"line": 102,
													"column": 3,
													"offset": 1747
												}
											}
										}
									],
									"position": {
										"start": {
											"line": 98,
											"column": 3,
											"offset": 1635
										},
										"end": {
											"line": 102,
											"column": 3,
											"offset": 1747
										}
									}
								}
							],
							"position": {
								"start": {
									"line": 98,
									"column": 3,
									"offset": 1635
								},
								"end": {
									"line": 102,
									"column": 10,
									"offset": 1754
								}
							}
						},
						{
							"type": "text",
							"value": "\n\t",
							"position": {
								"start": {
									"line": 102,
									"column": 10,
									"offset": 1754
								},
								"end": {
									"line": 103,
									"column": 2,
									"offset": 1756
								}
							}
						}
					],
					"position": {
						"start": {
							"line": 97,
							"column": 2,
							"offset": 1592
						},
						"end": {
							"line": 103,
							"column": 8,
							"offset": 1762
						}
					}
				},
				{
					"type": "text",
					"value": "\n\n\t",
					"position": {
						"start": {
							"line": 103,
							"column": 8,
							"offset": 1762
						},
						"end": {
							"line": 105,
							"column": 2,
							"offset": 1765
						}
					}
				},
				{
					"type": "svelteElement",
					"tagName": "input",
					"properties": [
						{
							"type": "svelteDirective",
							"name": "on",
							"value": [
								{
									"type": "svelteDynamicContent",
									"position": {
										"start": {
											"line": 105,
											"column": 20,
											"offset": 1783
										},
										"end": {
											"line": 105,
											"column": 35,
											"offset": 1798
										}
									},
									"expression": {
										"type": "svelteExpression",
										"value": "handleKeydown",
										"position": {
											"start": {
												"line": 105,
												"column": 21,
												"offset": 1784
											},
											"end": {
												"line": 105,
												"column": 34,
												"offset": 1797
											}
										}
									}
								}
							],
							"modifiers": [],
							"shorthand": "none",
							"position": {
								"start": {
									"line": 105,
									"column": 9,
									"offset": 1772
								},
								"end": {
									"line": 105,
									"column": 35,
									"offset": 1798
								}
							},
							"specifier": "keydown"
						}
					],
					"selfClosing": true,
					"children": [],
					"position": {
						"start": {
							"line": 105,
							"column": 2,
							"offset": 1765
						},
						"end": {
							"line": 105,
							"column": 36,
							"offset": 1799
						}
					}
				},
				{
					"type": "text",
					"value": "\n",
					"position": {
						"start": {
							"line": 105,
							"column": 36,
							"offset": 1799
						},
						"end": {
							"line": 106,
							"column": 1,
							"offset": 1800
						}
					}
				}
			],
			"position": {
				"start": {
					"line": 94,
					"column": 1,
					"offset": 1555
				},
				"end": {
					"line": 106,
					"column": 7,
					"offset": 1806
				}
			}
		}
	],
	"position": {
		"start": {
			"column": 1,
			"line": 1,
			"offset": 0
		},
		"end": {
			"line": 106,
			"column": 7,
			"offset": 1806
		}
	}
}