switch example

calculator.py

@@ -1,171 +0,0 @@
-"""
-An implementation of a classic calculator, with a layout inspired by macOS calculator.
-
-Works like a real calculator. Click the buttons or press the equivalent keys.
-"""
-
-from decimal import Decimal
-
-from textual import events, on
-from textual.app import App, ComposeResult
-from textual.containers import Container
-from textual.css.query import NoMatches
-from textual.reactive import var
-from textual.widgets import Button, Digits
-
-
-class CalculatorApp(App):
-    """A working 'desktop' calculator."""
-
-    CSS_PATH = "calculator.tcss"
-
-    numbers = var("0")
-    show_ac = var(True)
-    left = var(Decimal("0"))
-    right = var(Decimal("0"))
-    value = var("")
-    operator = var("plus")
-
-    # Maps button IDs on to the corresponding key name
-    NAME_MAP = {
-        "asterisk": "multiply",
-        "slash": "divide",
-        "underscore": "plus-minus",
-        "full_stop": "point",
-        "plus_minus_sign": "plus-minus",
-        "percent_sign": "percent",
-        "equals_sign": "equals",
-        "minus": "minus",
-        "plus": "plus",
-    }
-
-    def watch_numbers(self, value: str) -> None:
-        """Called when numbers is updated."""
-        self.query_one("#numbers", Digits).update(value)
-
-    def compute_show_ac(self) -> bool:
-        """Compute switch to show AC or C button"""
-        return self.value in ("", "0") and self.numbers == "0"
-
-    def watch_show_ac(self, show_ac: bool) -> None:
-        """Called when show_ac changes."""
-        self.query_one("#c").display = not show_ac
-        self.query_one("#ac").display = show_ac
-
-    def compose(self) -> ComposeResult:
-        """Add our buttons."""
-        with Container(id="calculator"):
-            yield Digits(id="numbers")
-            yield Button("AC", id="ac", variant="primary")
-            yield Button("C", id="c", variant="primary")
-            yield Button("+/-", id="plus-minus", variant="primary")
-            yield Button("%", id="percent", variant="primary")
-            yield Button("÷", id="divide", variant="warning")
-            yield Button("7", id="number-7", classes="number")
-            yield Button("8", id="number-8", classes="number")
-            yield Button("9", id="number-9", classes="number")
-            yield Button("×", id="multiply", variant="warning")
-            yield Button("4", id="number-4", classes="number")
-            yield Button("5", id="number-5", classes="number")
-            yield Button("6", id="number-6", classes="number")
-            yield Button("-", id="minus", variant="warning")
-            yield Button("1", id="number-1", classes="number")
-            yield Button("2", id="number-2", classes="number")
-            yield Button("3", id="number-3", classes="number")
-            yield Button("+", id="plus", variant="warning")
-            yield Button("0", id="number-0", classes="number")
-            yield Button(".", id="point")
-            yield Button("=", id="equals", variant="warning")
-
-    def on_key(self, event: events.Key) -> None:
-        """Called when the user presses a key."""
-
-        def press(button_id: str) -> None:
-            """Press a button, should it exist."""
-            try:
-                self.query_one(f"#{button_id}", Button).press()
-            except NoMatches:
-                pass
-
-        key = event.key
-        if key.isdecimal():
-            press(f"number-{key}")
-        elif key == "c":
-            press("c")
-            press("ac")
-        else:
-            button_id = self.NAME_MAP.get(key)
-            if button_id is not None:
-                press(self.NAME_MAP.get(key, key))
-
-    @on(Button.Pressed, ".number")
-    def number_pressed(self, event: Button.Pressed) -> None:
-        """Pressed a number."""
-        assert event.button.id is not None
-        number = event.button.id.partition("-")[-1]
-        self.numbers = self.value = self.value.lstrip("0") + number
-
-    @on(Button.Pressed, "#plus-minus")
-    def plus_minus_pressed(self) -> None:
-        """Pressed + / -"""
-        self.numbers = self.value = str(Decimal(self.value or "0") * -1)
-
-    @on(Button.Pressed, "#percent")
-    def percent_pressed(self) -> None:
-        """Pressed %"""
-        self.numbers = self.value = str(Decimal(self.value or "0") / Decimal(100))
-
-    @on(Button.Pressed, "#point")
-    def pressed_point(self) -> None:
-        """Pressed ."""
-        if "." not in self.value:
-            self.numbers = self.value = (self.value or "0") + "."
-
-    @on(Button.Pressed, "#ac")
-    def pressed_ac(self) -> None:
-        """Pressed AC"""
-        self.value = ""
-        self.left = self.right = Decimal(0)
-        self.operator = "plus"
-        self.numbers = "0"
-
-    @on(Button.Pressed, "#c")
-    def pressed_c(self) -> None:
-        """Pressed C"""
-        self.value = ""
-        self.numbers = "0"
-
-    def _do_math(self) -> None:
-        """Does the math: LEFT OPERATOR RIGHT"""
-        try:
-            if self.operator == "plus":
-                self.left += self.right
-            elif self.operator == "minus":
-                self.left -= self.right
-            elif self.operator == "divide":
-                self.left /= self.right
-            elif self.operator == "multiply":
-                self.left *= self.right
-            self.numbers = str(self.left)
-            self.value = ""
-        except Exception:
-            self.numbers = "Error"
-
-    @on(Button.Pressed, "#plus,#minus,#divide,#multiply")
-    def pressed_op(self, event: Button.Pressed) -> None:
-        """Pressed one of the arithmetic operations."""
-        self.right = Decimal(self.value or "0")
-        self._do_math()
-        assert event.button.id is not None
-        self.operator = event.button.id
-
-    @on(Button.Pressed, "#equals")
-    def pressed_equals(self) -> None:
-        """Pressed ="""
-        if self.value:
-            self.right = Decimal(self.value)
-        self._do_math()
-
-
-if __name__ == "__main__":
-    CalculatorApp().run(inline=True)

