@emailmaker/filemanager 0.10.32 → 0.10.34
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json
CHANGED
package/test-pixie-loading.html
CHANGED
|
@@ -1,108 +1,108 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
<meta charset="UTF-8"
|
|
5
|
-
<meta name="viewport" content="width=device-width, initial-scale=1.0"
|
|
6
|
-
<title>Тест загрузки Pixie</title
|
|
7
|
-
<style
|
|
8
|
-
body {
|
|
9
|
-
font-family: Arial, sans-serif
|
|
10
|
-
margin: 20px
|
|
11
|
-
background: #f5f5f5
|
|
12
|
-
}
|
|
13
|
-
.status {
|
|
14
|
-
padding: 10px
|
|
15
|
-
margin: 10px 0
|
|
16
|
-
border-radius: 4px
|
|
17
|
-
}
|
|
18
|
-
.success {
|
|
19
|
-
background: #d4edda
|
|
20
|
-
color: #155724
|
|
21
|
-
border: 1px solid #c3e6cb
|
|
22
|
-
}
|
|
23
|
-
.error {
|
|
24
|
-
background: #f8d7da
|
|
25
|
-
color: #721c24
|
|
26
|
-
border: 1px solid #f5c6cb
|
|
27
|
-
}
|
|
28
|
-
.loading {
|
|
29
|
-
background: #fff3cd
|
|
30
|
-
color: #856404
|
|
31
|
-
border: 1px solid #ffeaa7
|
|
32
|
-
}
|
|
33
|
-
#pixie-container {
|
|
34
|
-
width: 800px
|
|
35
|
-
height: 600px
|
|
36
|
-
border: 1px solid #ccc
|
|
37
|
-
margin: 20px 0
|
|
38
|
-
background: white
|
|
39
|
-
}
|
|
40
|
-
</style
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
<h1>Тест загрузки Pixie Editor</h1
|
|
1
|
+
<!--<!DOCTYPE html>-->
|
|
2
|
+
<!--<html lang="ru">-->
|
|
3
|
+
<!--<head>-->
|
|
4
|
+
<!-- <meta charset="UTF-8">-->
|
|
5
|
+
<!-- <meta name="viewport" content="width=device-width, initial-scale=1.0">-->
|
|
6
|
+
<!-- <title>Тест загрузки Pixie</title>-->
|
|
7
|
+
<!-- <style>-->
|
|
8
|
+
<!-- body {-->
|
|
9
|
+
<!-- font-family: Arial, sans-serif;-->
|
|
10
|
+
<!-- margin: 20px;-->
|
|
11
|
+
<!-- background: #f5f5f5;-->
|
|
12
|
+
<!-- }-->
|
|
13
|
+
<!-- .status {-->
|
|
14
|
+
<!-- padding: 10px;-->
|
|
15
|
+
<!-- margin: 10px 0;-->
|
|
16
|
+
<!-- border-radius: 4px;-->
|
|
17
|
+
<!-- }-->
|
|
18
|
+
<!-- .success {-->
|
|
19
|
+
<!-- background: #d4edda;-->
|
|
20
|
+
<!-- color: #155724;-->
|
|
21
|
+
<!-- border: 1px solid #c3e6cb;-->
|
|
22
|
+
<!-- }-->
|
|
23
|
+
<!-- .error {-->
|
|
24
|
+
<!-- background: #f8d7da;-->
|
|
25
|
+
<!-- color: #721c24;-->
|
|
26
|
+
<!-- border: 1px solid #f5c6cb;-->
|
|
27
|
+
<!-- }-->
|
|
28
|
+
<!-- .loading {-->
|
|
29
|
+
<!-- background: #fff3cd;-->
|
|
30
|
+
<!-- color: #856404;-->
|
|
31
|
+
<!-- border: 1px solid #ffeaa7;-->
|
|
32
|
+
<!-- }-->
|
|
33
|
+
<!-- #pixie-container {-->
|
|
34
|
+
<!-- width: 800px;-->
|
|
35
|
+
<!-- height: 600px;-->
|
|
36
|
+
<!-- border: 1px solid #ccc;-->
|
|
37
|
+
<!-- margin: 20px 0;-->
|
|
38
|
+
<!-- background: white;-->
|
|
39
|
+
<!-- }-->
|
|
40
|
+
<!-- </style>-->
|
|
41
|
+
<!--</head>-->
|
|
42
|
+
<!--<body>-->
|
|
43
|
+
<!-- <h1>Тест загрузки Pixie Editor</h1>-->
|
|
44
44
|
|
|
45
|
-
<div id="status" class="status loading">Проверка загрузки...</div
|
|
45
|
+
<!-- <div id="status" class="status loading">Проверка загрузки...</div>-->
|
|
46
46
|
|
|
47
|
-
<div id="details"
|
|
48
|
-
<h3>Проверки:</h3
|
|
49
|
-
<ul id="checks"
|
|
50
|
-
<li id="script-check">Загрузка скрипта Pixie...</li
|
|
51
|
-
<li id="pixie-check">Проверка объекта Pixie...</li
|
|
52
|
-
<li id="assets-check">Проверка ассетов...</li
|
|
53
|
-
</ul
|
|
54
|
-
</div
|
|
47
|
+
<!-- <div id="details">-->
|
|
48
|
+
<!-- <h3>Проверки:</h3>-->
|
|
49
|
+
<!-- <ul id="checks">-->
|
|
50
|
+
<!-- <li id="script-check">Загрузка скрипта Pixie...</li>-->
|
|
51
|
+
<!-- <li id="pixie-check">Проверка объекта Pixie...</li>-->
|
|
52
|
+
<!-- <li id="assets-check">Проверка ассетов...</li>-->
|
|
53
|
+
<!-- </ul>-->
|
|
54
|
+
<!-- </div>-->
|
|
55
55
|
|
|
56
|
-
<div id="pixie-container"></div
|
|
56
|
+
<!-- <div id="pixie-container"></div>-->
|
|
57
57
|
|
|
58
|
-
<script src="/local_modules/pixie/dist/pixie.umd.js"></script
|
|
59
|
-
<script
|
|
60
|
-
function updateCheck(id, text, success = true) {
|
|
61
|
-
const element = document.getElementById(id)
|
|
62
|
-
element.textContent = text
|
|
63
|
-
element.style.color = success ? 'green' : 'red'
|
|
64
|
-
element.style.fontWeight = success ? 'bold' : 'normal'
|
|
65
|
-
}
|
|
58
|
+
<!-- <script src="/local_modules/pixie/dist/pixie.umd.js"></script>-->
|
|
59
|
+
<!-- <script>-->
|
|
60
|
+
<!-- function updateCheck(id, text, success = true) {-->
|
|
61
|
+
<!-- const element = document.getElementById(id);-->
|
|
62
|
+
<!-- element.textContent = text;-->
|
|
63
|
+
<!-- element.style.color = success ? 'green' : 'red';-->
|
|
64
|
+
<!-- element.style.fontWeight = success ? 'bold' : 'normal';-->
|
|
65
|
+
<!-- }-->
|
|
66
66
|
|
|
67
|
-
function updateStatus(text, type = 'loading') {
|
|
68
|
-
const status = document.getElementById('status')
|
|
69
|
-
status.textContent = text
|
|
70
|
-
status.className = `status ${type}
|
|
71
|
-
}
|
|
67
|
+
<!-- function updateStatus(text, type = 'loading') {-->
|
|
68
|
+
<!-- const status = document.getElementById('status');-->
|
|
69
|
+
<!-- status.textContent = text;-->
|
|
70
|
+
<!-- status.className = `status ${type}`;-->
|
|
71
|
+
<!-- }-->
|
|
72
72
|
|
|
73
|
-
// Проверка загрузки
|
|
74
|
-
updateCheck('script-check', '✓ Скрипт Pixie успешно загружен', true)
|
|
73
|
+
<!-- // Проверка загрузки скрипта-->
|
|
74
|
+
<!-- updateCheck('script-check', '✓ Скрипт Pixie успешно загружен', true);-->
|
|
75
75
|
|
|
76
|
-
// Проверка объекта Pixie
|
|
77
|
-
setTimeout(() => {
|
|
78
|
-
if (typeof window.Pixie !== 'undefined') {
|
|
79
|
-
updateCheck('pixie-check', '✓ Объект Pixie доступен', true)
|
|
76
|
+
<!-- // Проверка объекта Pixie-->
|
|
77
|
+
<!-- setTimeout(() => {-->
|
|
78
|
+
<!-- if (typeof window.Pixie !== 'undefined') {-->
|
|
79
|
+
<!-- updateCheck('pixie-check', '✓ Объект Pixie доступен', true);-->
|
|
80
80
|
|
|
81
|
-
// Попытка
|
|
82
|
-
try {
|
|
83
|
-
const pixie = new window.Pixie({
|
|
84
|
-
selector: '#pixie-container'
|
|
85
|
-
baseUrl: "/local_modules/pixie/assets"
|
|
86
|
-
ui: {
|
|
87
|
-
visible: true
|
|
88
|
-
mode: 'inline'
|
|
89
|
-
}
|
|
90
|
-
})
|
|
81
|
+
<!-- // Попытка инициализации-->
|
|
82
|
+
<!-- try {-->
|
|
83
|
+
<!-- const pixie = new window.Pixie({-->
|
|
84
|
+
<!-- selector: '#pixie-container',-->
|
|
85
|
+
<!-- baseUrl: "/local_modules/pixie/assets",-->
|
|
86
|
+
<!-- ui: {-->
|
|
87
|
+
<!-- visible: true,-->
|
|
88
|
+
<!-- mode: 'inline'-->
|
|
89
|
+
<!-- }-->
|
|
90
|
+
<!-- });-->
|
|
91
91
|
|
|
92
|
-
updateCheck("assets-check", "✓ Ассеты успешно загружены", true)
|
|
93
|
-
updateStatus('✓ Pixie Editor успешно инициализирован!', 'success')
|
|
92
|
+
<!-- updateCheck("assets-check", "✓ Ассеты успешно загружены", true);-->
|
|
93
|
+
<!-- updateStatus('✓ Pixie Editor успешно инициализирован!', 'success');-->
|
|
94
94
|
|
|
95
|
-
} catch (error) {
|
|
96
|
-
updateCheck('assets-check', `✗ Ошибка инициализации: ${error.message}`, false)
|
|
97
|
-
updateStatus('✗ Ошибка инициализации Pixie', 'error')
|
|
98
|
-
console.error('Ошибка Pixie:', error)
|
|
99
|
-
}
|
|
100
|
-
} else {
|
|
101
|
-
updateCheck('pixie-check', '✗ Объект Pixie не найден', false)
|
|
102
|
-
updateStatus('✗ Pixie не загружен', 'error')
|
|
103
|
-
}
|
|
104
|
-
}, 1000)
|
|
95
|
+
<!-- } catch (error) {-->
|
|
96
|
+
<!-- updateCheck('assets-check', `✗ Ошибка инициализации: ${error.message}`, false);-->
|
|
97
|
+
<!-- updateStatus('✗ Ошибка инициализации Pixie', 'error');-->
|
|
98
|
+
<!-- console.error('Ошибка Pixie:', error);-->
|
|
99
|
+
<!-- }-->
|
|
100
|
+
<!-- } else {-->
|
|
101
|
+
<!-- updateCheck('pixie-check', '✗ Объект Pixie не найден', false);-->
|
|
102
|
+
<!-- updateStatus('✗ Pixie не загружен', 'error');-->
|
|
103
|
+
<!-- }-->
|
|
104
|
+
<!-- }, 1000);-->
|
|
105
105
|
|
|
106
|
-
</script
|
|
107
|
-
|
|
108
|
-
|
|
106
|
+
<!-- </script>-->
|
|
107
|
+
<!--</body>-->
|
|
108
|
+
<!--</html>-->
|
|
@@ -1,19 +1,8 @@
|
|
|
1
|
-
import React, {
|
|
1
|
+
import React, { ReactNode } from 'react';
|
|
2
|
+
import { WithTranslation } from 'react-i18next';
|
|
2
3
|
import './errorBoundary.scss';
|
|
3
4
|
interface ErrorBoundaryProps {
|
|
4
5
|
children: ReactNode;
|
|
5
6
|
}
|
|
6
|
-
|
|
7
|
-
hasError: boolean;
|
|
8
|
-
error: Error | null;
|
|
9
|
-
}
|
|
10
|
-
export declare class ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBoundaryState> {
|
|
11
|
-
constructor(props: ErrorBoundaryProps);
|
|
12
|
-
static getDerivedStateFromError(error: Error): {
|
|
13
|
-
hasError: boolean;
|
|
14
|
-
error: Error;
|
|
15
|
-
};
|
|
16
|
-
componentDidCatch(error: Error, errorInfo: React.ErrorInfo): void;
|
|
17
|
-
render(): string | number | boolean | import("react/jsx-runtime").JSX.Element | Iterable<React.ReactNode> | null | undefined;
|
|
18
|
-
}
|
|
7
|
+
export declare const ErrorBoundary: React.ComponentType<Omit<import("react-i18next/helpers").$Subtract<ErrorBoundaryProps & WithTranslation<undefined, undefined>, import("react-i18next").WithTranslationProps>, keyof WithTranslation<Ns, undefined>> & import("react-i18next").WithTranslationProps>;
|
|
19
8
|
export {};
|