https://github.com/ericlewis/playdateui

https://github.com/ericlewis/playdateui

Last synced: 3 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/ericlewis/playdateui
• Owner: ericlewis
• Created: 2022-03-09T10:23:57.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2022-03-23T14:41:38.000Z (almost 3 years ago)
• Last Synced: 2024-04-15T02:47:29.068Z (9 months ago)
• Language: C
• Size: 218 KB
• Stars: 37
• Watchers: 4
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# PlaydateUI

A lua based ui framework for playdate inspired by SwiftUI. 

This repo is an example project & the library mixed together. 

PlaydateUI requires a C library in order to operate, simplifying the process of installing is a future goal. 

## Build

Follow the clion/cmake setup directions from the playdate dev docs. 

I've only built this project with a clion on macOS, I am not sure if it works on other platforms. 

### This library is under heavy evolution

Building a ui framework is an iterative process, as is designing apis to be ergonomic. Everything here is subject to change. 

## Architecture

TODO

## How does this work?

TODO

## Examples

```lua

import "UI/Views"

import "UI/Views/Root"

import "UI/Views/Layout"

import "UI/Views/Text"

import "UI/Views/Image"

import "UI/Views/Conditionals"

View('TestView', { count = 0 })

function TestView:body()

    return HStack {

        Text("Count x2: "..self.count * 2),

        VStack {

            Text(self.props.title),

            _if(self.count > 2) {

                Image("Images/SignAvoid")

            }

        }

    }

end

function TestView:buttonPressed(button)

    if button == playdate.kButtonA then

        self.count = self.count + 1

    else

        self.count = self.count - 1

    end

end

-- Counter view that increments and decrements an amount

View('ContentView', { count = 0 })

function ContentView:body()

    return HStack {

        Text("Count: "..self.count),

        TestView({title = "testing"..self.count}),

        Image("Images/SignAvoid")

    }

end

function ContentView:onAppear()

    local topStoriesCount = #json.decode(playdate.simulator.getURL("https://hacker-news.firebaseio.com/v0/topstories.json"))

    self.count = topStoriesCount

end

function ContentView:buttonPressed(button)

    if button == playdate.kButtonA then

        self.count = self.count + 1

    else

        self.count = self.count - 1

    end

end

Root(ContentView)

```