ScriptWidget is an innovative iOS app that allows you to create beautiful and dynamic widgets using JavaScript and JSX. It's the predecessor to JSWidget, offering powerful capabilities for iOS widget development.
- JSX Style Coding: Create widgets using familiar JSX syntax for intuitive and efficient development
- JavaScript Powered: Leverage the full power of JavaScript to build dynamic and interactive widgets
- SwiftUI Integration: Built on SwiftUI for high performance and native look and feel on iOS and iPadOS
-
ScriptWidget: Multi-platform support (macOS, iOS, and iPadOS)
- Development discontinued due to the high complexity of maintaining multiple platforms
- Significant time investment required for platform-specific adaptations
- Challenges in maintaining consistent behavior across different operating systems
- Limited resources to address platform-specific issues and feature requests
-
JSWidget: iOS-focused development
- Streamlined development by focusing exclusively on iOS
- Faster feature development and bug fixes
- Better user experience through iOS-specific optimizations
- More efficient resource allocation for ongoing development
For detailed documentation and guides, visit: https://xnu.app/jswidget/
const widget_size = $getenv("widget-size"); const widget_param = $getenv("widget-param"); const beijingDate = new Date().toLocaleString("zh-CN", { timeZone: "Asia/Shanghai" }); const sanJoseDate = new Date().toLocaleString("zh-CN", { timeZone: "America/Los_Angeles" }); const newYorkDate = new Date().toLocaleString("zh-CN", { timeZone: "America/New_York" }); const sydneyDate = new Date().toLocaleString("zh-CN", { timeZone: "Australia/Sydney" }); $render( <hstack frame="max"> <vstack alignment="leading"> <text font="title3" color="blue" font="custom,Unispaced">World Clock</text> <text font="title3" color="green" font="custom,Unispaced">Beijing: {beijingDate}</text> <text font="title3" color="orange" font="custom,Unispaced">San Jose: {sanJoseDate}</text> <text font="title3" color="secondary" font="custom,Unispaced">New York: {newYorkDate}</text> <text font="title3" color="purple" font="custom,Unispaced">Sydney: {sydneyDate}</text> </vstack> </hstack> );This project is open source and available under the MIT License.