Spaces:
Running
Running
Eduardo Nacimiento García
commited on
Commit
·
5491371
1
Parent(s):
5208ded
Init
Browse files- LICENSE +661 -0
- README.md +50 -1
- 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 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 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 |
-
<!
|
| 2 |
-
<html>
|
| 3 |
-
|
| 4 |
-
|
| 5 |
-
|
| 6 |
-
|
| 7 |
-
|
| 8 |
-
|
| 9 |
-
|
| 10 |
-
|
| 11 |
-
|
| 12 |
-
|
| 13 |
-
|
| 14 |
-
|
| 15 |
-
|
| 16 |
-
|
| 17 |
-
|
| 18 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 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, "&")
|
| 1008 |
+
.replace(/</g, "<")
|
| 1009 |
+
.replace(/>/g, ">")
|
| 1010 |
+
.replace(/"/g, """)
|
| 1011 |
+
.replace(/'/g, "'");
|
| 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>
|