Initial setup of Writer Framework

hub/README.md

@@ -0,0 +1,3 @@
+This app was created using Writer Framework.
+
+To learn more about it, visit https://dev.writer.com/framework

hub/main.py

@@ -0,0 +1,40 @@
+import writer as wf
+
+# This is a placeholder to get you started or refresh your memory.
+# Delete it or adapt it as necessary.
+# Documentation is available at https://dev.writer.com/framework
+
+# Shows in the log when the app starts
+print("Hello world!")
+
+# Its name starts with _, so this function won't be exposed
+def _update_message(state):
+    is_even = state["counter"] % 2 == 0
+    message = ("+Even" if is_even else "-Odd")
+    state["message"] = message
+
+def decrement(state):
+    state["counter"] -= 1
+    _update_message(state)
+
+def increment(state):
+    state["counter"] += 1
+    # Shows in the log when the event handler is run
+    print("The counter has been incremented.")
+    _update_message(state)
+    
+# Initialise the state
+
+# "_my_private_element" won't be serialised or sent to the frontend,
+# because it starts with an underscore
+
+initial_state = wf.init_state({
+    "my_app": {
+        "title": "MY APP"
+    },
+    "_my_private_element": 1337,
+    "message": None,
+    "counter": 26,
+})
+
+_update_message(initial_state)

hub/pyproject.toml

@@ -0,0 +1,15 @@
+[tool.poetry]
+name = "writer-framework-default"
+version = "0.1.0"
+description = ""
+authors = ["Your Name <[email protected]>"]
+readme = "README.md"
+
+[tool.poetry.dependencies]
+python = "^3.10.0"
+writer = {version = "^0.6.0"}
+
+
+[build-system]
+requires = ["poetry-core"]
+build-backend = "poetry.core.masonry.api"

hub/static/README.md

@@ -0,0 +1,8 @@
+# Serving static files
+
+You can use this folder to store files which will be served statically in the "/static" route.
+
+This is useful to store images and other files which will be served directly to the user of your application.
+
+For example, if you store an image named "myimage.jpg" in this folder, it'll be accessible as "static/myimage.jpg".
+You can use this relative route as the source in an Image component.

hub/ui.json

@@ -0,0 +1,146 @@
+{
+    "metadata": {
+        "writer_version": "0.6.2rc3"
+    },
+    "components": {
+        "root": {
+            "id": "root",
+            "type": "root",
+            "content": {
+                "appName": "My App"
+            },
+            "isCodeManaged": false,
+            "position": 0,
+            "handlers": {}
+        },
+        "c0f99a9e-5004-4e75-a6c6-36f17490b134": {
+            "id": "c0f99a9e-5004-4e75-a6c6-36f17490b134",
+            "type": "page",
+            "content": {
+                "pageMode": "compact"
+            },
+            "isCodeManaged": false,
+            "position": 0,
+            "parentId": "root",
+            "handlers": {}
+        },
+        "bebc5fe9-63a7-46a7-b0fa-62303555cfaf": {
+            "id": "bebc5fe9-63a7-46a7-b0fa-62303555cfaf",
+            "type": "header",
+            "content": {
+                "text": "@{my_app.title}"
+            },
+            "isCodeManaged": false,
+            "position": 0,
+            "parentId": "c0f99a9e-5004-4e75-a6c6-36f17490b134",
+            "handlers": {}
+        },
+        "28d3885b-0fb8-4d41-97c6-978540015431": {
+            "id": "28d3885b-0fb8-4d41-97c6-978540015431",
+            "type": "section",
+            "content": {
+                "title": "",
+                "containerShadow": "0px 4px 11px -12px #000000"
+            },
+            "isCodeManaged": false,
+            "position": 1,
+            "parentId": "c0f99a9e-5004-4e75-a6c6-36f17490b134",
+            "handlers": {}
+        },
+        "9556c0e3-8584-4ac9-903f-908a775a33ec": {
+            "id": "9556c0e3-8584-4ac9-903f-908a775a33ec",
+            "type": "button",
+            "content": {
+                "text": " Increment",
+                "icon": "arrow_upward"
+            },
+            "isCodeManaged": false,
+            "position": 1,
+            "parentId": "0d05bc9f-1655-4d0b-bc9b-c2f4c71a5117",
+            "handlers": {
+                "click": "increment"
+            }
+        },
+        "51d1554e-1b88-461c-9353-1419cba0053a": {
+            "id": "51d1554e-1b88-461c-9353-1419cba0053a",
+            "type": "button",
+            "content": {
+                "text": "Decrement",
+                "icon": "arrow_downward"
+            },
+            "isCodeManaged": false,
+            "position": 0,
+            "parentId": "0d05bc9f-1655-4d0b-bc9b-c2f4c71a5117",
+            "handlers": {
+                "click": "decrement"
+            }
+        },
+        "0d05bc9f-1655-4d0b-bc9b-c2f4c71a5117": {
+            "id": "0d05bc9f-1655-4d0b-bc9b-c2f4c71a5117",
+            "type": "horizontalstack",
+            "content": {
+                "contentHAlign": "center"
+            },
+            "isCodeManaged": false,
+            "position": 0,
+            "parentId": "f3777e75-3659-4d44-8ef7-aeec0d06855b",
+            "handlers": {}
+        },
+        "172a14df-f73a-44fa-8fb1-e8648e7d32d2": {
+            "id": "172a14df-f73a-44fa-8fb1-e8648e7d32d2",
+            "type": "metric",
+            "content": {
+                "metricValue": "@{counter}",
+                "note": "@{message}",
+                "name": "Counter"
+            },
+            "isCodeManaged": false,
+            "position": 0,
+            "parentId": "c2519671-9ce7-44e7-ba4e-b0efda9cb20e",
+            "handlers": {}
+        },
+        "d4a5e62c-c6fe-49c4-80d4-33862af8727d": {
+            "id": "d4a5e62c-c6fe-49c4-80d4-33862af8727d",
+            "type": "columns",
+            "content": {},
+            "isCodeManaged": false,
+            "position": 0,
+            "parentId": "28d3885b-0fb8-4d41-97c6-978540015431",
+            "handlers": {}
+        },
+        "f3777e75-3659-4d44-8ef7-aeec0d06855b": {
+            "id": "f3777e75-3659-4d44-8ef7-aeec0d06855b",
+            "type": "column",
+            "content": {
+                "title": "",
+                "width": "1",
+                "contentHAlign": "center",
+                "contentVAlign": "center"
+            },
+            "isCodeManaged": false,
+            "position": 2,
+            "parentId": "d4a5e62c-c6fe-49c4-80d4-33862af8727d",
+            "handlers": {}
+        },
+        "c2519671-9ce7-44e7-ba4e-b0efda9cb20e": {
+            "id": "c2519671-9ce7-44e7-ba4e-b0efda9cb20e",
+            "type": "column",
+            "content": {
+                "width": "1"
+            },
+            "isCodeManaged": false,
+            "position": 0,
+            "parentId": "d4a5e62c-c6fe-49c4-80d4-33862af8727d",
+            "handlers": {}
+        },
+        "d4a71819-7444-4083-a1c7-7995452a7abf": {
+            "id": "d4a71819-7444-4083-a1c7-7995452a7abf",
+            "type": "separator",
+            "content": {},
+            "isCodeManaged": false,
+            "position": 1,
+            "parentId": "d4a5e62c-c6fe-49c4-80d4-33862af8727d",
+            "handlers": {}
+        }
+    }
+}