calculator.tcss

@@ -1,38 +0,0 @@
-Screen {
-    overflow: auto;
-}
-
-#calculator {
-    layout: grid;
-    grid-size: 4;
-    grid-gutter: 1 2;
-    grid-columns: 1fr;
-    grid-rows: 2fr 1fr 1fr 1fr 1fr 1fr;
-    margin: 1 2;
-    min-height: 25;
-    min-width: 26;
-    height: 100%;
-
-    &:inline {
-        margin: 0 2;
-    }
-}
-
-Button {
-    width: 100%;
-    height: 100%;
-}
-
-#numbers {
-    column-span: 4;
-    padding: 0 1;
-    height: 100%;
-    background: $panel;
-    color: $text;
-    content-align: center middle;
-    text-align: right;
-}
-
-#number-0 {
-    column-span: 2;
-}

dictionary.py

@@ -0,0 +1,77 @@
+from __future__ import annotations
+
+try:
+    import httpx
+except ImportError:
+    raise ImportError("Please install httpx with 'pip install httpx' ")
+
+
+from textual import work
+from textual.app import App, ComposeResult
+from textual.containers import VerticalScroll
+from textual.widgets import Input, Markdown
+
+
+class DictionaryApp(App[None]):
+    """Searches a dictionary API as-you-type."""
+
+    CSS_PATH = "dictionary.tcss"
+
+    def compose(self) -> ComposeResult:
+        yield Input(placeholder="Search for a word")
+        with VerticalScroll(id="results-container"):
+            yield Markdown(id="results")
+
+    # def on_mount(self) -> None:
+    #     """Called when app starts."""
+    #     # Give the input focus, so we can start typing straight away
+    #     self.query_one(Input).focus()
+
+    async def on_input_changed(self, message: Input.Changed) -> None:
+        """A coroutine to handle a text changed message."""
+        if message.value:
+            self.lookup_word(message.value)
+        else:
+            # Clear the results
+            await self.query_one("#results", Markdown).update("")
+
+    @work(exclusive=True)
+    async def lookup_word(self, word: str) -> None:
+        """Looks up a word."""
+        url = f"https://api.dictionaryapi.dev/api/v2/entries/en/{word}"
+
+        async with httpx.AsyncClient() as client:
+            response = await client.get(url)
+            try:
+                results = response.json()
+            except Exception:
+                self.query_one("#results", Markdown).update(response.text)
+                return
+
+        if word == self.query_one(Input).value:
+            markdown = self.make_word_markdown(results)
+            self.query_one("#results", Markdown).update(markdown)
+
+    def make_word_markdown(self, results: object) -> str:
+        """Convert the results in to markdown."""
+        lines = []
+        if isinstance(results, dict):
+            lines.append(f"# {results['title']}")
+            lines.append(results["message"])
+        elif isinstance(results, list):
+            for result in results:
+                lines.append(f"# {result['word']}")
+                lines.append("")
+                for meaning in result.get("meanings", []):
+                    lines.append(f"_{meaning['partOfSpeech']}_")
+                    lines.append("")
+                    for definition in meaning.get("definitions", []):
+                        lines.append(f" - {definition['definition']}")
+                    lines.append("---")
+
+        return "\n".join(lines)
+
+
+if __name__ == "__main__":
+    app = DictionaryApp()
+    app.run()

dictionary.tcss

@@ -0,0 +1,25 @@
+Screen {
+    background: $panel;
+}
+
+Input {
+    dock: top;
+    margin: 1 0;
+}
+
+#results {
+    width: 100%;
+    height: auto;    
+}
+
+#results-container {
+    background: $background 50%;
+    margin: 0 0 1 0;
+    height: 100%;
+    overflow: hidden auto;
+    border: tall $background;
+}
+
+#results-container:focus {
+    border: tall $accent;
+}

serve.py

@@ -1,26 +1,4 @@
 from textual_serve.server import Server
-import os
 
-# Configure server with host, port, and public_url
-# For local testing, use localhost. For HF Spaces, use the Space URL
-space_host = os.environ.get("SPACE_HOST")
-if space_host:
-    # HF Spaces provides the domain without protocol, so add https://
-    if not space_host.startswith(("http://", "https://")):
-        public_url = f"https://{space_host}"
-    else:
-        public_url = space_host
-else:
-    # Default for local testing
-    public_url = "http://localhost:7860"
-
-print(f"Using public_url: {public_url}")
-
-server = Server(
-    "python -m textual",
-    host="0.0.0.0",
-    port=7860,
-    public_url=public_url,  # This fixes the WebSocket URL issue
-    title="Textual Demo"
-)
-server.serve()
+server = Server("python dictionary.py")
+server.serve(debug=False)