zu 0.3.3

Yew web components, implementing Material Design
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97

#!/usr/bin/env python3
#  Copyright (c) 2024 Xu Shaohua <shaohua@biofan.org>. All rights reserved.
#  Use of this source is governed by Lesser General Public License
#  that can be found in the LICENSE file.

# Convert color schemes from material ui to css files.

import os
import re
import subprocess
import sys


def to_lower(name):
    name_pattern = re.compile(r"(?<!^)(?=[A-Z])")
    return name_pattern.sub("_", name).lower()

def to_upper(name):
    name_pattern = re.compile(r"(?<!^)(?=[A-Z])")
    return name_pattern.sub("_", name).upper()

def convert_color(input_file):
    filename = os.path.split(input_file)[1]
    output_file = filename
    output_file = output_file.replace(".js", ".scss")
    
    basename = os.path.splitext(filename)[0]
    color_name = basename

    lines = [
        F"/* {color_name} color scheme */",
        "\n",
    ]
    css_lines = [
        "\n",
        ":root {\n",
    ]


    with open(input_file) as input_fh:
        for line in input_fh:
            if line == ";":
                break
            if ":" not in line:
                continue
            parts = line.split(":")
            key = parts[0].strip().replace("A", "a")
            value = parts[1].strip().replace(",", "").replace("'", '')
            line = F"$zu-colors-{color_name}-{key}: {value};\n"
            css_line = "  --zu-colors-%s-%s: #{$zu-colors-%s-%s};\n" % (color_name, key, color_name, key)
            lines.append(line)
            css_lines.append(css_line)

    css_lines.append("}\n")

    with open(output_file, "w") as output_fh:
        output_fh.writelines(lines)
        output_fh.writelines(css_lines)

def convert_all_colors(input_file):
    parent_dir = os.path.dirname(input_file)
    js_files = [
        "amber.js",
        "blue.js",
        "blueGrey.js",
        "brown.js",
        "cyan.js",
        "deepOrange.js",
        "deepPurple.js",
        "green.js",
        "grey.js",
        "indigo.js",
        "lightBlue.js",
        "lightGreen.js",
        "lime.js",
        "orange.js",
        "pink.js",
        "purple.js",
        "red.js",
        "teal.js",
        "yellow.js",
    ]

    for js_file in js_files:
        input_file = os.path.join(parent_dir, js_file)
        convert_color(input_file)

def main():
    if len(sys.argv) != 2:
        print("Usage: %s some-color.js" % sys.argv[0])
        sys.exit(1)

    input_file = sys.argv[1]
    convert_all_colors(input_file)

if __name__ == "__main__":
    main()