Eduardo Nacimiento García commited on
Commit
5491371
·
1 Parent(s): 5208ded
Files changed (3) hide show
  1. LICENSE +661 -0
  2. README.md +50 -1
  3. index.html +1063 -18
LICENSE ADDED
@@ -0,0 +1,661 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ GNU AFFERO GENERAL PUBLIC LICENSE
2
+ Version 3, 19 November 2007
3
+
4
+ Copyright (C) 2007 Free Software Foundation, Inc. <https://fsf.org/>
5
+ Everyone is permitted to copy and distribute verbatim copies
6
+ of this license document, but changing it is not allowed.
7
+
8
+ Preamble
9
+
10
+ The GNU Affero General Public License is a free, copyleft license for
11
+ software and other kinds of works, specifically designed to ensure
12
+ cooperation with the community in the case of network server software.
13
+
14
+ The licenses for most software and other practical works are designed
15
+ to take away your freedom to share and change the works. By contrast,
16
+ our General Public Licenses are intended to guarantee your freedom to
17
+ share and change all versions of a program--to make sure it remains free
18
+ software for all its users.
19
+
20
+ When we speak of free software, we are referring to freedom, not
21
+ price. Our General Public Licenses are designed to make sure that you
22
+ have the freedom to distribute copies of free software (and charge for
23
+ them if you wish), that you receive source code or can get it if you
24
+ want it, that you can change the software or use pieces of it in new
25
+ free programs, and that you know you can do these things.
26
+
27
+ Developers that use our General Public Licenses protect your rights
28
+ with two steps: (1) assert copyright on the software, and (2) offer
29
+ you this License which gives you legal permission to copy, distribute
30
+ and/or modify the software.
31
+
32
+ A secondary benefit of defending all users' freedom is that
33
+ improvements made in alternate versions of the program, if they
34
+ receive widespread use, become available for other developers to
35
+ incorporate. Many developers of free software are heartened and
36
+ encouraged by the resulting cooperation. However, in the case of
37
+ software used on network servers, this result may fail to come about.
38
+ The GNU General Public License permits making a modified version and
39
+ letting the public access it on a server without ever releasing its
40
+ source code to the public.
41
+
42
+ The GNU Affero General Public License is designed specifically to
43
+ ensure that, in such cases, the modified source code becomes available
44
+ to the community. It requires the operator of a network server to
45
+ provide the source code of the modified version running there to the
46
+ users of that server. Therefore, public use of a modified version, on
47
+ a publicly accessible server, gives the public access to the source
48
+ code of the modified version.
49
+
50
+ An older license, called the Affero General Public License and
51
+ published by Affero, was designed to accomplish similar goals. This is
52
+ a different license, not a version of the Affero GPL, but Affero has
53
+ released a new version of the Affero GPL which permits relicensing under
54
+ this license.
55
+
56
+ The precise terms and conditions for copying, distribution and
57
+ modification follow.
58
+
59
+ TERMS AND CONDITIONS
60
+
61
+ 0. Definitions.
62
+
63
+ "This License" refers to version 3 of the GNU Affero General Public License.
64
+
65
+ "Copyright" also means copyright-like laws that apply to other kinds of
66
+ works, such as semiconductor masks.
67
+
68
+ "The Program" refers to any copyrightable work licensed under this
69
+ License. Each licensee is addressed as "you". "Licensees" and
70
+ "recipients" may be individuals or organizations.
71
+
72
+ To "modify" a work means to copy from or adapt all or part of the work
73
+ in a fashion requiring copyright permission, other than the making of an
74
+ exact copy. The resulting work is called a "modified version" of the
75
+ earlier work or a work "based on" the earlier work.
76
+
77
+ A "covered work" means either the unmodified Program or a work based
78
+ on the Program.
79
+
80
+ To "propagate" a work means to do anything with it that, without
81
+ permission, would make you directly or secondarily liable for
82
+ infringement under applicable copyright law, except executing it on a
83
+ computer or modifying a private copy. Propagation includes copying,
84
+ distribution (with or without modification), making available to the
85
+ public, and in some countries other activities as well.
86
+
87
+ To "convey" a work means any kind of propagation that enables other
88
+ parties to make or receive copies. Mere interaction with a user through
89
+ a computer network, with no transfer of a copy, is not conveying.
90
+
91
+ An interactive user interface displays "Appropriate Legal Notices"
92
+ to the extent that it includes a convenient and prominently visible
93
+ feature that (1) displays an appropriate copyright notice, and (2)
94
+ tells the user that there is no warranty for the work (except to the
95
+ extent that warranties are provided), that licensees may convey the
96
+ work under this License, and how to view a copy of this License. If
97
+ the interface presents a list of user commands or options, such as a
98
+ menu, a prominent item in the list meets this criterion.
99
+
100
+ 1. Source Code.
101
+
102
+ The "source code" for a work means the preferred form of the work
103
+ for making modifications to it. "Object code" means any non-source
104
+ form of a work.
105
+
106
+ A "Standard Interface" means an interface that either is an official
107
+ standard defined by a recognized standards body, or, in the case of
108
+ interfaces specified for a particular programming language, one that
109
+ is widely used among developers working in that language.
110
+
111
+ The "System Libraries" of an executable work include anything, other
112
+ than the work as a whole, that (a) is included in the normal form of
113
+ packaging a Major Component, but which is not part of that Major
114
+ Component, and (b) serves only to enable use of the work with that
115
+ Major Component, or to implement a Standard Interface for which an
116
+ implementation is available to the public in source code form. A
117
+ "Major Component", in this context, means a major essential component
118
+ (kernel, window system, and so on) of the specific operating system
119
+ (if any) on which the executable work runs, or a compiler used to
120
+ produce the work, or an object code interpreter used to run it.
121
+
122
+ The "Corresponding Source" for a work in object code form means all
123
+ the source code needed to generate, install, and (for an executable
124
+ work) run the object code and to modify the work, including scripts to
125
+ control those activities. However, it does not include the work's
126
+ System Libraries, or general-purpose tools or generally available free
127
+ programs which are used unmodified in performing those activities but
128
+ which are not part of the work. For example, Corresponding Source
129
+ includes interface definition files associated with source files for
130
+ the work, and the source code for shared libraries and dynamically
131
+ linked subprograms that the work is specifically designed to require,
132
+ such as by intimate data communication or control flow between those
133
+ subprograms and other parts of the work.
134
+
135
+ The Corresponding Source need not include anything that users
136
+ can regenerate automatically from other parts of the Corresponding
137
+ Source.
138
+
139
+ The Corresponding Source for a work in source code form is that
140
+ same work.
141
+
142
+ 2. Basic Permissions.
143
+
144
+ All rights granted under this License are granted for the term of
145
+ copyright on the Program, and are irrevocable provided the stated
146
+ conditions are met. This License explicitly affirms your unlimited
147
+ permission to run the unmodified Program. The output from running a
148
+ covered work is covered by this License only if the output, given its
149
+ content, constitutes a covered work. This License acknowledges your
150
+ rights of fair use or other equivalent, as provided by copyright law.
151
+
152
+ You may make, run and propagate covered works that you do not
153
+ convey, without conditions so long as your license otherwise remains
154
+ in force. You may convey covered works to others for the sole purpose
155
+ of having them make modifications exclusively for you, or provide you
156
+ with facilities for running those works, provided that you comply with
157
+ the terms of this License in conveying all material for which you do
158
+ not control copyright. Those thus making or running the covered works
159
+ for you must do so exclusively on your behalf, under your direction
160
+ and control, on terms that prohibit them from making any copies of
161
+ your copyrighted material outside their relationship with you.
162
+
163
+ Conveying under any other circumstances is permitted solely under
164
+ the conditions stated below. Sublicensing is not allowed; section 10
165
+ makes it unnecessary.
166
+
167
+ 3. Protecting Users' Legal Rights From Anti-Circumvention Law.
168
+
169
+ No covered work shall be deemed part of an effective technological
170
+ measure under any applicable law fulfilling obligations under article
171
+ 11 of the WIPO copyright treaty adopted on 20 December 1996, or
172
+ similar laws prohibiting or restricting circumvention of such
173
+ measures.
174
+
175
+ When you convey a covered work, you waive any legal power to forbid
176
+ circumvention of technological measures to the extent such circumvention
177
+ is effected by exercising rights under this License with respect to
178
+ the covered work, and you disclaim any intention to limit operation or
179
+ modification of the work as a means of enforcing, against the work's
180
+ users, your or third parties' legal rights to forbid circumvention of
181
+ technological measures.
182
+
183
+ 4. Conveying Verbatim Copies.
184
+
185
+ You may convey verbatim copies of the Program's source code as you
186
+ receive it, in any medium, provided that you conspicuously and
187
+ appropriately publish on each copy an appropriate copyright notice;
188
+ keep intact all notices stating that this License and any
189
+ non-permissive terms added in accord with section 7 apply to the code;
190
+ keep intact all notices of the absence of any warranty; and give all
191
+ recipients a copy of this License along with the Program.
192
+
193
+ You may charge any price or no price for each copy that you convey,
194
+ and you may offer support or warranty protection for a fee.
195
+
196
+ 5. Conveying Modified Source Versions.
197
+
198
+ You may convey a work based on the Program, or the modifications to
199
+ produce it from the Program, in the form of source code under the
200
+ terms of section 4, provided that you also meet all of these conditions:
201
+
202
+ a) The work must carry prominent notices stating that you modified
203
+ it, and giving a relevant date.
204
+
205
+ b) The work must carry prominent notices stating that it is
206
+ released under this License and any conditions added under section
207
+ 7. This requirement modifies the requirement in section 4 to
208
+ "keep intact all notices".
209
+
210
+ c) You must license the entire work, as a whole, under this
211
+ License to anyone who comes into possession of a copy. This
212
+ License will therefore apply, along with any applicable section 7
213
+ additional terms, to the whole of the work, and all its parts,
214
+ regardless of how they are packaged. This License gives no
215
+ permission to license the work in any other way, but it does not
216
+ invalidate such permission if you have separately received it.
217
+
218
+ d) If the work has interactive user interfaces, each must display
219
+ Appropriate Legal Notices; however, if the Program has interactive
220
+ interfaces that do not display Appropriate Legal Notices, your
221
+ work need not make them do so.
222
+
223
+ A compilation of a covered work with other separate and independent
224
+ works, which are not by their nature extensions of the covered work,
225
+ and which are not combined with it such as to form a larger program,
226
+ in or on a volume of a storage or distribution medium, is called an
227
+ "aggregate" if the compilation and its resulting copyright are not
228
+ used to limit the access or legal rights of the compilation's users
229
+ beyond what the individual works permit. Inclusion of a covered work
230
+ in an aggregate does not cause this License to apply to the other
231
+ parts of the aggregate.
232
+
233
+ 6. Conveying Non-Source Forms.
234
+
235
+ You may convey a covered work in object code form under the terms
236
+ of sections 4 and 5, provided that you also convey the
237
+ machine-readable Corresponding Source under the terms of this License,
238
+ in one of these ways:
239
+
240
+ a) Convey the object code in, or embodied in, a physical product
241
+ (including a physical distribution medium), accompanied by the
242
+ Corresponding Source fixed on a durable physical medium
243
+ customarily used for software interchange.
244
+
245
+ b) Convey the object code in, or embodied in, a physical product
246
+ (including a physical distribution medium), accompanied by a
247
+ written offer, valid for at least three years and valid for as
248
+ long as you offer spare parts or customer support for that product
249
+ model, to give anyone who possesses the object code either (1) a
250
+ copy of the Corresponding Source for all the software in the
251
+ product that is covered by this License, on a durable physical
252
+ medium customarily used for software interchange, for a price no
253
+ more than your reasonable cost of physically performing this
254
+ conveying of source, or (2) access to copy the
255
+ Corresponding Source from a network server at no charge.
256
+
257
+ c) Convey individual copies of the object code with a copy of the
258
+ written offer to provide the Corresponding Source. This
259
+ alternative is allowed only occasionally and noncommercially, and
260
+ only if you received the object code with such an offer, in accord
261
+ with subsection 6b.
262
+
263
+ d) Convey the object code by offering access from a designated
264
+ place (gratis or for a charge), and offer equivalent access to the
265
+ Corresponding Source in the same way through the same place at no
266
+ further charge. You need not require recipients to copy the
267
+ Corresponding Source along with the object code. If the place to
268
+ copy the object code is a network server, the Corresponding Source
269
+ may be on a different server (operated by you or a third party)
270
+ that supports equivalent copying facilities, provided you maintain
271
+ clear directions next to the object code saying where to find the
272
+ Corresponding Source. Regardless of what server hosts the
273
+ Corresponding Source, you remain obligated to ensure that it is
274
+ available for as long as needed to satisfy these requirements.
275
+
276
+ e) Convey the object code using peer-to-peer transmission, provided
277
+ you inform other peers where the object code and Corresponding
278
+ Source of the work are being offered to the general public at no
279
+ charge under subsection 6d.
280
+
281
+ A separable portion of the object code, whose source code is excluded
282
+ from the Corresponding Source as a System Library, need not be
283
+ included in conveying the object code work.
284
+
285
+ A "User Product" is either (1) a "consumer product", which means any
286
+ tangible personal property which is normally used for personal, family,
287
+ or household purposes, or (2) anything designed or sold for incorporation
288
+ into a dwelling. In determining whether a product is a consumer product,
289
+ doubtful cases shall be resolved in favor of coverage. For a particular
290
+ product received by a particular user, "normally used" refers to a
291
+ typical or common use of that class of product, regardless of the status
292
+ of the particular user or of the way in which the particular user
293
+ actually uses, or expects or is expected to use, the product. A product
294
+ is a consumer product regardless of whether the product has substantial
295
+ commercial, industrial or non-consumer uses, unless such uses represent
296
+ the only significant mode of use of the product.
297
+
298
+ "Installation Information" for a User Product means any methods,
299
+ procedures, authorization keys, or other information required to install
300
+ and execute modified versions of a covered work in that User Product from
301
+ a modified version of its Corresponding Source. The information must
302
+ suffice to ensure that the continued functioning of the modified object
303
+ code is in no case prevented or interfered with solely because
304
+ modification has been made.
305
+
306
+ If you convey an object code work under this section in, or with, or
307
+ specifically for use in, a User Product, and the conveying occurs as
308
+ part of a transaction in which the right of possession and use of the
309
+ User Product is transferred to the recipient in perpetuity or for a
310
+ fixed term (regardless of how the transaction is characterized), the
311
+ Corresponding Source conveyed under this section must be accompanied
312
+ by the Installation Information. But this requirement does not apply
313
+ if neither you nor any third party retains the ability to install
314
+ modified object code on the User Product (for example, the work has
315
+ been installed in ROM).
316
+
317
+ The requirement to provide Installation Information does not include a
318
+ requirement to continue to provide support service, warranty, or updates
319
+ for a work that has been modified or installed by the recipient, or for
320
+ the User Product in which it has been modified or installed. Access to a
321
+ network may be denied when the modification itself materially and
322
+ adversely affects the operation of the network or violates the rules and
323
+ protocols for communication across the network.
324
+
325
+ Corresponding Source conveyed, and Installation Information provided,
326
+ in accord with this section must be in a format that is publicly
327
+ documented (and with an implementation available to the public in
328
+ source code form), and must require no special password or key for
329
+ unpacking, reading or copying.
330
+
331
+ 7. Additional Terms.
332
+
333
+ "Additional permissions" are terms that supplement the terms of this
334
+ License by making exceptions from one or more of its conditions.
335
+ Additional permissions that are applicable to the entire Program shall
336
+ be treated as though they were included in this License, to the extent
337
+ that they are valid under applicable law. If additional permissions
338
+ apply only to part of the Program, that part may be used separately
339
+ under those permissions, but the entire Program remains governed by
340
+ this License without regard to the additional permissions.
341
+
342
+ When you convey a copy of a covered work, you may at your option
343
+ remove any additional permissions from that copy, or from any part of
344
+ it. (Additional permissions may be written to require their own
345
+ removal in certain cases when you modify the work.) You may place
346
+ additional permissions on material, added by you to a covered work,
347
+ for which you have or can give appropriate copyright permission.
348
+
349
+ Notwithstanding any other provision of this License, for material you
350
+ add to a covered work, you may (if authorized by the copyright holders of
351
+ that material) supplement the terms of this License with terms:
352
+
353
+ a) Disclaiming warranty or limiting liability differently from the
354
+ terms of sections 15 and 16 of this License; or
355
+
356
+ b) Requiring preservation of specified reasonable legal notices or
357
+ author attributions in that material or in the Appropriate Legal
358
+ Notices displayed by works containing it; or
359
+
360
+ c) Prohibiting misrepresentation of the origin of that material, or
361
+ requiring that modified versions of such material be marked in
362
+ reasonable ways as different from the original version; or
363
+
364
+ d) Limiting the use for publicity purposes of names of licensors or
365
+ authors of the material; or
366
+
367
+ e) Declining to grant rights under trademark law for use of some
368
+ trade names, trademarks, or service marks; or
369
+
370
+ f) Requiring indemnification of licensors and authors of that
371
+ material by anyone who conveys the material (or modified versions of
372
+ it) with contractual assumptions of liability to the recipient, for
373
+ any liability that these contractual assumptions directly impose on
374
+ those licensors and authors.
375
+
376
+ All other non-permissive additional terms are considered "further
377
+ restrictions" within the meaning of section 10. If the Program as you
378
+ received it, or any part of it, contains a notice stating that it is
379
+ governed by this License along with a term that is a further
380
+ restriction, you may remove that term. If a license document contains
381
+ a further restriction but permits relicensing or conveying under this
382
+ License, you may add to a covered work material governed by the terms
383
+ of that license document, provided that the further restriction does
384
+ not survive such relicensing or conveying.
385
+
386
+ If you add terms to a covered work in accord with this section, you
387
+ must place, in the relevant source files, a statement of the
388
+ additional terms that apply to those files, or a notice indicating
389
+ where to find the applicable terms.
390
+
391
+ Additional terms, permissive or non-permissive, may be stated in the
392
+ form of a separately written license, or stated as exceptions;
393
+ the above requirements apply either way.
394
+
395
+ 8. Termination.
396
+
397
+ You may not propagate or modify a covered work except as expressly
398
+ provided under this License. Any attempt otherwise to propagate or
399
+ modify it is void, and will automatically terminate your rights under
400
+ this License (including any patent licenses granted under the third
401
+ paragraph of section 11).
402
+
403
+ However, if you cease all violation of this License, then your
404
+ license from a particular copyright holder is reinstated (a)
405
+ provisionally, unless and until the copyright holder explicitly and
406
+ finally terminates your license, and (b) permanently, if the copyright
407
+ holder fails to notify you of the violation by some reasonable means
408
+ prior to 60 days after the cessation.
409
+
410
+ Moreover, your license from a particular copyright holder is
411
+ reinstated permanently if the copyright holder notifies you of the
412
+ violation by some reasonable means, this is the first time you have
413
+ received notice of violation of this License (for any work) from that
414
+ copyright holder, and you cure the violation prior to 30 days after
415
+ your receipt of the notice.
416
+
417
+ Termination of your rights under this section does not terminate the
418
+ licenses of parties who have received copies or rights from you under
419
+ this License. If your rights have been terminated and not permanently
420
+ reinstated, you do not qualify to receive new licenses for the same
421
+ material under section 10.
422
+
423
+ 9. Acceptance Not Required for Having Copies.
424
+
425
+ You are not required to accept this License in order to receive or
426
+ run a copy of the Program. Ancillary propagation of a covered work
427
+ occurring solely as a consequence of using peer-to-peer transmission
428
+ to receive a copy likewise does not require acceptance. However,
429
+ nothing other than this License grants you permission to propagate or
430
+ modify any covered work. These actions infringe copyright if you do
431
+ not accept this License. Therefore, by modifying or propagating a
432
+ covered work, you indicate your acceptance of this License to do so.
433
+
434
+ 10. Automatic Licensing of Downstream Recipients.
435
+
436
+ Each time you convey a covered work, the recipient automatically
437
+ receives a license from the original licensors, to run, modify and
438
+ propagate that work, subject to this License. You are not responsible
439
+ for enforcing compliance by third parties with this License.
440
+
441
+ An "entity transaction" is a transaction transferring control of an
442
+ organization, or substantially all assets of one, or subdividing an
443
+ organization, or merging organizations. If propagation of a covered
444
+ work results from an entity transaction, each party to that
445
+ transaction who receives a copy of the work also receives whatever
446
+ licenses to the work the party's predecessor in interest had or could
447
+ give under the previous paragraph, plus a right to possession of the
448
+ Corresponding Source of the work from the predecessor in interest, if
449
+ the predecessor has it or can get it with reasonable efforts.
450
+
451
+ You may not impose any further restrictions on the exercise of the
452
+ rights granted or affirmed under this License. For example, you may
453
+ not impose a license fee, royalty, or other charge for exercise of
454
+ rights granted under this License, and you may not initiate litigation
455
+ (including a cross-claim or counterclaim in a lawsuit) alleging that
456
+ any patent claim is infringed by making, using, selling, offering for
457
+ sale, or importing the Program or any portion of it.
458
+
459
+ 11. Patents.
460
+
461
+ A "contributor" is a copyright holder who authorizes use under this
462
+ License of the Program or a work on which the Program is based. The
463
+ work thus licensed is called the contributor's "contributor version".
464
+
465
+ A contributor's "essential patent claims" are all patent claims
466
+ owned or controlled by the contributor, whether already acquired or
467
+ hereafter acquired, that would be infringed by some manner, permitted
468
+ by this License, of making, using, or selling its contributor version,
469
+ but do not include claims that would be infringed only as a
470
+ consequence of further modification of the contributor version. For
471
+ purposes of this definition, "control" includes the right to grant
472
+ patent sublicenses in a manner consistent with the requirements of
473
+ this License.
474
+
475
+ Each contributor grants you a non-exclusive, worldwide, royalty-free
476
+ patent license under the contributor's essential patent claims, to
477
+ make, use, sell, offer for sale, import and otherwise run, modify and
478
+ propagate the contents of its contributor version.
479
+
480
+ In the following three paragraphs, a "patent license" is any express
481
+ agreement or commitment, however denominated, not to enforce a patent
482
+ (such as an express permission to practice a patent or covenant not to
483
+ sue for patent infringement). To "grant" such a patent license to a
484
+ party means to make such an agreement or commitment not to enforce a
485
+ patent against the party.
486
+
487
+ If you convey a covered work, knowingly relying on a patent license,
488
+ and the Corresponding Source of the work is not available for anyone
489
+ to copy, free of charge and under the terms of this License, through a
490
+ publicly available network server or other readily accessible means,
491
+ then you must either (1) cause the Corresponding Source to be so
492
+ available, or (2) arrange to deprive yourself of the benefit of the
493
+ patent license for this particular work, or (3) arrange, in a manner
494
+ consistent with the requirements of this License, to extend the patent
495
+ license to downstream recipients. "Knowingly relying" means you have
496
+ actual knowledge that, but for the patent license, your conveying the
497
+ covered work in a country, or your recipient's use of the covered work
498
+ in a country, would infringe one or more identifiable patents in that
499
+ country that you have reason to believe are valid.
500
+
501
+ If, pursuant to or in connection with a single transaction or
502
+ arrangement, you convey, or propagate by procuring conveyance of, a
503
+ covered work, and grant a patent license to some of the parties
504
+ receiving the covered work authorizing them to use, propagate, modify
505
+ or convey a specific copy of the covered work, then the patent license
506
+ you grant is automatically extended to all recipients of the covered
507
+ work and works based on it.
508
+
509
+ A patent license is "discriminatory" if it does not include within
510
+ the scope of its coverage, prohibits the exercise of, or is
511
+ conditioned on the non-exercise of one or more of the rights that are
512
+ specifically granted under this License. You may not convey a covered
513
+ work if you are a party to an arrangement with a third party that is
514
+ in the business of distributing software, under which you make payment
515
+ to the third party based on the extent of your activity of conveying
516
+ the work, and under which the third party grants, to any of the
517
+ parties who would receive the covered work from you, a discriminatory
518
+ patent license (a) in connection with copies of the covered work
519
+ conveyed by you (or copies made from those copies), or (b) primarily
520
+ for and in connection with specific products or compilations that
521
+ contain the covered work, unless you entered into that arrangement,
522
+ or that patent license was granted, prior to 28 March 2007.
523
+
524
+ Nothing in this License shall be construed as excluding or limiting
525
+ any implied license or other defenses to infringement that may
526
+ otherwise be available to you under applicable patent law.
527
+
528
+ 12. No Surrender of Others' Freedom.
529
+
530
+ If conditions are imposed on you (whether by court order, agreement or
531
+ otherwise) that contradict the conditions of this License, they do not
532
+ excuse you from the conditions of this License. If you cannot convey a
533
+ covered work so as to satisfy simultaneously your obligations under this
534
+ License and any other pertinent obligations, then as a consequence you may
535
+ not convey it at all. For example, if you agree to terms that obligate you
536
+ to collect a royalty for further conveying from those to whom you convey
537
+ the Program, the only way you could satisfy both those terms and this
538
+ License would be to refrain entirely from conveying the Program.
539
+
540
+ 13. Remote Network Interaction; Use with the GNU General Public License.
541
+
542
+ Notwithstanding any other provision of this License, if you modify the
543
+ Program, your modified version must prominently offer all users
544
+ interacting with it remotely through a computer network (if your version
545
+ supports such interaction) an opportunity to receive the Corresponding
546
+ Source of your version by providing access to the Corresponding Source
547
+ from a network server at no charge, through some standard or customary
548
+ means of facilitating copying of software. This Corresponding Source
549
+ shall include the Corresponding Source for any work covered by version 3
550
+ of the GNU General Public License that is incorporated pursuant to the
551
+ following paragraph.
552
+
553
+ Notwithstanding any other provision of this License, you have
554
+ permission to link or combine any covered work with a work licensed
555
+ under version 3 of the GNU General Public License into a single
556
+ combined work, and to convey the resulting work. The terms of this
557
+ License will continue to apply to the part which is the covered work,
558
+ but the work with which it is combined will remain governed by version
559
+ 3 of the GNU General Public License.
560
+
561
+ 14. Revised Versions of this License.
562
+
563
+ The Free Software Foundation may publish revised and/or new versions of
564
+ the GNU Affero General Public License from time to time. Such new versions
565
+ will be similar in spirit to the present version, but may differ in detail to
566
+ address new problems or concerns.
567
+
568
+ Each version is given a distinguishing version number. If the
569
+ Program specifies that a certain numbered version of the GNU Affero General
570
+ Public License "or any later version" applies to it, you have the
571
+ option of following the terms and conditions either of that numbered
572
+ version or of any later version published by the Free Software
573
+ Foundation. If the Program does not specify a version number of the
574
+ GNU Affero General Public License, you may choose any version ever published
575
+ by the Free Software Foundation.
576
+
577
+ If the Program specifies that a proxy can decide which future
578
+ versions of the GNU Affero General Public License can be used, that proxy's
579
+ public statement of acceptance of a version permanently authorizes you
580
+ to choose that version for the Program.
581
+
582
+ Later license versions may give you additional or different
583
+ permissions. However, no additional obligations are imposed on any
584
+ author or copyright holder as a result of your choosing to follow a
585
+ later version.
586
+
587
+ 15. Disclaimer of Warranty.
588
+
589
+ THERE IS NO WARRANTY FOR THE PROGRAM, TO THE EXTENT PERMITTED BY
590
+ APPLICABLE LAW. EXCEPT WHEN OTHERWISE STATED IN WRITING THE COPYRIGHT
591
+ HOLDERS AND/OR OTHER PARTIES PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY
592
+ OF ANY KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING, BUT NOT LIMITED TO,
593
+ THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
594
+ PURPOSE. THE ENTIRE RISK AS TO THE QUALITY AND PERFORMANCE OF THE PROGRAM
595
+ IS WITH YOU. SHOULD THE PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF
596
+ ALL NECESSARY SERVICING, REPAIR OR CORRECTION.
597
+
598
+ 16. Limitation of Liability.
599
+
600
+ IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING
601
+ WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MODIFIES AND/OR CONVEYS
602
+ THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES, INCLUDING ANY
603
+ GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING OUT OF THE
604
+ USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED TO LOSS OF
605
+ DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY YOU OR THIRD
606
+ PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER PROGRAMS),
607
+ EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE POSSIBILITY OF
608
+ SUCH DAMAGES.
609
+
610
+ 17. Interpretation of Sections 15 and 16.
611
+
612
+ If the disclaimer of warranty and limitation of liability provided
613
+ above cannot be given local legal effect according to their terms,
614
+ reviewing courts shall apply local law that most closely approximates
615
+ an absolute waiver of all civil liability in connection with the
616
+ Program, unless a warranty or assumption of liability accompanies a
617
+ copy of the Program in return for a fee.
618
+
619
+ END OF TERMS AND CONDITIONS
620
+
621
+ How to Apply These Terms to Your New Programs
622
+
623
+ If you develop a new program, and you want it to be of the greatest
624
+ possible use to the public, the best way to achieve this is to make it
625
+ free software which everyone can redistribute and change under these terms.
626
+
627
+ To do so, attach the following notices to the program. It is safest
628
+ to attach them to the start of each source file to most effectively
629
+ state the exclusion of warranty; and each file should have at least
630
+ the "copyright" line and a pointer to where the full notice is found.
631
+
632
+ <one line to give the program's name and a brief idea of what it does.>
633
+ Copyright (C) <year> <name of author>
634
+
635
+ This program is free software: you can redistribute it and/or modify
636
+ it under the terms of the GNU Affero General Public License as published by
637
+ the Free Software Foundation, either version 3 of the License, or
638
+ (at your option) any later version.
639
+
640
+ This program is distributed in the hope that it will be useful,
641
+ but WITHOUT ANY WARRANTY; without even the implied warranty of
642
+ MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
643
+ GNU Affero General Public License for more details.
644
+
645
+ You should have received a copy of the GNU Affero General Public License
646
+ along with this program. If not, see <https://www.gnu.org/licenses/>.
647
+
648
+ Also add information on how to contact you by electronic and paper mail.
649
+
650
+ If your software can interact with users remotely through a computer
651
+ network, you should also make sure that it provides a way for users to
652
+ get its source. For example, if your program is a web application, its
653
+ interface could display a "Source" link that leads users to an archive
654
+ of the code. There are many ways you could offer source, and different
655
+ solutions will be better for different programs; see section 13 for the
656
+ specific requirements.
657
+
658
+ You should also get your employer (if you work as a programmer) or school,
659
+ if any, to sign a "copyright disclaimer" for the program, if necessary.
660
+ For more information on this, and how to apply and follow the GNU AGPL, see
661
+ <https://www.gnu.org/licenses/>.
README.md CHANGED
@@ -8,4 +8,53 @@ pinned: false
8
  license: agpl-3.0
