graper/src/Helpers/GraperHelper.php at 2e1c4dbefe215bd0b7489a6ac4fbb28938303490 · CybertronianKelvin/graper · GitHub

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
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
<?php

declare(strict_types=1);

namespace CybertronianKelvin\Graper\Helpers;

class GraperHelper
{
    public static function stripLayerDirectives(string $css): string
    {
        $css = preg_replace('/@layer\s+[^{\s]*\{[^}]*}/', '', $css);
        $css = preg_replace('/@layer\s+[^{;]+;/', '', $css);
        $css = preg_replace('/@property\s+[^{]+{[^}]*}/', '', $css);

        return $css;
    }

    public static function buildContentFromProjectData(array $projectData): array
    {
        $pages = $projectData['pages'] ?? [];

        foreach ($pages as $page) {
            $frames = $page['frames'] ?? [];
            foreach ($frames as $frame) {
                $component = $frame['component'] ?? [];

                $bodyChildren = $component['components'] ?? [];

                if (empty($bodyChildren)) {
                    continue;
                }

                $html = '';
                foreach ($bodyChildren as $child) {
                    $html .= self::renderComponents($child);
                }

                $css = self::extractStyles($projectData);

                return ['html' => "<body>{$html}</body>", 'css' => $css];
            }
        }

        if (isset($projectData['layers'])) {
            $html = self::renderLayers($projectData['layers']);

            return ['html' => "<body>{$html}</body>", 'css' => ''];
        }

        return ['html' => '', 'css' => ''];
    }

    private static function renderComponents(array $component): string
    {
        $tag = $component['tagName'] ?? 'div';
        $classes = implode(' ', $component['classes'] ?? []);
        $attrs = '';
        if (isset($component['attributes'])) {
            foreach ($component['attributes'] as $k => $v) {
                $attrs .= " {$k}=\"".htmlspecialchars($v).'"';
            }
        }

        $content = '';
        if (isset($component['components'])) {
            foreach ($component['components'] as $child) {
                $content .= self::renderComponents($child);
            }
        }

        if (isset($component['content'])) {
            $content .= htmlspecialchars($component['content']);
        }

        return "<{$tag} class=\"{$classes}\"{$attrs}>{$content}</{$tag}>";
    }

    private static function renderLayers(array $layers): string
    {
        $html = '';
        foreach ($layers as $layer) {
            if (isset($layer['docEl'])) {
                $html .= self::renderComponents($layer['docEl']);
            }
            if (isset($layer['frames'])) {
                foreach ($layer['frames'] as $frame) {
                    $html .= self::renderComponents($frame['component'] ?? []);
                }
            }
        }

        return $html;
    }

    private static function extractStyles(array $projectData): string
    {
        $css = "* { box-sizing: border-box; } body {margin: 0;}\n";

        if (isset($projectData['styles'])) {
            foreach ($projectData['styles'] as $style) {
                if (is_array($style)) {
                    $selectors = array_keys($style);
                    foreach ($selectors as $selector) {
                        $rules = $style[$selector];
                        if (is_array($rules)) {
                            $ruleStr = '';
                            foreach ($rules as $prop => $val) {
                                $ruleStr .= "{$prop}: {$val}; ";
                            }
                            if ($ruleStr) {
                                $css .= "{$selector} { {$ruleStr}}\n";
                            }
                        }
                    }
                }
            }
        }

        return $css;
    }
}