tileclk: Initial release

Author: stweedo

apps/tileclk/ChangeLog

@@ -0,0 +1 @@
+0.01: New App!

apps/tileclk/README.md

@@ -0,0 +1,42 @@
+# Tile Clock
+
+A tile-based digital clock with animated transitions, customizable borders, and clock info integration.
+
+## How to Use
+
+### Basic Display
+- The clock shows the current time using animated tiles
+- Tiles animate smoothly when digits change
+- In 12-hour mode, leading zeros are hidden (e.g., "2:30" instead of "02:30")
+
+### Seconds Display
+- **Static mode**: Seconds always shown/hidden based on settings
+- **Dynamic mode**: Seconds appear when unlocked, hide when locked
+
+### Clock Info Integration
+- Tap the seconds area (bottom of screen) to show clock info
+- Clock info displays weather, notifications, or other system information
+- Tap clock info area to focus it
+- When focused and tapped, clock info can perform actions if supported
+- Tap main time area to unfocus the clock info
+- Tap main time area again to dismiss the clock info
+
+### Touch Controls
+- **Tap seconds area**: Switch to clock info
+- **Tap clock info area**: Focus the info panel
+- **Tap main time once**: Unfocus the clock info
+- **Tap main time again**: Dismiss clock info and return to seconds
+
+### Settings
+Access via Settings app to configure:
+- Seconds display mode (show/hide/dynamic)
+- Border visibility and color
+- Widget display options
+- Haptic feedback
+
+## Features
+- Smooth tile animations with color interpolation
+- Customizable borders with theme color support
+- Persistent user preferences
+- Performance optimized for smooth operation
+- Integration with Bangle.js clock info system

apps/tileclk/metadata.json

@@ -0,0 +1,24 @@
+{
+  "id": "tileclk",
+  "name": "Tile Clock",
+  "shortName": "Tile Clock",
+  "version": "0.01",
+  "description": "A tile-based digital clock with animated transitions, customizable borders, and clock info integration.",
+  "icon": "screenshot.png",
+  "dependencies" : { "clock_info":"module" },
+  "screenshots": [
+    {"url": "screenshot.png"},
+    {"url": "screenshot2.png"},
+    {"url": "screenshot3.png"},
+    {"url": "screenshot4.png"}
+  ],
+  "type": "clock",
+  "tags": "clock,digital,animated,tiles",
+  "supports": ["BANGLEJS2"],
+  "readme": "README.md",
+  "storage": [
+    {"name": "tileclk.app.js", "url": "tileclk.app.js"},
+    {"name": "tileclk.settings.js", "url": "tileclk.settings.js"},
+    {"name": "tileclk.img", "url": "screenshot.png", "evaluate": true}
+  ]
+}