@modochats/widget 0.1.1 → 0.1.2

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/temp/dev.html DELETED
@@ -1,87 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
- <head>
4
- <meta charset="UTF-8" />
5
- <meta
6
- name="viewport"
7
- content="width=device-width, initial-scale=1.0" />
8
- <title>Modo Web Component - Development</title>
9
- <link
10
- rel="stylesheet"
11
- href="/css/index.css" />
12
- <style>
13
- body {
14
- font-family: Arial, sans-serif;
15
- padding: 20px;
16
- background-color: #f0f0f0;
17
- }
18
- .dev-container {
19
- max-width: 800px;
20
- margin: 0 auto;
21
- background: white;
22
- padding: 20px;
23
- border-radius: 8px;
24
- box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
25
- }
26
- h1 {
27
- color: #333;
28
- text-align: center;
29
- }
30
- .component-area {
31
- border: 2px dashed #ccc;
32
- padding: 40px;
33
- text-align: center;
34
- margin: 20px 0;
35
- border-radius: 8px;
36
- }
37
- </style>
38
- <script>
39
- // Set development environment before loading the component
40
- window.ENVIRONMENT = "DEV";
41
- </script>
42
- <script src="app.dev.js"></script>
43
- </head>
44
- <body>
45
- <div class="dev-container">
46
- <h1>Modo Web Component Development</h1>
47
- <p>This is your development environment. The component will appear below:</p>
48
-
49
- <div id="dev-info">
50
- <h3>Development Info:</h3>
51
- <p>• Component is loaded and ready</p>
52
- <p>• Check the console for any errors or logs</p>
53
- <p>• The file will auto-reload when you make changes</p>
54
- <p>• Environment: <span id="env-status">Loading...</span></p>
55
- </div>
56
- </div>
57
- <div>
58
- <button
59
- style="
60
- background-color: #007bff;
61
- color: white;
62
- border: none;
63
- padding: 12px 24px;
64
- font-size: 16px;
65
- border-radius: 6px;
66
- cursor: pointer;
67
- transition: background-color 0.3s ease;
68
- margin-top: 100px;
69
- margin-left: auto;
70
- display: block;
71
- "
72
- onmouseover="this.style.backgroundColor='#0056b3'"
73
- onmouseout="this.style.backgroundColor='#007bff'">
74
- a sample btn
75
- </button>
76
- </div>
77
- <script type="module">
78
- const myModo = new ModoWidget("a286d389-7272-4020-b611-0d21b31e63c0", {
79
- theme: "dark",
80
- autoInit: true,
81
- title: "پشتیبانی سایت خودنویس"
82
- });
83
- // Update environment status display
84
- document.getElementById("env-status").textContent = window.ENVIRONMENT || "Unknown";
85
- </script>
86
- </body>
87
- </html>
package/temp/index.html DELETED
@@ -1,16 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
- <head>
4
- <meta charset="UTF-8" />
5
- <meta
6
- name="viewport"
7
- content="width=device-width, initial-scale=1.0" />
8
- <title>Document</title>
9
- <script src="https://cdn.jsdelivr.net/gh/modochats/webcomponent@latest/cdn-dist/modo-web-component.min.js"></script>
10
- </head>
11
- <body dir="rtl">
12
- <script>
13
- new "a286d389-7272-4020-b611-0d21b31e63c0"();
14
- </script>
15
- </body>
16
- </html>