Hugging Face's logo

Spaces:
Edespina
/
yris
Running

App Files Community
Edespina commited on
Commit
099848e
·
verified ·
1 Parent(s): 8636724

Add 3 files

Browse files
Files changed (3) hide show
  1. README.md +7 -5
  2. index.html +420 -19
  3. prompts.txt +3 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Yris
3
- emoji: 🏢
4
- colorFrom: blue
5
- colorTo: gray
6
  sdk: static
7
  pinned: false
 
 
8
  ---
9
 
10
- Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
 
1
  ---
2
+ title: yris
3
+ emoji: 🐳
4
+ colorFrom: yellow
5
+ colorTo: purple
6
  sdk: static
7
  pinned: false
8
+ tags:
9
+ - deepsite
10
  ---
11
 
12
+ Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
index.html CHANGED
@@ -1,19 +1,420 @@
1
- <!doctype html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
19
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Run Yris</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
9
+ <style>
10
+ @keyframes pulse {
11
+ 0%, 100% { opacity: 1; }
12
+ 50% { opacity: 0.5; }
13
+ }
14
+ .pulse {
15
+ animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
16
+ }
17
+ .terminal-line {
18
+ font-family: 'Courier New', monospace;
19
+ }
20
+ .blinking-cursor {
21
+ animation: blink 1s step-end infinite;
22
+ }
23
+ @keyframes blink {
24
+ from, to { opacity: 1; }
25
+ 50% { opacity: 0; }
26
+ }
27
+ </style>
28
+ </head>
29
+ <body class="bg-gray-900 text-gray-100 min-h-screen flex items-center justify-center">
30
+ <div class="container mx-auto px-4 max-w-4xl">
31
+ <!-- Terminal Window -->
32
+ <div class="bg-gray-800 rounded-lg shadow-xl overflow-hidden">
33
+ <!-- Terminal Header -->
34
+ <div class="bg-gray-700 px-4 py-3 flex items-center">
35
+ <div class="flex space-x-2 mr-4">
36
+ <div class="w-3 h-3 rounded-full bg-red-500"></div>
37
+ <div class="w-3 h-3 rounded-full bg-yellow-500"></div>
38
+ <div class="w-3 h-3 rounded-full bg-green-500"></div>
39
+ </div>
40
+ <div class="text-sm text-gray-300">Terminal - Running Yris</div>
41
+ </div>
42
+
43
+ <!-- Terminal Body -->
44
+ <div class="p-4 font-mono text-sm">
45
+ <div id="terminalContent" class="space-y-2">
46
+ <div class="terminal-line">$ yris --init</div>
47
+ <div class="terminal-line text-green-400">Initializing Yris environment...</div>
48
+ <div class="terminal-line">Checking system requirements:</div>
49
+ <div class="terminal-line ml-4">✓ RAM: 8GB available</div>
50
+ <div class="terminal-line ml-4">✓ Storage: 25GB free space</div>
51
+ <div class="terminal-line ml-4">✓ Network: Connected</div>
52
+ <div class="terminal-line text-green-400">System check passed</div>
53
+ <div class="terminal-line">Downloading Yris components (v2.4.1)...</div>
54
+ <div class="w-full bg-gray-700 rounded-full h-2.5 mt-2 mb-4">
55
+ <div id="progressBar" class="bg-green-500 h-2.5 rounded-full" style="width: 0%"></div>
56
+ </div>
57
+ <div id="dynamicOutput" class="space-y-2"></div>
58
+ <div class="flex items-center">
59
+ <span class="text-green-400 mr-2">$</span>
60
+ <span id="commandInput" class="flex-1 bg-transparent outline-none"></span>
61
+ <span class="blinking-cursor">|</span>
62
+ </div>
63
+ </div>
64
+ </div>
65
+ </div>
66
+
67
+ <!-- Status Panel -->
68
+ <div class="mt-6 bg-gray-800 rounded-lg p-4">
69
+ <div class="flex items-center justify-between mb-4">
70
+ <h3 class="text-lg font-medium">Yris Execution Status</h3>
71
+ <div class="flex items-center space-x-2">
72
+ <span id="statusIndicator" class="flex w-3 h-3 bg-yellow-500 rounded-full pulse"></span>
73
+ <span id="statusText" class="text-sm">Initializing</span>
74
+ </div>
75
+ </div>
76
+
77
+ <div class="grid grid-cols-3 gap-4 text-sm">
78
+ <div class="bg-gray-700 p-3 rounded">
79
+ <div class="text-gray-400 mb-1">Version</div>
80
+ <div id="versionInfo" class="font-medium">2.4.1</div>
81
+ </div>
82
+ <div class="bg-gray-700 p-3 rounded">
83
+ <div class="text-gray-400 mb-1">Process ID</div>
84
+ <div class="font-medium">#YR-2849</div>
85
+ </div>
86
+ <div class="bg-gray-700 p-3 rounded">
87
+ <div class="text-gray-400 mb-1">Time Elapsed</div>
88
+ <div id="timeElapsed" class="font-medium">00:00:00</div>
89
+ </div>
90
+ </div>
91
+
92
+ <div class="mt-4 flex space-x-3">
93
+ <button id="pauseBtn" class="px-4 py-2 bg-yellow-600 text-white rounded hover:bg-yellow-700 transition flex items-center">
94
+ <i class="fas fa-pause mr-2"></i> Pause
95
+ </button>
96
+ <button id="stopBtn" class="px-4 py-2 bg-red-600 text-white rounded hover:bg-red-700 transition flex items-center">
97
+ <i class="fas fa-stop mr-2"></i> Stop
98
+ </button>
99
+ <button id="logsBtn" class="px-4 py-2 bg-gray-600 text-white rounded hover:bg-gray-700 transition flex items-center">
100
+ <i class="fas fa-scroll mr-2"></i> View Logs
101
+ </button>
102
+ </div>
103
+ </div>
104
+ </div>
105
+
106
+ <!-- Logs Modal -->
107
+ <div id="logsModal" class="fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50 hidden">
108
+ <div class="bg-gray-800 rounded-lg shadow-xl w-full max-w-4xl max-h-[90vh] flex flex-col">
109
+ <div class="flex justify-between items-center border-b border-gray-700 px-6 py-4">
110
+ <h3 class="text-lg font-medium">Yris Execution Logs</h3>
111
+ <button id="closeLogsModal" class="text-gray-400 hover:text-gray-200">
112
+ <i class="fas fa-times"></i>
113
+ </button>
114
+ </div>
115
+ <div class="p-6 overflow-y-auto flex-1 font-mono text-sm bg-gray-900">
116
+ <div id="logsContent" class="space-y-1">
117
+ <!-- Logs will be added here -->
118
+ </div>
119
+ </div>
120
+ <div class="bg-gray-700 px-6 py-3 flex justify-between items-center">
121
+ <div class="text-sm text-gray-400">
122
+ <span id="logCount">0</span> log entries
123
+ </div>
124
+ <div class="flex space-x-3">
125
+ <button id="exportLogs" class="px-3 py-1 bg-gray-600 text-white rounded text-sm hover:bg-gray-500 transition">
126
+ <i class="fas fa-download mr-1"></i> Export
127
+ </button>
128
+ <button id="clearLogs" class="px-3 py-1 bg-red-600 text-white rounded text-sm hover:bg-red-500 transition">
129
+ <i class="fas fa-trash mr-1"></i> Clear
130
+ </button>
131
+ </div>
132
+ </div>
133
+ </div>
134
+ </div>
135
+
136
+ <script>
137
+ // DOM Elements
138
+ const dynamicOutput = document.getElementById('dynamicOutput');
139
+ const progressBar = document.getElementById('progressBar');
140
+ const statusIndicator = document.getElementById('statusIndicator');
141
+ const statusText = document.getElementById('statusText');
142
+ const versionInfo = document.getElementById('versionInfo');
143
+ const timeElapsed = document.getElementById('timeElapsed');
144
+ const pauseBtn = document.getElementById('pauseBtn');
145
+ const stopBtn = document.getElementById('stopBtn');
146
+ const logsBtn = document.getElementById('logsBtn');
147
+ const logsModal = document.getElementById('logsModal');
148
+ const logsContent = document.getElementById('logsContent');
149
+ const logCount = document.getElementById('logCount');
150
+ const closeLogsModal = document.getElementById('closeLogsModal');
151
+ const exportLogs = document.getElementById('exportLogs');
152
+ const clearLogs = document.getElementById('clearLogs');
153
+
154
+ // State
155
+ let isRunning = true;
156
+ let isPaused = false;
157
+ let startTime = new Date();
158
+ let logs = [];
159
+ let progress = 0;
160
+ let timerInterval;
161
+ let executionInterval;
162
+
163
+ // Format time
164
+ function formatTime(seconds) {
165
+ const hrs = Math.floor(seconds / 3600);
166
+ const mins = Math.floor((seconds % 3600) / 60);
167
+ const secs = seconds % 60;
168
+ return `${hrs.toString().padStart(2, '0')}:${mins.toString().padStart(2, '0')}:${secs.toString().padStart(2, '0')}`;
169
+ }
170
+
171
+ // Add log entry
172
+ function addLog(message, type = 'info') {
173
+ const timestamp = new Date().toISOString().split('T')[1].split('.')[0];
174
+ const logEntry = {
175
+ timestamp,
176
+ message,
177
+ type
178
+ };
179
+
180
+ logs.push(logEntry);
181
+ logCount.textContent = logs.length;
182
+
183
+ // Add to logs modal if open
184
+ if (!logsModal.classList.contains('hidden')) {
185
+ const logElement = document.createElement('div');
186
+ logElement.className = `flex ${type === 'error' ? 'text-red-400' : type === 'warning' ? 'text-yellow-400' : 'text-gray-400'}`;
187
+ logElement.innerHTML = `
188
+ <span class="mr-3">[${timestamp}]</span>
189
+ <span>${message}</span>
190
+ `;
191
+ logsContent.appendChild(logElement);
192
+ logsContent.scrollTop = logsContent.scrollHeight;
193
+ }
194
+
195
+ return logEntry;
196
+ }
197
+
198
+ // Update timer
199
+ function updateTimer() {
200
+ const now = new Date();
201
+ const elapsedSeconds = Math.floor((now - startTime) / 1000);
202
+ timeElapsed.textContent = formatTime(elapsedSeconds);
203
+ }
204
+
205
+ // Simulate Yris execution
206
+ function simulateExecution() {
207
+ if (isPaused) return;
208
+
209
+ progress += Math.random() * 5;
210
+ if (progress > 100) progress = 100;
211
+ progressBar.style.width = `${progress}%`;
212
+
213
+ if (progress < 30) {
214
+ statusText.textContent = "Initializing";
215
+ statusIndicator.className = "flex w-3 h-3 bg-yellow-500 rounded-full pulse";
216
+
217
+ if (Math.random() > 0.7) {
218
+ const messages = [
219
+ "Loading core modules...",
220
+ "Validating configuration...",
221
+ "Establishing secure connection...",
222
+ "Allocating system resources..."
223
+ ];
224
+ const message = messages[Math.floor(Math.random() * messages.length)];
225
+ addOutput(message);
226
+ addLog(message);
227
+ }
228
+ }
229
+ else if (progress < 70) {
230
+ statusText.textContent = "Processing";
231
+ statusIndicator.className = "flex w-3 h-3 bg-blue-500 rounded-full pulse";
232
+
233
+ if (Math.random() > 0.8) {
234
+ const messages = [
235
+ "Processing data batch #" + Math.floor(Math.random() * 100),
236
+ "Optimizing performance...",
237
+ "Running analysis algorithms...",
238
+ "Generating intermediate results..."
239
+ ];
240
+ const message = messages[Math.floor(Math.random() * messages.length)];
241
+ addOutput(message);
242
+ addLog(message);
243
+ }
244
+ }
245
+ else {
246
+ statusText.textContent = "Finalizing";
247
+ statusIndicator.className = "flex w-3 h-3 bg-green-500 rounded-full pulse";
248
+
249
+ if (Math.random() > 0.85) {
250
+ const messages = [
251
+ "Compressing output data...",
252
+ "Generating reports...",
253
+ "Cleaning up temporary files...",
254
+ "Finalizing execution sequence..."
255
+ ];
256
+ const message = messages[Math.floor(Math.random() * messages.length)];
257
+ addOutput(message);
258
+ addLog(message);
259
+ }
260
+ }
261
+
262
+ if (progress >= 100) {
263
+ completeExecution();
264
+ }
265
+ }
266
+
267
+ // Add output to terminal
268
+ function addOutput(message, isError = false) {
269
+ const outputLine = document.createElement('div');
270
+ outputLine.className = `terminal-line ${isError ? 'text-red-400' : 'text-gray-300'}`;
271
+ outputLine.textContent = message;
272
+ dynamicOutput.appendChild(outputLine);
273
+ }
274
+
275
+ // Complete execution
276
+ function completeExecution() {
277
+ clearInterval(executionInterval);
278
+ isRunning = false;
279
+
280
+ statusText.textContent = "Completed";
281
+ statusIndicator.className = "flex w-3 h-3 bg-green-500 rounded-full";
282
+ statusIndicator.classList.remove('pulse');
283
+
284
+ addOutput("Yris execution completed successfully", false);
285
+ addLog("Yris execution completed successfully");
286
+
287
+ pauseBtn.disabled = true;
288
+ stopBtn.disabled = true;
289
+
290
+ // Show completion message
291
+ setTimeout(() => {
292
+ addOutput("Results saved to /var/yris/output/results_20240415.json");
293
+ addOutput("To view full report: yris --report results_20240415");
294
+ }, 1000);
295
+ }
296
+
297
+ // Stop execution
298
+ function stopExecution() {
299
+ clearInterval(executionInterval);
300
+ isRunning = false;
301
+
302
+ statusText.textContent = "Stopped";
303
+ statusIndicator.className = "flex w-3 h-3 bg-red-500 rounded-full";
304
+ statusIndicator.classList.remove('pulse');
305
+
306
+ addOutput("Yris execution stopped by user", true);
307
+ addLog("Execution stopped by user", "error");
308
+
309
+ pauseBtn.disabled = true;
310
+ stopBtn.disabled = true;
311
+ }
312
+
313
+ // Pause/resume execution
314
+ function togglePause() {
315
+ isPaused = !isPaused;
316
+
317
+ if (isPaused) {
318
+ statusText.textContent = "Paused";
319
+ statusIndicator.className = "flex w-3 h-3 bg-yellow-500 rounded-full";
320
+ statusIndicator.classList.remove('pulse');
321
+
322
+ pauseBtn.innerHTML = '<i class="fas fa-play mr-2"></i> Resume';
323
+ addOutput("Yris execution paused", false);
324
+ addLog("Execution paused", "warning");
325
+ } else {
326
+ statusText.textContent = "Running";
327
+ statusIndicator.className = "flex w-3 h-3 bg-blue-500 rounded-full pulse";
328
+
329
+ pauseBtn.innerHTML = '<i class="fas fa-pause mr-2"></i> Pause';
330
+ addOutput("Yris execution resumed", false);
331
+ addLog("Execution resumed");
332
+ }
333
+ }
334
+
335
+ // Initialize
336
+ function init() {
337
+ // Start timer
338
+ timerInterval = setInterval(updateTimer, 1000);
339
+
340
+ // Start execution simulation
341
+ executionInterval = setInterval(simulateExecution, 800);
342
+
343
+ // Add initial logs
344
+ addLog("Starting Yris v2.4.1");
345
+ addLog("System check completed");
346
+ addLog("Initialization sequence started");
347
+
348
+ // Event listeners
349
+ pauseBtn.addEventListener('click', togglePause);
350
+ stopBtn.addEventListener('click', stopExecution);
351
+
352
+ logsBtn.addEventListener('click', () => {
353
+ // Populate logs modal
354
+ logsContent.innerHTML = '';
355
+ logs.forEach(log => {
356
+ const logElement = document.createElement('div');
357
+ logElement.className = `flex ${log.type === 'error' ? 'text-red-400' : log.type === 'warning' ? 'text-yellow-400' : 'text-gray-400'}`;
358
+ logElement.innerHTML = `
359
+ <span class="mr-3">[${log.timestamp}]</span>
360
+ <span>${log.message}</span>
361
+ `;
362
+ logsContent.appendChild(logElement);
363
+ });
364
+
365
+ logsModal.classList.remove('hidden');
366
+ document.body.style.overflow = 'hidden';
367
+ });
368
+
369
+ closeLogsModal.addEventListener('click', () => {
370
+ logsModal.classList.add('hidden');
371
+ document.body.style.overflow = 'auto';
372
+ });
373
+
374
+ exportLogs.addEventListener('click', () => {
375
+ const dataStr = JSON.stringify(logs, null, 2);
376
+ const dataUri = 'data:application/json;charset=utf-8,'+ encodeURIComponent(dataStr);
377
+
378
+ const exportFileDefaultName = `yris-logs-${new Date().toISOString().slice(0,10)}.json`;
379
+
380
+ const linkElement = document.createElement('a');
381
+ linkElement.setAttribute('href', dataUri);
382
+ linkElement.setAttribute('download', exportFileDefaultName);
383
+ linkElement.click();
384
+
385
+ addLog("Logs exported to " + exportFileDefaultName);
386
+ });
387
+
388
+ clearLogs.addEventListener('click', () => {
389
+ if (confirm('Are you sure you want to clear all logs?')) {
390
+ logs = [];
391
+ logCount.textContent = '0';
392
+ logsContent.innerHTML = '';
393
+ addLog("Logs cleared");
394
+ }
395
+ });
396
+
397
+ logsModal.addEventListener('click', (e) => {
398
+ if (e.target === logsModal) {
399
+ logsModal.classList.add('hidden');
400
+ document.body.style.overflow = 'auto';
401
+ }
402
+ });
403
+
404
+ // Simulate some initial output
405
+ setTimeout(() => {
406
+ addOutput("Yris v2.4.1 initialized");
407
+ addOutput("Running on Node v16.14.2");
408
+ addOutput("Platform: linux/x64");
409
+ }, 500);
410
+
411
+ setTimeout(() => {
412
+ addOutput("Connected to database cluster (3 nodes)");
413
+ }, 1500);
414
+ }
415
+
416
+ // Initialize when DOM is loaded
417
+ document.addEventListener('DOMContentLoaded', init);
418
+ </script>
419
+ <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=Edespina/yris" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
420
+ </html>
prompts.txt ADDED
@@ -0,0 +1,3 @@
 
 
 
 
1
+ How recovery all the old command
2
+ I want run all the command of generate today
3
+ Run Yris