Add example notebooks demonstrating various features and components

Author: koxudaxi

Makefile

@@ -50,3 +50,7 @@ clean-playground:
 .PHONY: check-jq
 check-jq:
 	which jq || (echo "jq is not installed. Please install jq to continue." && exit 1)
+
+convert-tdom-examples-to-ipynb:
+	python tools/convert_py_to_ipynb.py
+	@echo "Converted tdom examples to ipynb format."

content/boolean_attribute_value.ipynb

@@ -3,7 +3,7 @@
   {
    "cell_type": "code",
    "execution_count": null,
-   "id": "78386fd9",
+   "id": "5b7d23a9",
    "metadata": {},
    "outputs": [],
    "source": [
@@ -13,7 +13,7 @@
   {
    "cell_type": "code",
    "execution_count": null,
-   "id": "7b60e4e8",
+   "id": "4e709496",
    "metadata": {},
    "outputs": [],
    "source": [
@@ -23,7 +23,7 @@
   {
    "cell_type": "code",
    "execution_count": null,
-   "id": "b3728f43",
+   "id": "c219302b",
    "metadata": {},
    "outputs": [],
    "source": [

content/call_function.ipynb

@@ -3,7 +3,7 @@
   {
    "cell_type": "code",
    "execution_count": null,
-   "id": "ede26606",
+   "id": "fc98fedd",
    "metadata": {},
    "outputs": [],
    "source": [
@@ -13,7 +13,7 @@
   {
    "cell_type": "code",
    "execution_count": null,
-   "id": "a224215b",
+   "id": "c0ad37f0",
    "metadata": {},
    "outputs": [],
    "source": [
@@ -23,7 +23,7 @@
   {
    "cell_type": "code",
    "execution_count": null,
-   "id": "f8b38b77",
+   "id": "32f68a0d",
    "metadata": {},
    "outputs": [],
    "source": [
@@ -35,7 +35,7 @@
   {
    "cell_type": "code",
    "execution_count": null,
-   "id": "f126136b",
+   "id": "ace28039",
    "metadata": {},
    "outputs": [],
    "source": [

content/child_nodes.ipynb

@@ -3,7 +3,7 @@
   {
    "cell_type": "code",
    "execution_count": null,
-   "id": "e4c383f8",
+   "id": "467bc5fe",
    "metadata": {},
    "outputs": [],
    "source": [
@@ -14,7 +14,7 @@
   {
    "cell_type": "code",
    "execution_count": null,
-   "id": "bca431b4",
+   "id": "7b4ea151",
    "metadata": {},
    "outputs": [],
    "source": [

content/children_props.ipynb

@@ -3,7 +3,7 @@
   {
    "cell_type": "code",
    "execution_count": null,
-   "id": "d1e77228",
+   "id": "f6a06f24",
    "metadata": {},
    "outputs": [],
    "source": [
@@ -13,7 +13,7 @@
   {
    "cell_type": "code",
    "execution_count": null,
-   "id": "3e932029",
+   "id": "40c22133",
    "metadata": {},
    "outputs": [],
    "source": [
@@ -23,7 +23,7 @@
   {
    "cell_type": "code",
    "execution_count": null,
-   "id": "03995e23",
+   "id": "637d8b0e",
    "metadata": {},
    "outputs": [],
    "source": [
@@ -35,7 +35,7 @@
   {
    "cell_type": "code",
    "execution_count": null,
-   "id": "4031274e",
+   "id": "f53c087f",
    "metadata": {},
    "outputs": [],
    "source": [

content/components.ipynb

@@ -3,7 +3,7 @@
   {
    "cell_type": "code",
    "execution_count": null,
-   "id": "da2d9bd4",
+   "id": "9304aabd",
    "metadata": {},
    "outputs": [],
    "source": [

content/conditional_default.ipynb

@@ -3,7 +3,7 @@
   {
    "cell_type": "code",
    "execution_count": null,
-   "id": "2a29b180",
+   "id": "5ce4cf10",
    "metadata": {},
    "outputs": [],
    "source": [
@@ -13,7 +13,7 @@
   {
    "cell_type": "code",
    "execution_count": null,
-   "id": "c7c9417b",
+   "id": "d5b8f87c",
    "metadata": {},
    "outputs": [],
    "source": [
@@ -23,7 +23,7 @@
   {
    "cell_type": "code",
    "execution_count": null,
-   "id": "ba9ebe17",
+   "id": "f24050d3",
    "metadata": {},
    "outputs": [],
    "source": [
@@ -35,7 +35,7 @@
   {
    "cell_type": "code",
    "execution_count": null,
-   "id": "85be2cb4",
+   "id": "a0d305b4",
    "metadata": {},
    "outputs": [],
    "source": [
@@ -47,7 +47,7 @@
   {
    "cell_type": "code",
    "execution_count": null,
-   "id": "68bfd973",
+   "id": "0c146bbd",
    "metadata": {},
    "outputs": [],
    "source": [
@@ -59,7 +59,7 @@
   {
    "cell_type": "code",
    "execution_count": null,
-   "id": "b8c4107b",
+   "id": "b189a92f",
    "metadata": {},
    "outputs": [],
    "source": [

content/conditionals.ipynb

@@ -3,7 +3,7 @@
   {
    "cell_type": "code",
    "execution_count": null,
-   "id": "43c3744b",
+   "id": "5a3719e8",
    "metadata": {},
    "outputs": [],
    "source": [

content/dataclass_component.ipynb

@@ -3,7 +3,7 @@
   {
    "cell_type": "code",
    "execution_count": null,
-   "id": "68b4cddd",
+   "id": "71119db6",
    "metadata": {},
    "outputs": [],
    "source": [
@@ -13,7 +13,7 @@
   {
    "cell_type": "code",
    "execution_count": null,
-   "id": "f4762c1e",
+   "id": "382210dc",
    "metadata": {},
    "outputs": [],
    "source": [
@@ -23,7 +23,7 @@
   {
    "cell_type": "code",
    "execution_count": null,
-   "id": "fde718cd",
+   "id": "28ee3d40",
    "metadata": {},
    "outputs": [],
    "source": [
@@ -33,7 +33,7 @@
   {
    "cell_type": "code",
    "execution_count": null,
-   "id": "730374e5",
+   "id": "6c6933f0",
    "metadata": {},
    "outputs": [],
    "source": [
@@ -51,7 +51,7 @@
   {
    "cell_type": "code",
    "execution_count": null,
-   "id": "4cec350f",
+   "id": "f654950b",
    "metadata": {},
    "outputs": [],
    "source": [

content/default_component.ipynb

@@ -3,7 +3,7 @@
   {
    "cell_type": "code",
    "execution_count": null,
-   "id": "7c5e2edb",
+   "id": "56d2b568",
    "metadata": {},
    "outputs": [],
    "source": [
@@ -13,7 +13,7 @@
   {
    "cell_type": "code",
    "execution_count": null,
-   "id": "223b51e3",
+   "id": "192a7356",
    "metadata": {},
    "outputs": [],
    "source": [
@@ -23,7 +23,7 @@
   {
    "cell_type": "code",
    "execution_count": null,
-   "id": "e3239957",
+   "id": "a98f8299",
    "metadata": {},
    "outputs": [],
    "source": [
@@ -35,7 +35,7 @@
   {
    "cell_type": "code",
    "execution_count": null,
-   "id": "2d77d499",
+   "id": "29f36c13",
    "metadata": {},
    "outputs": [],
    "source": [
@@ -47,7 +47,7 @@
   {
    "cell_type": "code",
    "execution_count": null,
-   "id": "411e783d",
+   "id": "161562db",
    "metadata": {},
    "outputs": [],
    "source": [
@@ -59,7 +59,7 @@
   {
    "cell_type": "code",
    "execution_count": null,
-   "id": "11b5cb8b",
+   "id": "8e71f8d2",
    "metadata": {},
    "outputs": [],
    "source": [