Support turing-smart-screen themes

[clach04]

See mathoudebine/turing-smart-screen-python#649

turing-smart-screen themes are in YAML format, so for use with MicroPython will need to be converted into another format (json would be the low effort one) and then handle a limited nested tree format of placement options. See comment #33 (comment)

Would need to map font sizes differently. Options/ideas:

1. fixed size, using __import__
2. see how scaling could work for scalable font / segmented font #19 - would only be approximate

For images, see #37

element notes

• INTERVAL is the number of seconds
  • there does not seem to be the concept of daily (at the start of the day, hourly, at the start of each hour, every minute at the start of each new minute). Potentially extend with negative numbers?
• x, y, width is pixels
• font size is point/pitch (1/72)
• images can be png (which likely need to be converted for micropython on CYD, with limited RAM)
• display:
  • DISPLAY_SIZE: 5"
  • DISPLAY_ORIENTATION: landscape
  • DISPLAY_RGB_LED: 71, 127, 255
• static_text?

[clach04]

Start of config converter:

import json

import yaml  # package; PyYAML - https://pypi.org/project/PyYAML/

def load_yaml(configfile):
    with open(configfile, "rt", encoding='utf8') as stream:
        yamlconfig = yaml.safe_load(stream)
        return yamlconfig




theme_filename = 'res/themes/BigClock_320x240/theme.yaml'
config = load_yaml(theme_filename)
# TODO filter? remove/warn about unsupported entries

print(config)

print('-' * 65)
print('%s' % json.dumps(config, indent=4))  # TODO sort

print('-' * 65)
print('%s' % json.dumps(config, indent=4, sort_keys=True))

print('-' * 65)
print('%s' % json.dumps(config))

Converted yaml https://github.com/clach04/turing-smart-screen-python/blob/issue_648_simulate_arbitrary_screen_size/res/themes/BigClock_320x240/theme.yaml examplr as json.

{
    "STATS": {
        "DATE": {
            "DAY": {
                "TEXT": {
                    "ANCHOR": "mm",
                    "BACKGROUND_COLOR": "0, 0, 0",
                    "FONT": "roboto/Roboto-Bold.ttf",
                    "FONT_COLOR": "200, 200, 200",
                    "FONT_SIZE": 60,
                    "SHOW": true,
                    "WIDTH": 320,
                    "X": 1,
                    "Y": 10
                }
            },
            "HOUR": {
                "TEXT": {
                    "ANCHOR": "mm",
                    "BACKGROUND_COLOR": "50, 0, 0",
                    "FONT": "roboto/Roboto-BoldItalic.ttf",
                    "FONT_COLOR": "200, 200, 200",
                    "FONT_SIZE": 60,
                    "FORMAT": "HH:mm",
                    "SHOW": true,
                    "WIDTH": 320,
                    "X": 1,
                    "Y": 130
                }
            },
            "INTERVAL": 1
        }
    },
    "author": "@ChrisClark",
    "display": {
        "DISPLAY_ORIENTATION": "landscape",
        "DISPLAY_RGB_LED": "255, 0, 0"
    },
    "static_images": {
        "BACKGROUND": {
            "HEIGHT": 240,
            "PATH": "background.png",
            "WIDTH": 320,
            "X": 0,
            "Y": 0
        }
    }
}

Also see:

• ColoredFlat (portrait) - which uses BACKGROUND_IMAGE, rather than static_images, BACKGROUND, PATH
• PurpleTheme (landscape) - also uses BACKGROUND_IMAGE in addition to static_images, BACKGROUND, PATH

[clach04]

WIP schema.

have font in top level, then inherit/override as needed

{
    "THEME": "ThemeName",
    "AUTHOR": "clach04",

    "SCREEN_WIDTH": 320,
    "SCREEN_HEIGHT": 240,
    "SCREEN_BIT_DEPTH": 4,

    "BACKGROUND": "somefile.bin",
    "BACKGROUND_COLOR_RGB": "0, 0, 0",
    "BACKGROUND_COLOR_R": 0,
    "BACKGROUND_COLOR_G": 0,
    "BACKGROUND_COLOR_B": 0,

    "DATE": {
    }
    "TIME": {
        "#REFRESH_RATE": "in seconds",
        "INTERVAL": 1,

        "#SHOW": "default to True",
        "SHOW": true,

        "#pixels": "units are pixels, default to 0",
        "WIDTH": 320,
        "X": 1,
        "Y": 130,

        "#ANCHOR": "mm",
        "ALIGNMENT": "LEFT",

        "FORMAT": "HH:mm",

        "#BACKGROUND_COLOR": "50, 0, 0",
        "BACKGROUND_COLOR_RGB": "0, 0, 0",
        "BACKGROUND_COLOR_R": 255,
        "BACKGROUND_COLOR_G": 255,
        "BACKGROUND_COLOR_B": 255,

        "#FONT_COLOR": "255, 255, 255",
        "FOREGROUND_COLOR_RGB": "255, 255, 255",
        "FOREGROUND_COLOR_R": 255,
        "FOREGROUND_COLOR_G": 255,
        "FOREGROUND_COLOR_B": 255,

        "#FONT": "probably font name including size",
        "FONT": "roboto/Roboto-BoldItalic.ttf",
        "FONT_SIZE": 60
    },
}