9
  ---
10
 
11
- Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
8
  license: agpl-3.0
9
  ---
10
 
11
+ # DeepSeek IDE
12
+
13
+ Un entorno de desarrollo integrado (IDE) web con capacidades de análisis de código mediante IA.
14
+
15
+ ## Características principales
16
+
17
+ - Editor de código con resaltado de sintaxis para múltiples lenguajes (JavaScript, Python, HTML, CSS)
18
+ - Visualización de diferencias (diffs) en tiempo real
19
+ - Integración con DeepSeek API para análisis de código
20
+ - Historial de análisis guardados
21
+ - Formateo básico de código
22
+ - Interfaz responsive con paneles redimensionables
23
+
24
+ ## Tecnologías utilizadas
25
+
26
+ - CodeMirror (editor de código)
27
+ - Tailwind CSS (estilos)
28
+ - DeepSeek API (análisis de código con IA)
29
+ - Vanilla JavaScript
30
+
31
+ ## Requisitos
32
+
33
+ - Navegador web moderno
34
+ - Clave API de DeepSeek (opcional para funcionalidad de análisis)
35
+
36
+ ## Uso
37
+
38
+ 1. Abre `index.html` en tu navegador
39
+ 2. Escribe o pega tu código en el editor
40
+ 3. Usa Ctrl+Enter o el botón "Analyze" para obtener feedback de la IA
41
+
42
+ ## Licencia
43
+
44
+ Este proyecto está licenciado bajo la [GNU Affero General Public License v3.0](LICENSE).
45
+
46
+ ## Atribución
47
+
48
+ Autor: Eduardo Nacimiento García
49
+ Email: enacimie@ull.edu.es
50
+
51
+ El código fue creado con asistencia de [DeepSeek](https://deepseek.com).
52
+
53
+
54
+ ## Nota sobre la licencia AGPLv3
55
+
56
+ La licencia AGPLv3 es compatible con el uso de DeepSeek para la generaci��n de c��digo, ya que:
57
+
58
+ 1. DeepSeek no reclama derechos de autor sobre el c��digo generado
59
+ 2. La AGPLv3 solo afecta a la distribuci��n del software completo, no al proceso de creaci��n
60
+ 3. El c��digo generado se considera obra original del autor que utiliza la herramienta
index.html CHANGED
@@ -1,19 +1,1064 @@
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="es">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>DeepSeek IDE - Live Code Editor</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.65.2/codemirror.min.css">
9
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.65.2/theme/dracula.min.css">
10
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
11
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.65.2/codemirror.min.js"></script>
12
+ <!-- Todos los modos de lenguaje soportados -->
13
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.65.2/mode/javascript/javascript.min.js"></script>
14
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.65.2/mode/python/python.min.js"></script>
15
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.65.2/mode/htmlmixed/htmlmixed.min.js"></script>
16
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.65.2/mode/css/css.min.js"></script>
17
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.65.2/mode/xml/xml.min.js"></script>
18
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.65.2/mode/clike/clike.min.js"></script>
19
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.65.2/mode/php/php.min.js"></script>
20
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.65.2/mode/ruby/ruby.min.js"></script>
21
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.65.2/mode/shell/shell.min.js"></script>
22
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.65.2/mode/sql/sql.min.js"></script>
23
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.65.2/mode/swift/swift.min.js"></script>
24
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.65.2/mode/go/go.min.js"></script>
25
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.65.2/mode/rust/rust.min.js"></script>
26
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.65.2/addon/edit/matchbrackets.min.js"></script>
27
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.65.2/addon/edit/closebrackets.min.js"></script>
28
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.65.2/addon/comment/comment.min.js"></script>
29
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.65.2/addon/display/placeholder.min.js"></script>
30
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/jsdiff/5.0.0/diff.min.js"></script>
31
+ <style>
32
+ .cm-s-dracula .CodeMirror-activeline-background { background: rgba(255, 255, 255, 0.1) !important; }
33
+ .diff-added { background-color: rgba(40, 167, 69, 0.2); }
34
+ .diff-removed { background-color: rgba(220, 53, 69, 0.2); }
35
+ .diff-unchanged { opacity: 0.7; }
36
+ .CodeMirror { height: 100% !important; font-size: 14px; }
37
+ .resize-handle { width: 4px; background: rgba(156, 163, 175, 0.3); cursor: col-resize; }
38
+ .resize-handle:hover { background: rgba(156, 163, 175, 0.6); }
39
+ #output-container { scrollbar-width: thin; }
40
+ #output-container::-webkit-scrollbar { width: 6px; }
41
+ #output-container::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0.1); }
42
+ #output-container::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.2); }
43
+ .tab-active { border-bottom: 2px solid #3b82f6; color: white !important; }
44
+ .CodeMirror pre { padding: 0 8px; }
45
+ .file-tab { position: relative; }
46
+ .file-tab.active { background-color: rgba(59, 130, 246, 0.2); }
47
+ .file-tab-close { visibility: hidden; }
48
+ .file-tab:hover .file-tab-close { visibility: visible; }
49
+ .history-item:hover { background-color: rgba(55, 65, 81, 0.5); }
50
+ .prompt-container { transition: all 0.3s ease; }
51
+ .prompt-container.collapsed { height: 40px; overflow: hidden; }
52
+ .prompt-toggle { transform: rotate(0deg); transition: transform 0.3s ease; }
53
+ .prompt-toggle.collapsed { transform: rotate(180deg); }
54
+ .apply-diff-btn { transition: all 0.2s ease; }
55
+ .apply-diff-btn:hover { transform: scale(1.05); }
56
+ .code-block { position: relative; }
57
+ .code-block-copy { position: absolute; top: 0.5rem; right: 0.5rem; opacity: 0; transition: opacity 0.2s ease; }
58
+ .code-block:hover .code-block-copy { opacity: 1; }
59
+ .ai-cursor { position: absolute; background-color: rgba(59, 130, 246, 0.3); border-left: 2px solid #3b82f6; }
60
+ .ai-cursor-label { position: absolute; background-color: #3b82f6; color: white; font-size: 0.75rem; padding: 0.1rem 0.3rem; border-radius: 0.25rem; top: -1.25rem; left: -2px; white-space: nowrap; }
61
+ .typewriter-cursor { position: absolute; width: 2px; background-color: #3b82f6; animation: blink 1s infinite; }
62
+ @keyframes blink {
63
+ 0%, 100% { opacity: 1; }
64
+ 50% { opacity: 0; }
65
+ }
66
+ </style>
67
+ </head>
68
+ <body class="bg-gray-900 text-gray-100 h-screen flex flex-col overflow-hidden">
69
+ <!-- Header -->
70
+ <header class="bg-gray-800 px-4 py-3 flex items-center justify-between border-b border-gray-700">
71
+ <div class="flex items-center space-x-2">
72
+ <i class="fas fa-code text-blue-400 text-xl"></i>
73
+ <h1 class="text-xl font-bold">DeepSeek IDE</h1>
74
+ </div>
75
+ <div class="flex items-center space-x-4">
76
+ <div class="relative">
77
+ <input type="password" id="api-key" placeholder="DeepSeek API Key"
78
+ class="bg-gray-700 px-3 py-1 rounded text-sm w-64 focus:outline-none focus:ring-1 focus:ring-blue-500">
79
+ <button id="save-key-btn" class="absolute right-2 top-1/2 transform -translate-y-1/2 text-gray-400 hover:text-blue-400">
80
+ <i class="fas fa-save"></i>
81
+ </button>
82
+ </div>
83
+ <button id="new-file-btn" class="text-gray-400 hover:text-blue-400 px-2 py-1 rounded text-sm flex items-center">
84
+ <i class="fas fa-plus mr-1"></i>
85
+ <span>New</span>
86
+ </button>
87
+ <button id="analyze-btn" class="bg-blue-600 hover:bg-blue-700 px-3 py-1 rounded text-sm flex items-center space-x-1">
88
+ <i class="fas fa-play"></i>
89
+ <span>Analyze</span>
90
+ </button>
91
+ </div>
92
+ </header>
93
+
94
+ <!-- Prompt Container -->
95
+ <div id="prompt-container" class="prompt-container bg-gray-800 border-b border-gray-700 px-4 py-2">
96
+ <div class="flex justify-between items-center cursor-pointer" id="prompt-toggle">
97
+ <h3 class="text-sm font-medium flex items-center">
98
+ <i class="fas fa-comment-dots mr-2 text-blue-400"></i>
99
+ Custom Prompt
100
+ </h3>
101
+ <i class="fas fa-chevron-up prompt-toggle text-gray-400"></i>
102
+ </div>
103
+ <div class="mt-2">
104
+ <textarea id="custom-prompt" placeholder="Describe what changes you want to make to the code (e.g. 'Optimize this function', 'Fix bugs', 'Explain how it works')..."
105
+ class="w-full bg-gray-700 rounded px-3 py-2 text-sm focus:outline-none focus:ring-1 focus:ring-blue-500"></textarea>
106
+ </div>
107
+ </div>
108
+
109
+ <!-- Main Content -->
110
+ <div class="flex flex-1 overflow-hidden">
111
+ <!-- Editor Panel -->
112
+ <div class="flex-1 flex flex-col border-r border-gray-700 relative">
113
+ <div class="bg-gray-800 px-3 py-2 flex items-center justify-between">
114
+ <div class="flex items-center space-x-2 overflow-x-auto">
115
+ <!-- File tabs will be added here dynamically -->
116
+ </div>
117
+ <div class="flex items-center space-x-2">
118
+ <select id="language-selector" class="bg-gray-700 text-sm rounded px-2 py-1">
119
+ <option value="javascript">JavaScript</option>
120
+ <option value="python">Python</option>
121
+ <option value="htmlmixed">HTML</option>
122
+ <option value="css">CSS</option>
123
+ <option value="text/x-java">Java</option>
124
+ <option value="text/x-csrc">C</option>
125
+ <option value="text/x-c++src">C++</option>
126
+ <option value="text/x-csharp">C#</option>
127
+ <option value="text/x-go">Go</option>
128
+ <option value="text/x-rustsrc">Rust</option>
129
+ <option value="text/x-swift">Swift</option>
130
+ <option value="text/x-php">PHP</option>
131
+ <option value="text/x-ruby">Ruby</option>
132
+ <option value="text/x-sql">SQL</option>
133
+ <option value="text/x-sh">Shell</option>
134
+ </select>
135
+ <button id="format-btn" class="text-gray-400 hover:text-blue-400 text-sm">
136
+ <i class="fas fa-align-left mr-1"></i>Format
137
+ </button>
138
+ <button id="clear-btn" class="text-gray-400 hover:text-red-400 text-sm">
139
+ <i class="fas fa-trash-alt mr-1"></i>Clear
140
+ </button>
141
+ </div>
142
+ </div>
143
+ <div id="editor" class="flex-1"></div>
144
+ <div id="ai-cursor-container"></div>
145
+ </div>
146
+
147
+ <!-- Resize Handle -->
148
+ <div class="resize-handle"></div>
149
+
150
+ <!-- Output Panel -->
151
+ <div class="w-1/3 flex flex-col bg-gray-800">
152
+ <div class="bg-gray-800 px-3 py-2 flex border-b border-gray-700">
153
+ <button data-tab="diffs" class="tab-active px-3 py-1 text-sm font-medium">
154
+ <i class="fas fa-code-compare mr-1"></i>Diffs
155
+ </button>
156
+ <button data-tab="response" class="px-3 py-1 text-sm font-medium text-gray-400 hover:text-white">
157
+ <i class="fas fa-robot mr-1"></i>AI Response
158
+ </button>
159
+ <button data-tab="history" class="px-3 py-1 text-sm font-medium text-gray-400 hover:text-white">
160
+ <i class="fas fa-history mr-1"></i>History
161
+ </button>
162
+ <button data-tab="console" class="px-3 py-1 text-sm font-medium text-gray-400 hover:text-white">
163
+ <i class="fas fa-terminal mr-1"></i>Console
164
+ </button>
165
+ </div>
166
+ <div id="output-container" class="flex-1 overflow-auto p-4">
167
+ <div id="diff-container" class="tab-content active">
168
+ <div class="text-center text-gray-500 py-8">
169
+ <i class="fas fa-code-compare text-3xl mb-2"></i>
170
+ <p>Make changes to your code to see the differences here</p>
171
+ </div>
172
+ </div>
173
+ <div id="response-container" class="tab-content hidden">
174
+ <div class="text-center text-gray-500 py-8">
175
+ <i class="fas fa-robot text-3xl mb-2"></i>
176
+ <p>Click "Analyze" to get AI feedback on your code</p>
177
+ </div>
178
+ </div>
179
+ <div id="history-container" class="tab-content hidden">
180
+ <div class="text-center text-gray-500 py-8">
181
+ <i class="fas fa-history text-3xl mb-2"></i>
182
+ <p>Your analysis history will appear here</p>
183
+ </div>
184
+ </div>
185
+ <div id="console-output" class="tab-content hidden">
186
+ <div class="text-center text-gray-500 py-8">
187
+ <i class="fas fa-terminal text-3xl mb-2"></i>
188
+ <p>Console output will appear here</p>
189
+ </div>
190
+ </div>
191
+ </div>
192
+ </div>
193
+ </div>
194
+
195
+ <script>
196
+ // File system and state management
197
+ const state = {
198
+ files: {
199
+ 'script.js': {
200
+ content: `// Ejemplo de función en JavaScript
201
+ function saludar(nombre) {
202
+ return \`Hola, \${nombre}!\`;
203
+ }
204
+
205
+ console.log(saludar("Mundo"));`,
206
+ language: 'javascript',
207
+ lastContent: ''
208
+ }
209
+ },
210
+ currentFile: 'script.js',
211
+ history: [],
212
+ apiKey: localStorage.getItem('deepseek-api-key') || '',
213
+ promptCollapsed: localStorage.getItem('prompt-collapsed') === 'true',
214
+ proposedChanges: null,
215
+ isApplyingChanges: false,
216
+ typewriterInterval: null
217
+ };
218
+
219
+ // Language mode mapping
220
+ const languageModes = {
221
+ 'javascript': 'javascript',
222
+ 'python': 'python',
223
+ 'html': 'htmlmixed',
224
+ 'css': 'css',
225
+ 'java': 'text/x-java',
226
+ 'c': 'text/x-csrc',
227
+ 'cpp': 'text/x-c++src',
228
+ 'csharp': 'text/x-csharp',
229
+ 'go': 'text/x-go',
230
+ 'rust': 'text/x-rustsrc',
231
+ 'swift': 'text/x-swift',
232
+ 'php': 'text/x-php',
233
+ 'ruby': 'text/x-ruby',
234
+ 'sql': 'text/x-sql',
235
+ 'sh': 'text/x-sh',
236
+ 'htmlmixed': 'htmlmixed'
237
+ };
238
+
239
+ // Initialize CodeMirror editor
240
+ const editor = CodeMirror(document.getElementById('editor'), {
241
+ mode: 'javascript',
242
+ theme: 'dracula',
243
+ lineNumbers: true,
244
+ indentUnit: 4,
245
+ tabSize: 4,
246
+ lineWrapping: true,
247
+ autoCloseBrackets: true,
248
+ matchBrackets: true,
249
+ extraKeys: {
250
+ 'Ctrl-Enter': analyzeCode,
251
+ 'Cmd-Enter': analyzeCode,
252
+ 'Ctrl-/': 'toggleComment',
253
+ 'Cmd-/': 'toggleComment',
254
+ 'Shift-Ctrl-F': formatCode,
255
+ 'Shift-Cmd-F': formatCode
256
+ },
257
+ placeholder: '// Escribe tu código aquí...\n// Presiona Ctrl+Enter o Cmd+Enter para analizar'
258
+ });
259
+
260
+ // Initialize the UI
261
+ function initUI() {
262
+ // Load API key if exists
263
+ document.getElementById('api-key').value = state.apiKey;
264
+
265
+ // Set up file tabs
266
+ renderFileTabs();
267
+ loadFile(state.currentFile);
268
+
269
+ // Set up language selector
270
+ document.getElementById('language-selector').value = state.files[state.currentFile].language;
271
+
272
+ // Set up initial diff
273
+ updateDiff();
274
+
275
+ // Set up prompt toggle
276
+ setupPromptToggle();
277
+
278
+ // Load custom prompt if exists
279
+ const savedPrompt = localStorage.getItem('custom-prompt');
280
+ if (savedPrompt) {
281
+ document.getElementById('custom-prompt').value = savedPrompt;
282
+ }
283
+ }
284
+
285
+ // File management functions
286
+ function renderFileTabs() {
287
+ const tabsContainer = document.querySelector('.bg-gray-800 > div:first-child');
288
+ tabsContainer.innerHTML = '';
289
+
290
+ Object.keys(state.files).forEach(filename => {
291
+ const isActive = filename === state.currentFile;
292
+ const tab = document.createElement('div');
293
+ tab.className = `file-tab flex items-center px-3 py-1 rounded-t text-sm cursor-pointer mr-1 ${isActive ? 'active' : ''}`;
294
+ tab.innerHTML = `
295
+ <span>${filename}</span>
296
+ <button class="file-tab-close ml-2 text-gray-400 hover:text-red-400" data-file="${filename}">
297
+ <i class="fas fa-times text-xs"></i>
298
+ </button>
299
+ `;
300
+
301
+ tab.addEventListener('click', () => switchFile(filename));
302
+
303
+ const closeBtn = tab.querySelector('.file-tab-close');
304
+ closeBtn.addEventListener('click', (e) => {
305
+ e.stopPropagation();
306
+ closeFile(filename);
307
+ });
308
+
309
+ tabsContainer.appendChild(tab);
310
+ });
311
+ }
312
+
313
+ function switchFile(filename) {
314
+ if (filename === state.currentFile) return;
315
+
316
+ // Save current file content
317
+ state.files[state.currentFile].content = editor.getValue();
318
+
319
+ // Switch to new file
320
+ state.currentFile = filename;
321
+ loadFile(filename);
322
+
323
+ // Update UI
324
+ renderFileTabs();
325
+ document.getElementById('language-selector').value = state.files[filename].language;
326
+ }
327
+
328
+ function loadFile(filename) {
329
+ const file = state.files[filename];
330
+ editor.setValue(file.content);
331
+
332
+ // Set the editor mode based on file extension
333
+ const mode = languageModes[file.language] || 'javascript';
334
+ editor.setOption('mode', mode);
335
+
336
+ // Store the original content for diff
337
+ file.lastContent = file.content;
338
+ }
339
+
340
+ function createNewFile() {
341
+ const filename = prompt('Enter new file name (include extension):', 'newfile.js');
342
+ if (!filename) return;
343
+
344
+ // Determine language from extension
345
+ const extension = filename.split('.').pop().toLowerCase();
346
+ let language = 'javascript';
347
+
348
+ if (extension === 'py') language = 'python';
349
+ else if (extension === 'html') language = 'htmlmixed';
350
+ else if (extension === 'css') language = 'css';
351
+ else if (extension === 'java') language = 'text/x-java';
352
+ else if (extension === 'c') language = 'text/x-csrc';
353
+ else if (extension === 'cpp' || extension === 'c++') language = 'text/x-c++src';
354
+ else if (extension === 'cs') language = 'text/x-csharp';
355
+ else if (extension === 'go') language = 'text/x-go';
356
+ else if (extension === 'rs') language = 'text/x-rustsrc';
357
+ else if (extension === 'swift') language = 'text/x-swift';
358
+ else if (extension === 'php') language = 'text/x-php';
359
+ else if (extension === 'rb') language = 'text/x-ruby';
360
+ else if (extension === 'sql') language = 'text/x-sql';
361
+ else if (extension === 'sh') language = 'text/x-sh';
362
+
363
+ state.files[filename] = {
364
+ content: '',
365
+ language: language,
366
+ lastContent: ''
367
+ };
368
+
369
+ state.currentFile = filename;
370
+ renderFileTabs();
371
+ loadFile(filename);
372
+ document.getElementById('language-selector').value = language;
373
+ }
374
+
375
+ function closeFile(filename) {
376
+ if (Object.keys(state.files).length <= 1) {
377
+ alert('You must have at least one file open');
378
+ return;
379
+ }
380
+
381
+ delete state.files[filename];
382
+
383
+ // Switch to another file
384
+ const remainingFiles = Object.keys(state.files);
385
+ state.currentFile = remainingFiles[0];
386
+
387
+ renderFileTabs();
388
+ loadFile(state.currentFile);
389
+ }
390
+
391
+ // Language selector
392
+ document.getElementById('language-selector').addEventListener('change', (e) => {
393
+ const language = e.target.value;
394
+ state.files[state.currentFile].language = language;
395
+
396
+ // Set the editor mode
397
+ const mode = languageModes[language] || 'javascript';
398
+ editor.setOption('mode', mode);
399
+ });
400
+
401
+ // Prompt toggle functionality
402
+ function setupPromptToggle() {
403
+ const promptContainer = document.getElementById('prompt-container');
404
+ const promptToggle = document.getElementById('prompt-toggle');
405
+ const toggleIcon = promptToggle.querySelector('.prompt-toggle');
406
+
407
+ if (state.promptCollapsed) {
408
+ promptContainer.classList.add('collapsed');
409
+ toggleIcon.classList.add('collapsed');
410
+ }
411
+
412
+ promptToggle.addEventListener('click', () => {
413
+ promptContainer.classList.toggle('collapsed');
414
+ toggleIcon.classList.toggle('collapsed');
415
+ state.promptCollapsed = !state.promptCollapsed;
416
+ localStorage.setItem('prompt-collapsed', state.promptCollapsed);
417
+ });
418
+ }
419
+
420
+ // Tab switching functionality
421
+ document.querySelectorAll('[data-tab]').forEach(tab => {
422
+ tab.addEventListener('click', () => {
423
+ // Update active tab
424
+ document.querySelectorAll('[data-tab]').forEach(t => {
425
+ t.classList.remove('tab-active');
426
+ t.classList.add('text-gray-400');
427
+ });
428
+ tab.classList.add('tab-active');
429
+ tab.classList.remove('text-gray-400');
430
+
431
+ // Show corresponding content
432
+ const tabId = tab.getAttribute('data-tab');
433
+ document.querySelectorAll('.tab-content').forEach(content => {
434
+ content.classList.add('hidden');
435
+ content.classList.remove('active');
436
+ });
437
+
438
+ const contentId = `${tabId}-container`;
439
+ document.getElementById(contentId).classList.remove('hidden');
440
+ document.getElementById(contentId).classList.add('active');
441
+ });
442
+ });
443
+
444
+ // Button functionality
445
+ document.getElementById('clear-btn').addEventListener('click', () => {
446
+ if (confirm('¿Estás seguro de que quieres borrar todo el código?')) {
447
+ editor.setValue('');
448
+ state.files[state.currentFile].content = '';
449
+ updateDiff();
450
+ }
451
+ });
452
+
453
+ document.getElementById('format-btn').addEventListener('click', formatCode);
454
+ document.getElementById('new-file-btn').addEventListener('click', createNewFile);
455
+ document.getElementById('analyze-btn').addEventListener('click', analyzeCode);
456
+ document.getElementById('save-key-btn').addEventListener('click', () => {
457
+ const apiKey = document.getElementById('api-key').value;
458
+ state.apiKey = apiKey;
459
+ localStorage.setItem('deepseek-api-key', apiKey);
460
+ showToast('API Key guardada localmente');
461
+ });
462
+
463
+ // Save custom prompt when changed
464
+ document.getElementById('custom-prompt').addEventListener('change', (e) => {
465
+ localStorage.setItem('custom-prompt', e.target.value);
466
+ });
467
+
468
+ // Resize functionality
469
+ const resizeHandle = document.querySelector('.resize-handle');
470
+ const editorPanel = document.querySelector('.flex-1.flex-col');
471
+ const outputPanel = document.querySelector('.w-1\\/3');
472
+
473
+ let isResizing = false;
474
+
475
+ resizeHandle.addEventListener('mousedown', (e) => {
476
+ isResizing = true;
477
+ document.body.style.cursor = 'col-resize';
478
+ e.preventDefault();
479
+ });
480
+
481
+ document.addEventListener('mousemove', (e) => {
482
+ if (!isResizing) return;
483
+
484
+ const containerWidth = document.querySelector('.flex-1.overflow-hidden').clientWidth;
485
+ const newEditorWidth = e.clientX;
486
+ const newOutputWidth = containerWidth - e.clientX - 4; // 4px for the resize handle
487
+
488
+ editorPanel.style.width = `${newEditorWidth}px`;
489
+ outputPanel.style.width = `${newOutputWidth}px`;
490
+
491
+ editor.refresh();
492
+ });
493
+
494
+ document.addEventListener('mouseup', () => {
495
+ isResizing = false;
496
+ document.body.style.cursor = '';
497
+ });
498
+
499
+ // Code formatting
500
+ function formatCode() {
501
+ const code = editor.getValue();
502
+ const language = state.files[state.currentFile].language;
503
+
504
+ // Basic formatting for different languages
505
+ let formattedCode = code;
506
+
507
+ if (language === 'javascript' || language === 'text/x-java' || language === 'text/x-csharp') {
508
+ formattedCode = formatCurlyBraceLanguage(code);
509
+ } else if (language === 'python') {
510
+ formattedCode = formatPython(code);
511
+ } else if (language === 'htmlmixed') {
512
+ formattedCode = formatHtml(code);
513
+ } else if (language === 'css') {
514
+ formattedCode = formatCss(code);
515
+ }
516
+
517
+ editor.setValue(formattedCode);
518
+ showToast('Formato básico aplicado');
519
+ }
520
+
521
+ function formatCurlyBraceLanguage(code) {
522
+ const lines = code.split('\n');
523
+ let formattedCode = '';
524
+ let indentLevel = 0;
525
+
526
+ for (const line of lines) {
527
+ const trimmedLine = line.trim();
528
+
529
+ // Decrease indent if line closes a block
530
+ if (trimmedLine.endsWith('}') || trimmedLine.endsWith(');')) {
531
+ indentLevel = Math.max(0, indentLevel - 1);
532
+ }
533
+
534
+ // Add current indentation
535
+ formattedCode += ' '.repeat(indentLevel) + trimmedLine + '\n';
536
+
537
+ // Increase indent if line opens a block
538
+ if (trimmedLine.endsWith('{') || (trimmedLine.endsWith('(') && !trimmedLine.endsWith(');'))) {
539
+ indentLevel += 1;
540
+ }
541
+ }
542
+
543
+ return formattedCode.trim();
544
+ }
545
+
546
+ function formatPython(code) {
547
+ // Very basic Python formatting
548
+ const lines = code.split('\n');
549
+ let formattedCode = '';
550
+ let indentLevel = 0;
551
+
552
+ for (const line of lines) {
553
+ const trimmedLine = line.trim();
554
+
555
+ // Decrease indent if line starts with dedent keywords
556
+ if (trimmedLine.startsWith('return') || trimmedLine.startsWith('pass') ||
557
+ trimmedLine.startsWith('break') || trimmedLine.startsWith('continue') ||
558
+ trimmedLine.startsWith('raise')) {
559
+ indentLevel = Math.max(0, indentLevel - 1);
560
+ }
561
+
562
+ // Add current indentation
563
+ formattedCode += ' '.repeat(indentLevel) + trimmedLine + '\n';
564
+
565
+ // Increase indent if line ends with colon
566
+ if (trimmedLine.endsWith(':')) {
567
+ indentLevel += 1;
568
+ }
569
+ }
570
+
571
+ return formattedCode.trim();
572
+ }
573
+
574
+ function formatHtml(code) {
575
+ // Basic HTML formatting
576
+ const lines = code.split('\n');
577
+ let formattedCode = '';
578
+ let indentLevel = 0;
579
+
580
+ for (const line of lines) {
581
+ const trimmedLine = line.trim();
582
+
583
+ // Decrease indent for closing tags
584
+ if (trimmedLine.startsWith('</')) {
585
+ indentLevel = Math.max(0, indentLevel - 1);
586
+ }
587
+
588
+ // Add current indentation
589
+ formattedCode += ' '.repeat(indentLevel) + trimmedLine + '\n';
590
+
591
+ // Increase indent for opening tags (unless they're self-closing)
592
+ if (trimmedLine.startsWith('<') && !trimmedLine.startsWith('<!') &&
593
+ !trimmedLine.endsWith('/>') && !trimmedLine.includes('</')) {
594
+ indentLevel += 1;
595
+ }
596
+ }
597
+
598
+ return formattedCode.trim();
599
+ }
600
+
601
+ function formatCss(code) {
602
+ // Basic CSS formatting
603
+ const lines = code.split('\n');
604
+ let formattedCode = '';
605
+ let indentLevel = 0;
606
+
607
+ for (const line of lines) {
608
+ const trimmedLine = line.trim();
609
+
610
+ // Decrease indent after closing brace
611
+ if (trimmedLine.endsWith('}')) {
612
+ indentLevel = Math.max(0, indentLevel - 1);
613
+ }
614
+
615
+ // Add current indentation
616
+ formattedCode += ' '.repeat(indentLevel) + trimmedLine + '\n';
617
+
618
+ // Increase indent after opening brace
619
+ if (trimmedLine.endsWith('{')) {
620
+ indentLevel += 1;
621
+ }
622
+ }
623
+
624
+ return formattedCode.trim();
625
+ }
626
+
627
+ // Diff functionality
628
+ function updateDiff() {
629
+ const currentFile = state.files[state.currentFile];
630
+ const oldContent = currentFile.lastContent;
631
+ const newContent = editor.getValue();
632
+
633
+ if (oldContent === newContent) return;
634
+
635
+ const diff = Diff.diffLines(oldContent, newContent);
636
+ const diffContainer = document.getElementById('diff-container');
637
+
638
+ let html = '<div class="font-mono text-sm">';
639
+
640
+ diff.forEach((part) => {
641
+ const lines = part.value.split('\n');
642
+ if (lines[lines.length - 1] === '') lines.pop();
643
+
644
+ const className = part.added ? 'diff-added' : part.removed ? 'diff-removed' : 'diff-unchanged';
645
+
646
+ lines.forEach(line => {
647
+ if (line.trim() === '') return;
648
+ html += `<div class="${className} px-2 py-1 my-1 rounded">${escapeHtml(line)}</div>`;
649
+ });
650
+ });
651
+
652
+ html += '</div>';
653
+ diffContainer.innerHTML = html;
654
+
655
+ // Update last content if not empty
656
+ if (newContent.trim() !== '') {
657
+ currentFile.lastContent = newContent;
658
+ }
659
+ }
660
+
661
+ // Show AI cursor in the editor
662
+ function showAICursor(line, ch, length, label = 'AI') {
663
+ const cursorContainer = document.getElementById('ai-cursor-container');
664
+ cursorContainer.innerHTML = '';
665
+
666
+ const lineHeight = editor.defaultTextHeight();
667
+ const charWidth = editor.defaultCharWidth();
668
+
669
+ const cursor = document.createElement('div');
670
+ cursor.className = 'ai-cursor';
671
+ cursor.style.top = `${line * lineHeight}px`;
672
+ cursor.style.left = `${ch * charWidth}px`;
673
+ cursor.style.height = `${lineHeight}px`;
674
+ cursor.style.width = `${length * charWidth}px`;
675
+
676
+ const cursorLabel = document.createElement('div');
677
+ cursorLabel.className = 'ai-cursor-label';
678
+ cursorLabel.textContent = label;
679
+
680
+ cursor.appendChild(cursorLabel);
681
+ cursorContainer.appendChild(cursor);
682
+ }
683
+
684
+ // Typewriter effect for applying changes
685
+ function applyChangesWithTypewriter(newCode, callback) {
686
+ const currentCode = editor.getValue();
687
+ const cursor = editor.getCursor();
688
+
689
+ // Clear any existing interval
690
+ if (state.typewriterInterval) {
691
+ clearInterval(state.typewriterInterval);
692
+ }
693
+
694
+ // Set the new code immediately but keep track for animation
695
+ editor.setValue(newCode);
696
+
697
+ // Move cursor to the first change position
698
+ const diff = Diff.diffLines(currentCode, newCode);
699
+ let firstChangePos = {line: 0, ch: 0};
700
+
701
+ for (let i = 0; i < diff.length; i++) {
702
+ if (diff[i].added) {
703
+ const lines = newCode.split('\n');
704
+ for (let j = 0; j < lines.length; j++) {
705
+ if (lines[j].includes(diff[i].value.trim())) {
706
+ firstChangePos = {line: j, ch: 0};
707
+ break;
708
+ }
709
+ }
710
+ break;
711
+ }
712
+ }
713
+
714
+ editor.setCursor(firstChangePos);
715
+
716
+ // Add typewriter cursor effect
717
+ const typewriterCursor = document.createElement('div');
718
+ typewriterCursor.className = 'typewriter-cursor';
719
+ typewriterCursor.style.top = `${firstChangePos.line * editor.defaultTextHeight()}px`;
720
+ typewriterCursor.style.left = `${firstChangePos.ch * editor.defaultCharWidth()}px`;
721
+ typewriterCursor.style.height = `${editor.defaultTextHeight()}px`;
722
+ document.getElementById('ai-cursor-container').appendChild(typewriterCursor);
723
+
724
+ // Remove cursor after animation
725
+ setTimeout(() => {
726
+ typewriterCursor.remove();
727
+ if (callback) callback();
728
+ }, 1000);
729
+ }
730
+
731
+ // Analysis function with real API integration
732
+ async function analyzeCode() {
733
+ const code = editor.getValue();
734
+ const apiKey = state.apiKey;
735
+ const customPrompt = document.getElementById('custom-prompt').value;
736
+
737
+ if (!code.trim()) {
738
+ showToast('Please enter some code to analyze', 'error');
739
+ return;
740
+ }
741
+
742
+ if (!apiKey) {
743
+ showToast('Please enter your DeepSeek API key', 'error');
744
+ return;
745
+ }
746
+
747
+ // Save current content
748
+ state.files[state.currentFile].content = code;
749
+
750
+ // Show loading state
751
+ const responseContainer = document.getElementById('response-container');
752
+ responseContainer.innerHTML = `
753
+ <div class="flex flex-col items-center justify-center py-8">
754
+ <div class="animate-spin rounded-full h-12 w-12 border-t-2 border-b-2 border-blue-500 mb-4"></div>
755
+ <p>Analizando tu código...</p>
756
+ </div>
757
+ `;
758
+
759
+ // Switch to response tab
760
+ document.querySelector('[data-tab="response"]').click();
761
+
762
+ try {
763
+ const messages = [
764
+ {
765
+ role: "system",
766
+ content: `You are a helpful code assistant. Analyze the provided code and respond with:
767
+ 1. An explanation of what the code does
768
+ 2. Suggestions for improvement
769
+ 3. A modified version of the code with improvements
770
+ 4. A clear markdown formatted response with code blocks
771
+
772
+ Important: When providing the modified code, include the ENTIRE code file with all changes applied, not just the modified parts. This is crucial for the diff tool to work properly.
773
+
774
+ Format your response like this:
775
+ ### Analysis
776
+ [Explanation of the code]
777
+
778
+ ### Suggestions
779
+ [Bullet points with improvement suggestions]
780
+
781
+ ### Improved Code
782
+ \`\`\`[language]
783
+ [Complete modified code here]
784
+ \`\`\`
785
+
786
+ Additional notes:
787
+ - Respond in the same language as the code comments
788
+ - Preserve all original functionality
789
+ - Include any necessary imports or boilerplate`
790
+ }
791
+ ];
792
+
793
+ // Add custom prompt if provided
794
+ if (customPrompt.trim()) {
795
+ messages.push({
796
+ role: "user",
797
+ content: customPrompt
798
+ });
799
+ }
800
+
801
+ // Add the code to analyze
802
+ messages.push({
803
+ role: "user",
804
+ content: `Here is my ${state.files[state.currentFile].language} code:\n\n${code}`
805
+ });
806
+
807
+ const response = await fetch('https://api.deepseek.com/v1/chat/completions', {
808
+ method: 'POST',
809
+ headers: {
810
+ 'Content-Type': 'application/json',
811
+ 'Authorization': `Bearer ${apiKey}`
812
+ },
813
+ body: JSON.stringify({
814
+ model: "deepseek-coder",
815
+ messages: messages,
816
+ temperature: 0.7,
817
+ max_tokens: 2000
818
+ })
819
+ });
820
+
821
+ if (!response.ok) {
822
+ throw new Error(`API request failed with status ${response.status}`);
823
+ }
824
+
825
+ const data = await response.json();
826
+ const aiResponse = data.choices[0].message.content;
827
+
828
+ // Extract the improved code from the response
829
+ const improvedCodeMatch = aiResponse.match(/```(?:[a-zA-Z]*)\n([\s\S]*?)```/);
830
+ let improvedCode = improvedCodeMatch ? improvedCodeMatch[1] : null;
831
+
832
+ // Add to history
833
+ state.history.unshift({
834
+ timestamp: new Date().toISOString(),
835
+ code: code,
836
+ response: aiResponse,
837
+ prompt: customPrompt,
838
+ improvedCode: improvedCode
839
+ });
840
+
841
+ // Update history tab
842
+ renderHistory();
843
+
844
+ // Format the response as HTML
845
+ responseContainer.innerHTML = `
846
+ <div class="prose prose-invert max-w-none">
847
+ ${formatAIResponse(aiResponse)}
848
+ ${improvedCode ? `
849
+ <div class="mt-6 flex space-x-3">
850
+ <button id="show-diff-btn" class="bg-blue-600 hover:bg-blue-700 px-3 py-2 rounded text-sm flex items-center space-x-1">
851
+ <i class="fas fa-code-compare mr-1"></i>
852
+ <span>Show Changes</span>
853
+ </button>
854
+ <button id="apply-changes-btn" class="bg-green-600 hover:bg-green-700 px-3 py-2 rounded text-sm flex items-center space-x-1">
855
+ <i class="fas fa-magic mr-1"></i>
856
+ <span>Apply Changes</span>
857
+ </button>
858
+ </div>
859
+ ` : ''}
860
+ </div>
861
+ `;
862
+
863
+ // Add event listeners for buttons
864
+ if (improvedCode) {
865
+ document.getElementById('show-diff-btn').addEventListener('click', () => {
866
+ showProposedDiff(code, improvedCode);
867
+ });
868
+
869
+ document.getElementById('apply-changes-btn').addEventListener('click', () => {
870
+ applyChangesWithTypewriter(improvedCode, () => {
871
+ state.files[state.currentFile].content = improvedCode;
872
+ state.files[state.currentFile].lastContent = improvedCode;
873
+ showToast('Changes applied successfully');
874
+ });
875
+ });
876
+ }
877
+
878
+ showToast('Analysis completed successfully');
879
+ } catch (error) {
880
+ console.error('API Error:', error);
881
+ responseContainer.innerHTML = `
882
+ <div class="bg-red-900/30 p-4 rounded border border-red-700">
883
+ <h3 class="text-red-400 font-bold">Error</h3>
884
+ <p>${escapeHtml(error.message)}</p>
885
+ <p class="mt-2 text-sm">Please check your API key and network connection.</p>
886
+ </div>
887
+ `;
888
+ showToast('Analysis failed', 'error');
889
+ }
890
+ }
891
+
892
+ function formatAIResponse(text) {
893
+ // Improved formatting with copy buttons for code blocks
894
+ let html = escapeHtml(text)
895
+ .replace(/\*\*(.*?)\*\*/g, '<strong>$1</strong>')
896
+ .replace(/\*(.*?)\*/g, '<em>$1</em>')
897
+ .replace(/```(\w*)\n([\s\S]*?)```/g, (match, language, code) => {
898
+ return `
899
+ <div class="code-block bg-gray-700 rounded my-3 relative">
900
+ <button class="code-block-copy bg-gray-600 hover:bg-gray-500 text-white text-xs px-2 py-1 rounded"
901
+ onclick="navigator.clipboard.writeText(\`${escapeHtml(code).replace(/`/g, '\\`')}\`)">
902
+ <i class="fas fa-copy mr-1"></i>Copy
903
+ </button>
904
+ <pre class="p-3 overflow-x-auto"><code>${escapeHtml(code)}</code></pre>
905
+ </div>
906
+ `;
907
+ })
908
+ .replace(/`(.*?)`/g, '<code class="bg-gray-700 px-1 rounded">$1</code>')
909
+ .replace(/\n/g, '<br>');
910
+
911
+ return html;
912
+ }
913
+
914
+ function renderHistory() {
915
+ const historyContainer = document.getElementById('history-container');
916
+
917
+ if (state.history.length === 0) {
918
+ historyContainer.innerHTML = `
919
+ <div class="text-center text-gray-500 py-8">
920
+ <i class="fas fa-history text-3xl mb-2"></i>
921
+ <p>No analysis history yet</p>
922
+ </div>
923
+ `;
924
+ return;
925
+ }
926
+
927
+ let html = '<div class="space-y-4">';
928
+
929
+ state.history.forEach((item, index) => {
930
+ const date = new Date(item.timestamp);
931
+ const formattedDate = date.toLocaleString();
932
+
933
+ html += `
934
+ <div class="history-item bg-gray-700/50 p-3 rounded-lg cursor-pointer" data-index="${index}">
935
+ <div class="flex justify-between items-center mb-2">
936
+ <span class="text-sm font-medium">Analysis #${state.history.length - index}</span>
937
+ <span class="text-xs text-gray-400">${formattedDate}</span>
938
+ </div>
939
+ ${item.prompt ? `<div class="text-xs text-blue-400 mb-1">Prompt: "${escapeHtml(item.prompt.substring(0, 50))}${item.prompt.length > 50 ? '...' : ''}"</div>` : ''}
940
+ <div class="text-sm text-gray-300 truncate">${escapeHtml(item.response.substring(0, 100))}...</div>
941
+ ${item.improvedCode ? `<div class="mt-2 text-xs text-green-400">Contains code modifications</div>` : ''}
942
+ </div>
943
+ `;
944
+ });
945
+
946
+ html += '</div>';
947
+ historyContainer.innerHTML = html;
948
+
949
+ // Add click handlers to history items
950
+ document.querySelectorAll('.history-item').forEach(item => {
951
+ item.addEventListener('click', () => {
952
+ const index = item.getAttribute('data-index');
953
+ const historyItem = state.history[index];
954
+
955
+ document.getElementById('response-container').innerHTML = `
956
+ <div class="prose prose-invert max-w-none">
957
+ <div class="flex justify-between items-center mb-4">
958
+ <h3>Analysis from ${new Date(historyItem.timestamp).toLocaleString()}</h3>
959
+ <div class="flex space-x-2">
960
+ <button id="load-code-btn" class="bg-blue-600 hover:bg-blue-700 px-2 py-1 rounded text-xs">
961
+ <i class="fas fa-code mr-1"></i>Load Code
962
+ </button>
963
+ ${historyItem.improvedCode ? `
964
+ <button id="apply-history-changes-btn" class="bg-green-600 hover:bg-green-700 px-2 py-1 rounded text-xs">
965
+ <i class="fas fa-magic mr-1"></i>Apply Changes
966
+ </button>
967
+ ` : ''}
968
+ </div>
969
+ </div>
970
+ ${historyItem.prompt ? `<div class="bg-gray-700/50 p-3 rounded mb-4">
971
+ <h4 class="text-blue-400 font-medium mb-1">Prompt:</h4>
972
+ <p>${escapeHtml(historyItem.prompt)}</p>
973
+ </div>` : ''}
974
+ ${formatAIResponse(historyItem.response)}
975
+ </div>
976
+ `;
977
+
978
+ // Add handler for load code button
979
+ document.getElementById('load-code-btn').addEventListener('click', () => {
980
+ editor.setValue(historyItem.code);
981
+ if (historyItem.prompt) {
982
+ document.getElementById('custom-prompt').value = historyItem.prompt;
983
+ localStorage.setItem('custom-prompt', historyItem.prompt);
984
+ }
985
+ showToast('Code loaded from history');
986
+ });
987
+
988
+ // Add handler for apply changes button
989
+ if (historyItem.improvedCode) {
990
+ document.getElementById('apply-history-changes-btn').addEventListener('click', () => {
991
+ applyChangesWithTypewriter(historyItem.improvedCode, () => {
992
+ state.files[state.currentFile].content = historyItem.improvedCode;
993
+ state.files[state.currentFile].lastContent = historyItem.improvedCode;
994
+ showToast('Changes applied successfully');
995
+ });
996
+ });
997
+ }
998
+
999
+ document.querySelector('[data-tab="response"]').click();
1000
+ });
1001
+ });
1002
+ }
1003
+
1004
+ // Helper functions
1005
+ function escapeHtml(unsafe) {
1006
+ return unsafe
1007
+ .replace(/&/g, "&amp;")
1008
+ .replace(/</g, "&lt;")
1009
+ .replace(/>/g, "&gt;")
1010
+ .replace(/"/g, "&quot;")
1011
+ .replace(/'/g, "&#039;");
1012
+ }
1013
+
1014
+ function showToast(message, type = 'success') {
1015
+ const toast = document.createElement('div');
1016
+ toast.className = `fixed bottom-4 right-4 px-4 py-2 rounded-md shadow-lg ${
1017
+ type === 'success' ? 'bg-green-600' : 'bg-red-600'
1018
+ } text-white animate-fade-in`;
1019
+ toast.textContent = message;
1020
+ document.body.appendChild(toast);
1021
+
1022
+ setTimeout(() => {
1023
+ toast.classList.remove('animate-fade-in');
1024
+ toast.classList.add('animate-fade-out');
1025
+ setTimeout(() => toast.remove(), 300);
1026
+ }, 3000);
1027
+ }
1028
+
1029
+ // Auto-save and diff updates
1030
+ editor.on('change', () => {
1031
+ updateDiff();
1032
+
1033
+ // Auto-save every 5 seconds
1034
+ clearTimeout(window.autoSaveTimer);
1035
+ window.autoSaveTimer = setTimeout(() => {
1036
+ state.files[state.currentFile].content = editor.getValue();
1037
+ }, 5000);
1038
+ });
1039
+
1040
+ // Initialize the app
1041
+ initUI();
1042
+
1043
+ // Add some CSS animations
1044
+ const style = document.createElement('style');
1045
+ style.textContent = `
1046
+ @keyframes fadeIn {
1047
+ from { opacity: 0; transform: translateY(10px); }
1048
+ to { opacity: 1; transform: translateY(0); }
1049
+ }
1050
+ @keyframes fadeOut {
1051
+ from { opacity: 1; transform: translateY(0); }
1052
+ to { opacity: 0; transform: translateY(10px); }
1053
+ }
1054
+ .animate-fade-in {
1055
+ animation: fadeIn 0.3s ease-out forwards;
1056
+ }
1057
+ .animate-fade-out {
1058
+ animation: fadeOut 0.3s ease-out forwards;
1059
+ }
1060
+ `;
1061
+ document.head.appendChild(style);
1062
+ </script>
1063
+ </body>
1064
  </html>