Hugging Face's logo

Spaces:
Metapp
/
Unity-team
Running

App Files Community
Unity-team
File size: 6,462 Bytes
9998b42
 
 
 
 
056c1f8
9998b42
 
 
 
 
 
 
 
 
 
 
 
056c1f8
9998b42
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Unity-Team - приложение   </title>
    <link rel="manifest" href="/manifest.json">
    <link rel="stylesheet" href="style.css">
    <link rel="apple-touch-icon" href="/icon.png">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="default">
    <link rel="icon" type="image/png" sizes="192x192" href="/icon.png">
    <link rel="icon" href="icon.png" type="image/png">
    <meta name="google-site-verification" content="V6EqDTA9Oj9V1OfNbnBHj5RKrdcXlABD8tqfEFVUHJY" />
    <meta name="description" content=" ">
</head>
<body>
    <iframe
        src="https://metastore-full.hf.space/493471/catalog"
        frameborder="0"
        allowfullscreen
        allow="cross-origin-isolated; cookies"></iframe>

    <button id="installButton">Установить приложение</button>
    <button id="iosInstallPrompt">Установить приложение</button>

    <div id="iosInstallModal">
        <div class="modal-content">
            <h2>Установите приложение</h2>
            <a href="#" id="openZoomModal">
                <img src="https://huggingface.co/spaces/Morshen/alpha/resolve/main/pwa_ios.png" alt="Инструкция по установке PWA на iOS">
            </a>
            <p>1. Нажмите кнопку "Поделиться" внизу Safari.</p>
            <p>2. Выберите "На экран «Домой»".</p>
            <p>3. Подтвердите установку.</p>
            <button id="closeIosModal">Закрыть</button>
        </div>
    </div>

    <div id="imageZoomModal">
        <span id="closeZoomModal">×</span>
        <img id="zoomedImage" src="" alt="Увеличенное изображение">
    </div>

    <script>
        let deferredPrompt;
        const installButton = document.getElementById('installButton');
        const iosInstallPrompt = document.getElementById('iosInstallPrompt');
        const iosInstallModal = document.getElementById('iosInstallModal');
        const closeIosModal = document.getElementById('closeIosModal');
        const openZoomModal = document.getElementById('openZoomModal');
        const imageZoomModal = document.getElementById('imageZoomModal');
        const closeZoomModal = document.getElementById('closeZoomModal');
        const zoomedImage = document.getElementById('zoomedImage');

        function isIos() {
            return /iphone|ipad|ipod/i.test(navigator.userAgent);
        }

        function isInStandaloneMode() {
            return window.matchMedia('(display-mode: standalone)').matches || window.navigator.standalone;
        }

        window.addEventListener('beforeinstallprompt', (event) => {
            event.preventDefault();
            deferredPrompt = event;
            installButton.style.display = 'block';
            installButton.classList.add('pulse-animation');

            installButton.addEventListener('click', async () => {
                deferredPrompt.prompt();
                const { outcome } = await deferredPrompt.userChoice;
                if (outcome === 'accepted') {
                    console.log('Пользователь принял запрос на установку');
                } else {
                    console.log('Пользователь отклонил запрос на установку');
                }
                deferredPrompt = null;
                installButton.style.display = 'none';
                installButton.classList.remove('pulse-animation');
            });
        });

        if (isIos() && !isInStandaloneMode()) {
            iosInstallPrompt.style.display = 'block';
            installButton.style.display = 'none';
            iosInstallPrompt.classList.add('pulse-animation');

            iosInstallPrompt.addEventListener('click', () => {
                iosInstallModal.style.display = 'block';
                localStorage.setItem('iosInstallPromptShown', 'true');
            });

            closeIosModal.addEventListener('click', () => {
                iosInstallModal.style.display = 'none';
            });

            openZoomModal.addEventListener('click', (event) => {
                event.preventDefault();
                zoomedImage.src = 'https://huggingface.co/spaces/Morshen/alpha/resolve/main/pwa_ios.png';
                imageZoomModal.style.display = 'block';
            });

            closeZoomModal.addEventListener('click', () => {
                imageZoomModal.style.display = 'none';
            });
        } else {
            installButton.style.display = deferredPrompt ? 'block' : 'none';
            iosInstallPrompt.style.display = 'none';
            if (deferredPrompt) {
                installButton.classList.add('pulse-animation');
            }
        }

        if (isIos() && !isInStandaloneMode() && localStorage.getItem('iosInstallPromptShown') === 'true') {
            setTimeout(() => {
                iosInstallModal.style.display = 'block';
            }, 5000);
        }

        if ('serviceWorker' in navigator) {
            window.addEventListener('load', () => {
                navigator.serviceWorker.register('/service-worker.js')
                    .then((registration) => {
                        console.log('Сервисный рабочий процесс зарегистрирован:', registration);
                    })
                    .catch((error) => {
                        console.log('Ошибка регистрации сервисного рабочего процесса:', error);
                    });
            });
        }

        // Отладка сообщений от iframe  --  УДАЛЕНО, так как не решает проблему авторизации и не несет полезной нагрузки в данном контексте.  Для отладки лучше использовать инструменты разработчика в браузере.

        // Перехват ошибок
        window.addEventListener('error', (event) => {
            console.error('Произошла ошибка:', event.message, event.filename, event.lineno);
        });
    </script>
</body>
</html>