v2.2.0

Signed-off-by: qwqcode <qwqcode@gmail.com>
chore: Update backend min version
2022-04-17 01:31:17 +08:00 · 2022-04-17 01:30:22 +08:00 · 2022-04-17 01:01:37 +08:00 · 2022-04-17 00:58:26 +08:00 · 2022-04-17 00:17:22 +08:00 · 2022-04-16 23:42:34 +08:00
47 changed files with 2830 additions and 2697 deletions
@@ -15,20 +15,26 @@ jobs:
    - name: Checkout
      uses: actions/checkout@v3

-    - name: Set node version to 12.x
-      uses: actions/setup-node@v2
+    - name: Use pnpm
+      uses: pnpm/action-setup@v2.0.1
      with:
-        node-version: '12.x'
-        registry-url: 'https://registry.npmjs.org'
+        version: 7.0.0-rc.3
+
+    - name: Set node version to 16.x
+      uses: actions/setup-node@v3
+      with:
+        node-version: 16.x
+        registry-url: https://registry.npmjs.org/
+        cache: 'pnpm'

    - name: Install dependencies
-      run: yarn install
+      run: pnpm install

    - name: Build
-      run: yarn build
+      run: pnpm build

    - name: Publish
-      run: cd packages/artalk && yarn publish
+      run: cd packages/artalk && pnpm publish --no-git-checks
      env:
        NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}

@@ -13,16 +13,23 @@ jobs:
    - name: Checkout
      uses: actions/checkout@v2

-    - name: Setup
-      uses: actions/setup-node@v1
+    - name: Use pnpm
+      uses: pnpm/action-setup@v2.0.1
      with:
-        node-version: '12.x'
+        version: 7.0.0-rc.3

-    - name: Install
-      run: yarn install
+    - name: Set node version to 16.x
+      uses: actions/setup-node@v3
+      with:
+        node-version: 16.x
+        registry-url: https://registry.npmjs.org/
+        cache: 'pnpm'
+
+    - name: Install dependencies
+      run: pnpm install

    - name: Build
-      run: cd packages/artalk && yarn predeploy
+      run: cd packages/artalk && pnpm predeploy

    - name: Deploy
      uses: peaceiris/actions-gh-pages@v3
@@ -1,8 +1,13 @@
 .DS_Store
 node_modules/
+
+# Logs
+logs
+*.log
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
+.pnpm-debug.log*

 # Editor directories and files
 .idea
@@ -1,8 +1,12 @@
 .DS_Store
 node_modules/
+
+logs
+*.log
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
+.pnpm-debug.log*

 .idea
 .vscode
@@ -4,10 +4,15 @@ node_js:
  - lts/*

 script:
-  - yarn run lint
-  - yarn run build
+  - pnpm run lint
+  - pnpm run build

 cache:
-  yarn: true
+  npm: false
  directories:
-    - node_modules
+    - "~/.pnpm-store"
+before_install:
+  - curl -f https://get.pnpm.io/v6.16.js | node - add --global pnpm@7.0.0-rc.3
+  - pnpm config set store-dir ~/.pnpm-store
+install:
+  - pnpm install
@@ -1,674 +1,165 @@
-                    GNU GENERAL PUBLIC LICENSE
+                   GNU LESSER GENERAL PUBLIC LICENSE
                       Version 3, 29 June 2007

 Copyright (C) 2007 Free Software Foundation, Inc. <https://fsf.org/>
 Everyone is permitted to copy and distribute verbatim copies
 of this license document, but changing it is not allowed.

-                            Preamble
-
-  The GNU General Public License is a free, copyleft license for
-software and other kinds of works.
-
-  The licenses for most software and other practical works are designed
-to take away your freedom to share and change the works.  By contrast,
-the GNU General Public License is intended to guarantee your freedom to
-share and change all versions of a program--to make sure it remains free
-software for all its users.  We, the Free Software Foundation, use the
-GNU General Public License for most of our software; it applies also to
-any other work released this way by its authors.  You can apply it to
-your programs, too.
-
-  When we speak of free software, we are referring to freedom, not
-price.  Our General Public Licenses are designed to make sure that you
-have the freedom to distribute copies of free software (and charge for
-them if you wish), that you receive source code or can get it if you
-want it, that you can change the software or use pieces of it in new
-free programs, and that you know you can do these things.
-
-  To protect your rights, we need to prevent others from denying you
-these rights or asking you to surrender the rights.  Therefore, you have
-certain responsibilities if you distribute copies of the software, or if
-you modify it: responsibilities to respect the freedom of others.
-
-  For example, if you distribute copies of such a program, whether
-gratis or for a fee, you must pass on to the recipients the same
-freedoms that you received.  You must make sure that they, too, receive
-or can get the source code.  And you must show them these terms so they
-know their rights.
-
-  Developers that use the GNU GPL protect your rights with two steps:
-(1) assert copyright on the software, and (2) offer you this License
-giving you legal permission to copy, distribute and/or modify it.
-
-  For the developers' and authors' protection, the GPL clearly explains
-that there is no warranty for this free software.  For both users' and
-authors' sake, the GPL requires that modified versions be marked as
-changed, so that their problems will not be attributed erroneously to
-authors of previous versions.
-
-  Some devices are designed to deny users access to install or run
-modified versions of the software inside them, although the manufacturer
-can do so.  This is fundamentally incompatible with the aim of
-protecting users' freedom to change the software.  The systematic
-pattern of such abuse occurs in the area of products for individuals to
-use, which is precisely where it is most unacceptable.  Therefore, we
-have designed this version of the GPL to prohibit the practice for those
-products.  If such problems arise substantially in other domains, we
-stand ready to extend this provision to those domains in future versions
-of the GPL, as needed to protect the freedom of users.
-
-  Finally, every program is threatened constantly by software patents.
-States should not allow patents to restrict development and use of
-software on general-purpose computers, but in those that do, we wish to
-avoid the special danger that patents applied to a free program could
-make it effectively proprietary.  To prevent this, the GPL assures that
-patents cannot be used to render the program non-free.
-
-  The precise terms and conditions for copying, distribution and
-modification follow.
-
-                       TERMS AND CONDITIONS
-
-  0. Definitions.
-
-  "This License" refers to version 3 of the GNU General Public License.
-
-  "Copyright" also means copyright-like laws that apply to other kinds of
-works, such as semiconductor masks.
-
-  "The Program" refers to any copyrightable work licensed under this
-License.  Each licensee is addressed as "you".  "Licensees" and
-"recipients" may be individuals or organizations.
-
-  To "modify" a work means to copy from or adapt all or part of the work
-in a fashion requiring copyright permission, other than the making of an
-exact copy.  The resulting work is called a "modified version" of the
-earlier work or a work "based on" the earlier work.
-
-  A "covered work" means either the unmodified Program or a work based
-on the Program.
-
-  To "propagate" a work means to do anything with it that, without
-permission, would make you directly or secondarily liable for
-infringement under applicable copyright law, except executing it on a
-computer or modifying a private copy.  Propagation includes copying,
-distribution (with or without modification), making available to the
-public, and in some countries other activities as well.
-
-  To "convey" a work means any kind of propagation that enables other
-parties to make or receive copies.  Mere interaction with a user through
-a computer network, with no transfer of a copy, is not conveying.
-
-  An interactive user interface displays "Appropriate Legal Notices"
-to the extent that it includes a convenient and prominently visible
-feature that (1) displays an appropriate copyright notice, and (2)
-tells the user that there is no warranty for the work (except to the
-extent that warranties are provided), that licensees may convey the
-work under this License, and how to view a copy of this License.  If
-the interface presents a list of user commands or options, such as a
-menu, a prominent item in the list meets this criterion.
-
-  1. Source Code.
-
-  The "source code" for a work means the preferred form of the work
-for making modifications to it.  "Object code" means any non-source
-form of a work.
-
-  A "Standard Interface" means an interface that either is an official
-standard defined by a recognized standards body, or, in the case of
-interfaces specified for a particular programming language, one that
-is widely used among developers working in that language.
-
-  The "System Libraries" of an executable work include anything, other
-than the work as a whole, that (a) is included in the normal form of
-packaging a Major Component, but which is not part of that Major
-Component, and (b) serves only to enable use of the work with that
-Major Component, or to implement a Standard Interface for which an
-implementation is available to the public in source code form.  A
-"Major Component", in this context, means a major essential component
-(kernel, window system, and so on) of the specific operating system
-(if any) on which the executable work runs, or a compiler used to
-produce the work, or an object code interpreter used to run it.
-
-  The "Corresponding Source" for a work in object code form means all
-the source code needed to generate, install, and (for an executable
-work) run the object code and to modify the work, including scripts to
-control those activities.  However, it does not include the work's
-System Libraries, or general-purpose tools or generally available free
-programs which are used unmodified in performing those activities but
-which are not part of the work.  For example, Corresponding Source
-includes interface definition files associated with source files for
-the work, and the source code for shared libraries and dynamically
-linked subprograms that the work is specifically designed to require,
-such as by intimate data communication or control flow between those
-subprograms and other parts of the work.
-
-  The Corresponding Source need not include anything that users
-can regenerate automatically from other parts of the Corresponding
-Source.
-
-  The Corresponding Source for a work in source code form is that
-same work.
-
-  2. Basic Permissions.
-
-  All rights granted under this License are granted for the term of
-copyright on the Program, and are irrevocable provided the stated
-conditions are met.  This License explicitly affirms your unlimited
-permission to run the unmodified Program.  The output from running a
-covered work is covered by this License only if the output, given its
-content, constitutes a covered work.  This License acknowledges your
-rights of fair use or other equivalent, as provided by copyright law.
-
-  You may make, run and propagate covered works that you do not
-convey, without conditions so long as your license otherwise remains
-in force.  You may convey covered works to others for the sole purpose
-of having them make modifications exclusively for you, or provide you
-with facilities for running those works, provided that you comply with
-the terms of this License in conveying all material for which you do
-not control copyright.  Those thus making or running the covered works
-for you must do so exclusively on your behalf, under your direction
-and control, on terms that prohibit them from making any copies of
-your copyrighted material outside their relationship with you.
-
-  Conveying under any other circumstances is permitted solely under
-the conditions stated below.  Sublicensing is not allowed; section 10
-makes it unnecessary.
-
-  3. Protecting Users' Legal Rights From Anti-Circumvention Law.
-
-  No covered work shall be deemed part of an effective technological
-measure under any applicable law fulfilling obligations under article
-11 of the WIPO copyright treaty adopted on 20 December 1996, or
-similar laws prohibiting or restricting circumvention of such
-measures.
-
-  When you convey a covered work, you waive any legal power to forbid
-circumvention of technological measures to the extent such circumvention
-is effected by exercising rights under this License with respect to
-the covered work, and you disclaim any intention to limit operation or
-modification of the work as a means of enforcing, against the work's
-users, your or third parties' legal rights to forbid circumvention of
-technological measures.
-
-  4. Conveying Verbatim Copies.
-
-  You may convey verbatim copies of the Program's source code as you
-receive it, in any medium, provided that you conspicuously and
-appropriately publish on each copy an appropriate copyright notice;
-keep intact all notices stating that this License and any
-non-permissive terms added in accord with section 7 apply to the code;
-keep intact all notices of the absence of any warranty; and give all
-recipients a copy of this License along with the Program.
-
-  You may charge any price or no price for each copy that you convey,
-and you may offer support or warranty protection for a fee.
-
-  5. Conveying Modified Source Versions.
-
-  You may convey a work based on the Program, or the modifications to
-produce it from the Program, in the form of source code under the
-terms of section 4, provided that you also meet all of these conditions:
-
-    a) The work must carry prominent notices stating that you modified
-    it, and giving a relevant date.
-
-    b) The work must carry prominent notices stating that it is
-    released under this License and any conditions added under section
-    7.  This requirement modifies the requirement in section 4 to
-    "keep intact all notices".
-
-    c) You must license the entire work, as a whole, under this
-    License to anyone who comes into possession of a copy.  This
-    License will therefore apply, along with any applicable section 7
-    additional terms, to the whole of the work, and all its parts,
-    regardless of how they are packaged.  This License gives no
-    permission to license the work in any other way, but it does not
-    invalidate such permission if you have separately received it.
-
-    d) If the work has interactive user interfaces, each must display
-    Appropriate Legal Notices; however, if the Program has interactive
-    interfaces that do not display Appropriate Legal Notices, your
-    work need not make them do so.
-
-  A compilation of a covered work with other separate and independent
-works, which are not by their nature extensions of the covered work,
-and which are not combined with it such as to form a larger program,
-in or on a volume of a storage or distribution medium, is called an
-"aggregate" if the compilation and its resulting copyright are not
-used to limit the access or legal rights of the compilation's users
-beyond what the individual works permit.  Inclusion of a covered work
-in an aggregate does not cause this License to apply to the other
-parts of the aggregate.
-
-  6. Conveying Non-Source Forms.
-
-  You may convey a covered work in object code form under the terms
-of sections 4 and 5, provided that you also convey the
-machine-readable Corresponding Source under the terms of this License,
-in one of these ways:
-
-    a) Convey the object code in, or embodied in, a physical product
-    (including a physical distribution medium), accompanied by the
-    Corresponding Source fixed on a durable physical medium
-    customarily used for software interchange.
-
-    b) Convey the object code in, or embodied in, a physical product
-    (including a physical distribution medium), accompanied by a
-    written offer, valid for at least three years and valid for as
-    long as you offer spare parts or customer support for that product
-    model, to give anyone who possesses the object code either (1) a
-    copy of the Corresponding Source for all the software in the
-    product that is covered by this License, on a durable physical
-    medium customarily used for software interchange, for a price no
-    more than your reasonable cost of physically performing this
-    conveying of source, or (2) access to copy the
-    Corresponding Source from a network server at no charge.
-
-    c) Convey individual copies of the object code with a copy of the
-    written offer to provide the Corresponding Source.  This
-    alternative is allowed only occasionally and noncommercially, and
-    only if you received the object code with such an offer, in accord
-    with subsection 6b.
-
-    d) Convey the object code by offering access from a designated
-    place (gratis or for a charge), and offer equivalent access to the
-    Corresponding Source in the same way through the same place at no
-    further charge.  You need not require recipients to copy the
-    Corresponding Source along with the object code.  If the place to
-    copy the object code is a network server, the Corresponding Source
-    may be on a different server (operated by you or a third party)
-    that supports equivalent copying facilities, provided you maintain
-    clear directions next to the object code saying where to find the
-    Corresponding Source.  Regardless of what server hosts the
-    Corresponding Source, you remain obligated to ensure that it is
-    available for as long as needed to satisfy these requirements.
-
-    e) Convey the object code using peer-to-peer transmission, provided
-    you inform other peers where the object code and Corresponding
-    Source of the work are being offered to the general public at no
-    charge under subsection 6d.
-
-  A separable portion of the object code, whose source code is excluded
-from the Corresponding Source as a System Library, need not be
-included in conveying the object code work.
-
-  A "User Product" is either (1) a "consumer product", which means any
-tangible personal property which is normally used for personal, family,
-or household purposes, or (2) anything designed or sold for incorporation
-into a dwelling.  In determining whether a product is a consumer product,
-doubtful cases shall be resolved in favor of coverage.  For a particular
-product received by a particular user, "normally used" refers to a
-typical or common use of that class of product, regardless of the status
-of the particular user or of the way in which the particular user
-actually uses, or expects or is expected to use, the product.  A product
-is a consumer product regardless of whether the product has substantial
-commercial, industrial or non-consumer uses, unless such uses represent
-the only significant mode of use of the product.
-
-  "Installation Information" for a User Product means any methods,
-procedures, authorization keys, or other information required to install
-and execute modified versions of a covered work in that User Product from
-a modified version of its Corresponding Source.  The information must
-suffice to ensure that the continued functioning of the modified object
-code is in no case prevented or interfered with solely because
-modification has been made.
-
-  If you convey an object code work under this section in, or with, or
-specifically for use in, a User Product, and the conveying occurs as
-part of a transaction in which the right of possession and use of the
-User Product is transferred to the recipient in perpetuity or for a
-fixed term (regardless of how the transaction is characterized), the
-Corresponding Source conveyed under this section must be accompanied
-by the Installation Information.  But this requirement does not apply
-if neither you nor any third party retains the ability to install
-modified object code on the User Product (for example, the work has
-been installed in ROM).
-
-  The requirement to provide Installation Information does not include a
-requirement to continue to provide support service, warranty, or updates
-for a work that has been modified or installed by the recipient, or for
-the User Product in which it has been modified or installed.  Access to a
-network may be denied when the modification itself materially and
-adversely affects the operation of the network or violates the rules and
-protocols for communication across the network.
-
-  Corresponding Source conveyed, and Installation Information provided,
-in accord with this section must be in a format that is publicly
-documented (and with an implementation available to the public in
-source code form), and must require no special password or key for
-unpacking, reading or copying.
-
-  7. Additional Terms.
-
-  "Additional permissions" are terms that supplement the terms of this
-License by making exceptions from one or more of its conditions.
-Additional permissions that are applicable to the entire Program shall
-be treated as though they were included in this License, to the extent
-that they are valid under applicable law.  If additional permissions
-apply only to part of the Program, that part may be used separately
-under those permissions, but the entire Program remains governed by
-this License without regard to the additional permissions.
-
-  When you convey a copy of a covered work, you may at your option
-remove any additional permissions from that copy, or from any part of
-it.  (Additional permissions may be written to require their own
-removal in certain cases when you modify the work.)  You may place
-additional permissions on material, added by you to a covered work,
-for which you have or can give appropriate copyright permission.
-
-  Notwithstanding any other provision of this License, for material you
-add to a covered work, you may (if authorized by the copyright holders of
-that material) supplement the terms of this License with terms:
-
-    a) Disclaiming warranty or limiting liability differently from the
-    terms of sections 15 and 16 of this License; or
-
-    b) Requiring preservation of specified reasonable legal notices or
-    author attributions in that material or in the Appropriate Legal
-    Notices displayed by works containing it; or
-
-    c) Prohibiting misrepresentation of the origin of that material, or
-    requiring that modified versions of such material be marked in
-    reasonable ways as different from the original version; or
-
-    d) Limiting the use for publicity purposes of names of licensors or
-    authors of the material; or
-
-    e) Declining to grant rights under trademark law for use of some
-    trade names, trademarks, or service marks; or
-
-    f) Requiring indemnification of licensors and authors of that
-    material by anyone who conveys the material (or modified versions of
-    it) with contractual assumptions of liability to the recipient, for
-    any liability that these contractual assumptions directly impose on
-    those licensors and authors.
-
-  All other non-permissive additional terms are considered "further
-restrictions" within the meaning of section 10.  If the Program as you
-received it, or any part of it, contains a notice stating that it is
-governed by this License along with a term that is a further
-restriction, you may remove that term.  If a license document contains
-a further restriction but permits relicensing or conveying under this
-License, you may add to a covered work material governed by the terms
-of that license document, provided that the further restriction does
-not survive such relicensing or conveying.
-
-  If you add terms to a covered work in accord with this section, you
-must place, in the relevant source files, a statement of the
-additional terms that apply to those files, or a notice indicating
-where to find the applicable terms.
-
-  Additional terms, permissive or non-permissive, may be stated in the
-form of a separately written license, or stated as exceptions;
-the above requirements apply either way.
-
-  8. Termination.
-
-  You may not propagate or modify a covered work except as expressly
-provided under this License.  Any attempt otherwise to propagate or
-modify it is void, and will automatically terminate your rights under
-this License (including any patent licenses granted under the third
-paragraph of section 11).
-
-  However, if you cease all violation of this License, then your
-license from a particular copyright holder is reinstated (a)
-provisionally, unless and until the copyright holder explicitly and
-finally terminates your license, and (b) permanently, if the copyright
-holder fails to notify you of the violation by some reasonable means
-prior to 60 days after the cessation.
-
-  Moreover, your license from a particular copyright holder is
-reinstated permanently if the copyright holder notifies you of the
-violation by some reasonable means, this is the first time you have
-received notice of violation of this License (for any work) from that
-copyright holder, and you cure the violation prior to 30 days after
-your receipt of the notice.
-
-  Termination of your rights under this section does not terminate the
-licenses of parties who have received copies or rights from you under
-this License.  If your rights have been terminated and not permanently
-reinstated, you do not qualify to receive new licenses for the same
-material under section 10.
-
-  9. Acceptance Not Required for Having Copies.
-
-  You are not required to accept this License in order to receive or
-run a copy of the Program.  Ancillary propagation of a covered work
-occurring solely as a consequence of using peer-to-peer transmission
-to receive a copy likewise does not require acceptance.  However,
-nothing other than this License grants you permission to propagate or
-modify any covered work.  These actions infringe copyright if you do
-not accept this License.  Therefore, by modifying or propagating a
-covered work, you indicate your acceptance of this License to do so.
-
-  10. Automatic Licensing of Downstream Recipients.
-
-  Each time you convey a covered work, the recipient automatically
-receives a license from the original licensors, to run, modify and
-propagate that work, subject to this License.  You are not responsible
-for enforcing compliance by third parties with this License.
-
-  An "entity transaction" is a transaction transferring control of an
-organization, or substantially all assets of one, or subdividing an
-organization, or merging organizations.  If propagation of a covered
-work results from an entity transaction, each party to that
-transaction who receives a copy of the work also receives whatever
-licenses to the work the party's predecessor in interest had or could
-give under the previous paragraph, plus a right to possession of the
-Corresponding Source of the work from the predecessor in interest, if
-the predecessor has it or can get it with reasonable efforts.
-
-  You may not impose any further restrictions on the exercise of the
-rights granted or affirmed under this License.  For example, you may
-not impose a license fee, royalty, or other charge for exercise of
-rights granted under this License, and you may not initiate litigation
-(including a cross-claim or counterclaim in a lawsuit) alleging that
-any patent claim is infringed by making, using, selling, offering for
-sale, or importing the Program or any portion of it.
-
-  11. Patents.
-
-  A "contributor" is a copyright holder who authorizes use under this
-License of the Program or a work on which the Program is based.  The
-work thus licensed is called the contributor's "contributor version".
-
-  A contributor's "essential patent claims" are all patent claims
-owned or controlled by the contributor, whether already acquired or
-hereafter acquired, that would be infringed by some manner, permitted
-by this License, of making, using, or selling its contributor version,
-but do not include claims that would be infringed only as a
-consequence of further modification of the contributor version.  For
-purposes of this definition, "control" includes the right to grant
-patent sublicenses in a manner consistent with the requirements of
-this License.
-
-  Each contributor grants you a non-exclusive, worldwide, royalty-free
-patent license under the contributor's essential patent claims, to
-make, use, sell, offer for sale, import and otherwise run, modify and
-propagate the contents of its contributor version.
-
-  In the following three paragraphs, a "patent license" is any express
-agreement or commitment, however denominated, not to enforce a patent
-(such as an express permission to practice a patent or covenant not to
-sue for patent infringement).  To "grant" such a patent license to a
-party means to make such an agreement or commitment not to enforce a
-patent against the party.
-
-  If you convey a covered work, knowingly relying on a patent license,
-and the Corresponding Source of the work is not available for anyone
-to copy, free of charge and under the terms of this License, through a
-publicly available network server or other readily accessible means,
-then you must either (1) cause the Corresponding Source to be so
-available, or (2) arrange to deprive yourself of the benefit of the
-patent license for this particular work, or (3) arrange, in a manner
-consistent with the requirements of this License, to extend the patent
-license to downstream recipients.  "Knowingly relying" means you have
-actual knowledge that, but for the patent license, your conveying the
-covered work in a country, or your recipient's use of the covered work
-in a country, would infringe one or more identifiable patents in that
-country that you have reason to believe are valid.
-
-  If, pursuant to or in connection with a single transaction or
-arrangement, you convey, or propagate by procuring conveyance of, a
-covered work, and grant a patent license to some of the parties
-receiving the covered work authorizing them to use, propagate, modify
-or convey a specific copy of the covered work, then the patent license
-you grant is automatically extended to all recipients of the covered
-work and works based on it.
-
-  A patent license is "discriminatory" if it does not include within
-the scope of its coverage, prohibits the exercise of, or is
-conditioned on the non-exercise of one or more of the rights that are
-specifically granted under this License.  You may not convey a covered
-work if you are a party to an arrangement with a third party that is
-in the business of distributing software, under which you make payment
-to the third party based on the extent of your activity of conveying
-the work, and under which the third party grants, to any of the
-parties who would receive the covered work from you, a discriminatory
-patent license (a) in connection with copies of the covered work
-conveyed by you (or copies made from those copies), or (b) primarily
-for and in connection with specific products or compilations that
-contain the covered work, unless you entered into that arrangement,
-or that patent license was granted, prior to 28 March 2007.
-
-  Nothing in this License shall be construed as excluding or limiting
-any implied license or other defenses to infringement that may
-otherwise be available to you under applicable patent law.
-
-  12. No Surrender of Others' Freedom.
-
-  If conditions are imposed on you (whether by court order, agreement or
-otherwise) that contradict the conditions of this License, they do not
-excuse you from the conditions of this License.  If you cannot convey a
-covered work so as to satisfy simultaneously your obligations under this
-License and any other pertinent obligations, then as a consequence you may
-not convey it at all.  For example, if you agree to terms that obligate you
-to collect a royalty for further conveying from those to whom you convey
-the Program, the only way you could satisfy both those terms and this
-License would be to refrain entirely from conveying the Program.
-
-  13. Use with the GNU Affero General Public License.
-
-  Notwithstanding any other provision of this License, you have
-permission to link or combine any covered work with a work licensed
-under version 3 of the GNU Affero General Public License into a single
-combined work, and to convey the resulting work.  The terms of this
-License will continue to apply to the part which is the covered work,
-but the special requirements of the GNU Affero General Public License,
-section 13, concerning interaction through a network will apply to the
-combination as such.
-
-  14. Revised Versions of this License.
-
-  The Free Software Foundation may publish revised and/or new versions of
-the GNU General Public License from time to time.  Such new versions will
-be similar in spirit to the present version, but may differ in detail to
-address new problems or concerns.
-
-  Each version is given a distinguishing version number.  If the
-Program specifies that a certain numbered version of the GNU General
-Public License "or any later version" applies to it, you have the
-option of following the terms and conditions either of that numbered
-version or of any later version published by the Free Software
-Foundation.  If the Program does not specify a version number of the
-GNU General Public License, you may choose any version ever published
-by the Free Software Foundation.
-
-  If the Program specifies that a proxy can decide which future
-versions of the GNU General Public License can be used, that proxy's
-public statement of acceptance of a version permanently authorizes you
-to choose that version for the Program.
-
-  Later license versions may give you additional or different
-permissions.  However, no additional obligations are imposed on any
-author or copyright holder as a result of your choosing to follow a
-later version.
-
-  15. Disclaimer of Warranty.
-
-  THERE IS NO WARRANTY FOR THE PROGRAM, TO THE EXTENT PERMITTED BY
-APPLICABLE LAW.  EXCEPT WHEN OTHERWISE STATED IN WRITING THE COPYRIGHT
-HOLDERS AND/OR OTHER PARTIES PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY
-OF ANY KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING, BUT NOT LIMITED TO,
-THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
-PURPOSE.  THE ENTIRE RISK AS TO THE QUALITY AND PERFORMANCE OF THE PROGRAM
-IS WITH YOU.  SHOULD THE PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF
-ALL NECESSARY SERVICING, REPAIR OR CORRECTION.
-
-  16. Limitation of Liability.
-
-  IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING
-WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MODIFIES AND/OR CONVEYS
-THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES, INCLUDING ANY
-GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING OUT OF THE
-USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED TO LOSS OF
-DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY YOU OR THIRD
-PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER PROGRAMS),
-EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE POSSIBILITY OF
-SUCH DAMAGES.
-
-  17. Interpretation of Sections 15 and 16.
-
-  If the disclaimer of warranty and limitation of liability provided
-above cannot be given local legal effect according to their terms,
-reviewing courts shall apply local law that most closely approximates
-an absolute waiver of all civil liability in connection with the
-Program, unless a warranty or assumption of liability accompanies a
-copy of the Program in return for a fee.
-
-                     END OF TERMS AND CONDITIONS
-
-            How to Apply These Terms to Your New Programs
-
-  If you develop a new program, and you want it to be of the greatest
-possible use to the public, the best way to achieve this is to make it
-free software which everyone can redistribute and change under these terms.
-
-  To do so, attach the following notices to the program.  It is safest
-to attach them to the start of each source file to most effectively
-state the exclusion of warranty; and each file should have at least
-the "copyright" line and a pointer to where the full notice is found.
-
-    <one line to give the program's name and a brief idea of what it does.>
-    Copyright (C) <year>  <name of author>
-
-    This program is free software: you can redistribute it and/or modify
-    it under the terms of the GNU General Public License as published by
-    the Free Software Foundation, either version 3 of the License, or
-    (at your option) any later version.
-
-    This program is distributed in the hope that it will be useful,
-    but WITHOUT ANY WARRANTY; without even the implied warranty of
-    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
-    GNU General Public License for more details.
-
-    You should have received a copy of the GNU General Public License
-    along with this program.  If not, see <https://www.gnu.org/licenses/>.
-
-Also add information on how to contact you by electronic and paper mail.
-
-  If the program does terminal interaction, make it output a short
-notice like this when it starts in an interactive mode:
-
-    <program>  Copyright (C) <year>  <name of author>
-    This program comes with ABSOLUTELY NO WARRANTY; for details type `show w'.
-    This is free software, and you are welcome to redistribute it
-    under certain conditions; type `show c' for details.
-
-The hypothetical commands `show w' and `show c' should show the appropriate
-parts of the General Public License.  Of course, your program's commands
-might be different; for a GUI interface, you would use an "about box".
-
-  You should also get your employer (if you work as a programmer) or school,
-if any, to sign a "copyright disclaimer" for the program, if necessary.
-For more information on this, and how to apply and follow the GNU GPL, see
-<https://www.gnu.org/licenses/>.
-
-  The GNU General Public License does not permit incorporating your program
-into proprietary programs.  If your program is a subroutine library, you
-may consider it more useful to permit linking proprietary applications with
-the library.  If this is what you want to do, use the GNU Lesser General
-Public License instead of this License.  But first, please read
-<https://www.gnu.org/licenses/why-not-lgpl.html>.
+
+  This version of the GNU Lesser General Public License incorporates
+the terms and conditions of version 3 of the GNU General Public
+License, supplemented by the additional permissions listed below.
+
+  0. Additional Definitions.
+
+  As used herein, "this License" refers to version 3 of the GNU Lesser
+General Public License, and the "GNU GPL" refers to version 3 of the GNU
+General Public License.
+
+  "The Library" refers to a covered work governed by this License,
+other than an Application or a Combined Work as defined below.
+
+  An "Application" is any work that makes use of an interface provided
+by the Library, but which is not otherwise based on the Library.
+Defining a subclass of a class defined by the Library is deemed a mode
+of using an interface provided by the Library.
+
+  A "Combined Work" is a work produced by combining or linking an
+Application with the Library.  The particular version of the Library
+with which the Combined Work was made is also called the "Linked
+Version".
+
+  The "Minimal Corresponding Source" for a Combined Work means the
+Corresponding Source for the Combined Work, excluding any source code
+for portions of the Combined Work that, considered in isolation, are
+based on the Application, and not on the Linked Version.
+
+  The "Corresponding Application Code" for a Combined Work means the
+object code and/or source code for the Application, including any data
+and utility programs needed for reproducing the Combined Work from the
+Application, but excluding the System Libraries of the Combined Work.
+
+  1. Exception to Section 3 of the GNU GPL.
+
+  You may convey a covered work under sections 3 and 4 of this License
+without being bound by section 3 of the GNU GPL.
+
+  2. Conveying Modified Versions.
+
+  If you modify a copy of the Library, and, in your modifications, a
+facility refers to a function or data to be supplied by an Application
+that uses the facility (other than as an argument passed when the
+facility is invoked), then you may convey a copy of the modified
+version:
+
+   a) under this License, provided that you make a good faith effort to
+   ensure that, in the event an Application does not supply the
+   function or data, the facility still operates, and performs
+   whatever part of its purpose remains meaningful, or
+
+   b) under the GNU GPL, with none of the additional permissions of
+   this License applicable to that copy.
+
+  3. Object Code Incorporating Material from Library Header Files.
+
+  The object code form of an Application may incorporate material from
+a header file that is part of the Library.  You may convey such object
+code under terms of your choice, provided that, if the incorporated
+material is not limited to numerical parameters, data structure
+layouts and accessors, or small macros, inline functions and templates
+(ten or fewer lines in length), you do both of the following:
+
+   a) Give prominent notice with each copy of the object code that the
+   Library is used in it and that the Library and its use are
+   covered by this License.
+
+   b) Accompany the object code with a copy of the GNU GPL and this license
+   document.
+
+  4. Combined Works.
+
+  You may convey a Combined Work under terms of your choice that,
+taken together, effectively do not restrict modification of the
+portions of the Library contained in the Combined Work and reverse
+engineering for debugging such modifications, if you also do each of
+the following:
+
+   a) Give prominent notice with each copy of the Combined Work that
+   the Library is used in it and that the Library and its use are
+   covered by this License.
+
+   b) Accompany the Combined Work with a copy of the GNU GPL and this license
+   document.
+
+   c) For a Combined Work that displays copyright notices during
+   execution, include the copyright notice for the Library among
+   these notices, as well as a reference directing the user to the
+   copies of the GNU GPL and this license document.
+
+   d) Do one of the following:
+
+       0) Convey the Minimal Corresponding Source under the terms of this
+       License, and the Corresponding Application Code in a form
+       suitable for, and under terms that permit, the user to
+       recombine or relink the Application with a modified version of
+       the Linked Version to produce a modified Combined Work, in the
+       manner specified by section 6 of the GNU GPL for conveying
+       Corresponding Source.
+
+       1) Use a suitable shared library mechanism for linking with the
+       Library.  A suitable mechanism is one that (a) uses at run time
+       a copy of the Library already present on the user's computer
+       system, and (b) will operate properly with a modified version
+       of the Library that is interface-compatible with the Linked
+       Version.
+
+   e) Provide Installation Information, but only if you would otherwise
+   be required to provide such information under section 6 of the
+   GNU GPL, and only to the extent that such information is
+   necessary to install and execute a modified version of the
+   Combined Work produced by recombining or relinking the
+   Application with a modified version of the Linked Version. (If
+   you use option 4d0, the Installation Information must accompany
+   the Minimal Corresponding Source and Corresponding Application
+   Code. If you use option 4d1, you must provide the Installation
+   Information in the manner specified by section 6 of the GNU GPL
+   for conveying Corresponding Source.)
+
+  5. Combined Libraries.
+
+  You may place library facilities that are a work based on the
+Library side by side in a single library together with other library
+facilities that are not Applications and are not covered by this
+License, and convey such a combined library under terms of your
+choice, if you do both of the following:
+
+   a) Accompany the combined library with a copy of the same work based
+   on the Library, uncombined with any other library facilities,
+   conveyed under the terms of this License.
+
+   b) Give prominent notice with the combined library that part of it
+   is a work based on the Library, and explaining where to find the
+   accompanying uncombined form of the same work.
+
+  6. Revised Versions of the GNU Lesser General Public License.
+
+  The Free Software Foundation may publish revised and/or new versions
+of the GNU Lesser General Public License from time to time. Such new
+versions will be similar in spirit to the present version, but may
+differ in detail to address new problems or concerns.
+
+  Each version is given a distinguishing version number. If the
+Library as you received it specifies that a certain numbered version
+of the GNU Lesser General Public License "or any later version"
+applies to it, you have the option of following the terms and
+conditions either of that published version or of any later version
+published by the Free Software Foundation. If the Library as you
+received it does not specify a version number of the GNU Lesser
+General Public License, you may choose any version of the GNU Lesser
+General Public License ever published by the Free Software Foundation.
+
+  If the Library as you received it specifies that a proxy can decide
+whether future versions of the GNU Lesser General Public License shall
+apply, that proxy's public statement of acceptance of any version is
+permanent authorization for you to choose that version for the
+Library.
@@ -18,34 +18,42 @@

 ---

- 轻量 (~30kB gzipped)
- 自托管 (隐私安全)
- 简单易上手 (防秃顶)
- Markdown 语法 (通用性)
+- 轻量级 (~30kB gzipped)
+- 自托管 (数据安全)
+- 易上手 (防秃顶)
 - Golang 后端 (易部署 / 跨平台)
+- TypeScript & Vanilla (纯天然无添加 / 无依赖)

 ## 特性

- 表 情 包 ：统一管理 / 链接替换
- 通知中心：红点标记 / 已读记录
+- 侧 边 栏 ：所见即所得的管理方式
+- 通知中心：红点的标记 / 已读记录
 - 身份验证：徽标自定义 / 密码验证
- 站点隔离：多站点管理 / 站点管理员用户分配
- 评论审核：反垃圾检测 / 验证码 / 提交频率限制
+- 评论审核：反垃圾检测 / 验证码频率限制
+- 表情符号：插入表情包 / 快速导入表情包
 - 邮件提醒：模版自定义 / 多管理员通知
- 树洞模式：仅自己可见 / 说说功能
+- 站点隔离：多站点管理 / 管理员分配
 - 页面管理：标题可显示 / 快速跳转
- 无限层级：可切换为 “平铺模式”
+- 图片上传：上传到本地 / 多种图床
+- 树洞模式：仅自己可见 / 说说功能
+- 多元推送：支持钉钉飞书 TG
+- 无限层级：可切换为平铺模式
 - 评论投票：赞同还是反对评论
- 异步处理：邮件发送无需等待
+- 评论排序：按热度或时间排序
+- 评论置顶：重要消息置顶显示
+- 只看作者：仅显示作者的评论
+- 异步处理：发送评论无需等待
 - 滚动加载：评论内容分页处置
 - 自动保存：用户输入防丢功能
 - 自动填充：用户链接自动填充
+- 实时预览：评论内容实时预览
 - 暗黑模式：防止眼部疾病伤害
 - 评论折叠：这个不打算给你康
 - 数据备份：防止评论数据丢失
 - 数据迁移：在不同评论系统之间来回切换
 - 一页多评：一页多个评论区（似乎没啥用
- TypeScript & Vanilla：纯天然无添加 / 无需依赖
+- Markdown 语法默认支持
+- 支持 Latex：需引入 Artalk 的 Katex 插件
 - [Vite](https://github.com/vitejs/vite)：开发者的极致体验

 ## 食用方针
@@ -53,7 +61,7 @@
 前往：[“**文档 · 部署**”](https://artalk.js.org/guide/deploy.html)

 ```sh
-$ yarn add artalk
+$ pnpm add artalk
 ```

 ```ts
@@ -77,7 +85,8 @@ new Artalk({
 [![Stargazers over time](https://starchart.cc/ArtalkJS/Artalk.svg)](https://starchart.cc/ArtalkJS/Artalk)

 ## License
-[GPL-3.0](./LICENSE)
+
+[LGPL-3.0](./LICENSE)

 [![FOSSA Status](https://app.fossa.com/api/projects/git%2Bgithub.com%2FArtalkJS%2FArtalk.svg?type=shield)](https://app.fossa.com/projects/git%2Bgithub.com%2FArtalkJS%2FArtalk?ref=badge_shield)

@@ -1,15 +1,13 @@
 {
  "name": "artalk-monorepo",
  "private": true,
-  "workspaces": [
-    "packages/*"
-  ],
  "homepage": "https://artalk.js.org",
  "scripts": {
-    "build": "yarn --cwd packages/artalk run build",
-    "dev": "yarn --cwd packages/artalk run dev",
-    "build:sidebar": "yarn run build && yarn --cwd packages/artalk-sidebar run build",
-    "build:all": "yarn --cwd packages/artalk run build && yarn --cwd packages/artalk-sidebar run build"
+    "dev": "pnpm -F artalk dev",
+    "dev:sidebar": "pnpm -F @artalkjs/artalk-sidebar dev",
+    "build": "pnpm -F artalk build",
+    "build:sidebar": "pnpm -F @artalkjs/artalk-sidebar build",
+    "build:all": "pnpm build && pnpm build:sidebar"
  },
  "devDependencies": {
    "@rollup/plugin-dynamic-import-vars": "^1.4.1",
@@ -24,10 +22,11 @@
    "eslint-import-resolver-typescript": "^2.5.0",
    "eslint-plugin-import": "^2.25.2",
    "less": "^4.1.2",
+    "postcss": "^8.1.0",
    "prettier": "^2.4.1",
+    "rollup": "^2.59.0",
    "typescript": "^4.5.2",
    "vite": "^2.6.14",
    "vite-tsconfig-paths": "^3.3.17"
-  },
-  "dependencies": {}
+  }
 }
@@ -1,7 +1,7 @@
 {
  "name": "@artalkjs/artalk-sidebar",
  "version": "0.1.0",
-  "license": "GPL-2.0",
+  "license": "LGPL-3.0",
  "description": "The sidebar of artalk",
  "repository": {
    "type": "git",
@@ -15,21 +15,13 @@
  "jsdelivr": "./dist/ArtalkSidebar.iife.js",
  "module": "./dist/ArtalkSidebar.es.js",
  "types": "./types/index.d.ts",
-  "exports": {
-    ".": {
-      "import": "./dist/ArtalkSidebar.es.js",
-      "require": "./dist/ArtalkSidebar.js"
-    }
-  },
  "scripts": {
    "dev": "vite --port 23367",
-    "build": "yarn lint && vite build",
+    "build": "pnpm -F artalk build && pnpm lint && vite build",
    "serve": "vite preview",
    "lint": "eslint --ext .js,.ts src"
  },
-  "devDependencies": {
-  },
  "dependencies": {
-    "artalk": "*"
+    "artalk": "workspace: *"
  }
 }
@@ -5,6 +5,7 @@ const pageKey = searchParams.get('pageKey') || ''
 const site = searchParams.get('site') || ''
 const user = JSON.parse(searchParams.get('user') || '{}')
 const darkMode = searchParams.get('darkMode') === '1'
+;(window as any).referer = searchParams.get('referer')

 const artalkSidebar = new ArtalkSidebar({
  el: '#ArtalkSidebar',
@@ -39,7 +39,9 @@ export default class MessageView extends SidebarView {
    this.list.pageMode = 'pagination'
    this.list.noCommentText = '<div class="atk-sidebar-no-content">无内容</div>'
    this.list.renderComment = (comment) => {
-      comment.setOpenURL(`${comment.data.page_key}#atk-comment-${comment.data.id}`)
+      let pageKey = comment.data.page_key
+      if (!Utils.isValidURL(pageKey)) pageKey = Utils.getURLBasedOn((window as any).referer || '', pageKey)
+      comment.setOpenURL(`${pageKey}#atk-comment-${comment.data.id}`)
      comment.onReplyBtnClick = () => {
        if (this.ctx.conf.editorTravel === true) {
          this.ctx.trigger('editor-reply', {data: comment.data, $el: comment.$el, scroll: false})
@@ -1,23 +1,8 @@
 {
+  "extends": "../../tsconfig.base.json",
  "compilerOptions": {
    "baseUrl": ".",
    "outDir": "dist",
-    "target": "esnext",
-    "useDefineForClassFields": true,
-    "module": "esnext",
-    "lib": ["esnext", "dom"],
-    "moduleResolution": "node",
-    "strict": true,
-    "sourceMap": true,
-    "experimentalDecorators": true,
-    "resolveJsonModule": true,
-    "esModuleInterop": true,
-    "noEmit": true,
-    "noImplicitAny": false,
-    "allowSyntheticDefaultImports": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "noImplicitReturns": true,
    "paths": {
      "~/*": ["./*"],
      "@/*": ["./src/*"]
@@ -1 +0,0 @@
-/// <reference types="vite/client" />
@@ -1,7 +1,8 @@
 {
  "name": "artalk",
-  "version": "2.1.8",
-  "license": "GPL-3.0",
+  "version": "2.2.0",
+  "backendMinVersion": "2.1.1",
+  "license": "LGPL-3.0",
  "description": "A Selfhosted Comment System",
  "keywords": [
    "comment-system",
@@ -24,11 +25,11 @@
  "types": "./types/index.d.ts",
  "scripts": {
    "dev": "vite",
-    "build": "yarn lint && vite build",
+    "build": "pnpm lint && vite build",
    "build:demo": "vite build --config vite-demo.config.ts",
    "serve": "vite preview",
    "deploy": "gh-pages -d deploy",
-    "predeploy": "yarn run build && yarn run build:demo && yarn run copy:deploy",
+    "predeploy": "pnpm build && pnpm build:demo && pnpm copy:deploy",
    "copy:deploy": "cp -r dist deploy && cp CNAME deploy",
    "lint": "eslint --ext .js,.ts src"
  },
@@ -117,6 +117,12 @@ export default class Api {
    }
  }

+  /** 用户 · 登录状态 */
+  public async loginStatus() {
+    const data = await GET<any>(this.ctx, `${this.baseURL}/login-status`)
+    return (data || { is_login: false }) as { is_login: boolean }
+  }
+
  // ============================
  //  页面 Page
  // ============================
@@ -302,4 +308,10 @@ export default class Api {
    const data = await GET<any>(this.ctx, `${this.baseURL}/captcha/check`, { value })
    return (data.img_data || '') as string
  }
+
+  /** 验证码 · 状态 */
+  public async captchaStatus() {
+    const data = await GET<any>(this.ctx, `${this.baseURL}/captcha/status`)
+    return (data || { is_pass: false }) as { is_pass: boolean }
+  }
 }
@@ -43,6 +43,7 @@ export async function Fetch(ctx: Context, input: RequestInfo, init: RequestInit,
      json = await (new Promise<any>((resolve, reject) => {
        ctx.trigger('checker-captcha', {
          imgData: json.data.img_data,
+          iframe: json.data.iframe,
          onSuccess: () => {
            recall(resolve, reject)
          },
@@ -12,6 +12,7 @@ import SidebarLayer from './components/sidebar-layer'
 import { GetLayerWrap } from './components/layer'
 import { EventPayloadMap, Handler } from '~/types/event'
 import Api from './api'
+import * as Utils from './lib/utils'

 /**
 * Artalk
@@ -59,6 +60,7 @@ export default class Artalk {

    // 组件初始化
    this.checkerLauncher = new CheckerLauncher(this.ctx)
+    Utils.initMarked(this.ctx) // 初始化 marked

    // 编辑器
    this.editor = new Editor(this.ctx)
@@ -80,6 +82,13 @@ export default class Artalk {

    // 其他
    this.initPV()
+
+    // 插件初始化
+    Artalk.Plugins.forEach(plugin => {
+      if (typeof plugin === 'function') {
+        plugin(this.ctx)
+      }
+    })
  }

  /** 事件绑定 · 初始化 */
@@ -180,4 +189,12 @@ export default class Artalk {
  public trigger<K extends keyof EventPayloadMap>(name: K, payload?: EventPayloadMap[K]) {
    this.ctx.trigger(name, payload, 'external')
  }
+
+  /** Plugins */
+  protected static Plugins: ((ctx: Context) => void)[] = []
+
+  /** Enable Plugin */
+  public static Use(plugin: ((ctx: Context) => void)) {
+    this.Plugins.push(plugin)
+  }
 }
@@ -247,7 +247,7 @@ export default class Editor extends Component {
      })
    })

-    this.initImgUploadBtn()
+    this.initImgUpload()
  }

  /** 关闭编辑器插件 */
@@ -260,11 +260,12 @@ export default class Editor extends Component {
  /** 允许的图片格式 */
  allowImgExts = ['png', 'jpg', 'jpeg', 'gif', 'bmp', 'svg', 'webp']

-  /** 初始化图片上传按钮 */
-  initImgUploadBtn() {
+  /** 初始化图片上传功能 */
+  initImgUpload() {
    this.$imgUploadBtn = Utils.createElement(`<span class="atk-plug-btn">图片</span>`)
    this.$plugBtnWrap.querySelector('[data-plug-name="preview"]')!.before(this.$imgUploadBtn) // 显示在预览图标之前

+    // 按钮点击
    this.$imgUploadBtn.onclick = () => {
      // 选择图片
      const $input = document.createElement('input')
@@ -280,6 +281,17 @@ export default class Editor extends Component {
      $input.click() // 显示选择图片对话框
    }

+    // 统一从 FileList 获取文件并上传图片方法
+    const uploadFromFileList = (files?: FileList) => {
+      if (!files) return
+
+      for (let i = 0; i < files.length; i++) {
+        const file = files[i]
+        this.uploadImg(file)
+      }
+    }
+
+    // 拖拽图片
    // @link https://developer.mozilla.org/zh-CN/docs/Web/API/HTML_Drag_and_Drop_API/File_drag_and_drop
    // 阻止浏览器的默认释放行为
    this.$textarea.addEventListener('dragover', (evt) => {
@@ -288,12 +300,19 @@ export default class Editor extends Component {
    })

    this.$textarea.addEventListener('drop', (evt) => {
-      if (evt.dataTransfer?.files) {
+      const files = evt.dataTransfer?.files
+      if (files?.length) {
        evt.preventDefault()
-        for (let i = 0; i < evt.dataTransfer.files.length; i++) {
-          const file = evt.dataTransfer.files[i]
-          this.uploadImg(file)
-        }
+        uploadFromFileList(files)
+      }
+    })
+
+    // 粘贴图片
+    this.$textarea.addEventListener('paste', (evt) => {
+      const files = evt.clipboardData?.files
+      if (files?.length) {
+        evt.preventDefault()
+        uploadFromFileList(files)
      }
    })
  }
@@ -312,8 +331,18 @@ export default class Editor extends Component {
    const fileExt = /[^.]+$/.exec(file.name)
    if (!fileExt || !this.allowImgExts.includes(fileExt[0])) return

+    // 未登录提示
+    if (!this.ctx.user.checkHasBasicUserInfo()) {
+      this.showNotify('填入你的名字邮箱才能上传哦', 'w')
+      return
+    }
+
+    // 插入图片前换一行
+    let insertPrefix = '\n'
+    if (this.$textarea.value.trim() === '') insertPrefix = ''
+
    // 插入占位加载文字
-    const uploadPlaceholderTxt = `\n![](Uploading ${file.name}...)`
+    const uploadPlaceholderTxt = `${insertPrefix}![](Uploading ${file.name}...)`
    this.insertContent(uploadPlaceholderTxt)

    // 上传图片
@@ -326,20 +355,16 @@ export default class Editor extends Component {
    }
    if (!!resp && resp.img_url) {
      let imgURL = resp.img_url as string
-      if (imgURL.startsWith('.') || (imgURL.startsWith('/') && !imgURL.startsWith('//'))) {
-        // 若为相对路径，加上 artalk server
-        imgURL = `${this.ctx.conf.server.replace(/\/api\/?$/, '')}/${imgURL.replace(/^\//, '')}`
-      }
+
+      // 若为相对路径，加上 artalk server
+      if (!Utils.isValidURL(imgURL)) imgURL = Utils.getURLBasedOnApi(this.ctx, imgURL)

      // 上传成功插入图片
-      this.$textarea.value = this.$textarea.value.replace(uploadPlaceholderTxt, `\n![](${imgURL})`)
+      this.setContent(this.$textarea.value.replace(uploadPlaceholderTxt, `${insertPrefix}![](${imgURL})`))
    } else {
      // 上传失败删除加载文字
-      this.$textarea.value = this.$textarea.value.replace(uploadPlaceholderTxt, '')
+      this.setContent(this.$textarea.value.replace(uploadPlaceholderTxt, ''))
    }
-
-    // 更新内容保存到 localStorage
-    this.saveContent()
  }

  insertContent (val: string) {
@@ -376,7 +401,8 @@ export default class Editor extends Component {
    this.cancelReply()
  }

-  getContent () {
+  /** 获取最终用于 submit 的数据 */
+  getFinalContent () {
    let content = this.getContentOriginal()

    // 表情包处理
@@ -393,7 +419,7 @@ export default class Editor extends Component {
  }

  getContentMarked () {
-    return Utils.marked(this.ctx, this.getContent())
+    return Utils.marked(this.ctx, this.getFinalContent())
  }

  initBottomPart () {
@@ -452,7 +478,7 @@ export default class Editor extends Component {
  }

  async submit () {
-    if (this.getContent().trim() === '') {
+    if (this.getFinalContent().trim() === '') {
      this.$textarea.focus()
      return
    }
@@ -463,7 +489,7 @@ export default class Editor extends Component {

    try {
      const nComment = await new Api(this.ctx).add({
-        content: this.getContent(),
+        content: this.getFinalContent(),
        nick: this.user.data.nick,
        email: this.user.data.email,
        link: this.user.data.link,
@@ -65,12 +65,7 @@ export default class Layer extends Component {
    }

    // body style 禁止滚动 + 防抖
-    this.bodyStyleOrgOverflow = document.body.style.overflow
-    this.bodyStyleOrgPaddingRight = document.body.style.paddingRight
-    document.body.style.overflow = 'hidden'
-
-    const bpr = parseInt(window.getComputedStyle(document.body, null).getPropertyValue('padding-right'), 10)
-    document.body.style.paddingRight = `${Ui.getScrollBarWidth() + bpr || 0}px`
+    this.pageBodyScrollBarHide()
  }

  hide () {
@@ -81,8 +76,7 @@ export default class Layer extends Component {
    this.newActionTimer(() => {
      this.$wrap.style.display = 'none'
      // body style 禁止滚动解除
-      document.body.style.overflow = this.bodyStyleOrgOverflow
-      document.body.style.paddingRight = this.bodyStyleOrgPaddingRight
+      this.pageBodyScrollBarShow()
      this.checkCleanLayer()
    }, 450)
    this.newActionTimer(() => {
@@ -95,6 +89,22 @@ export default class Layer extends Component {
    this.maskClickHideEnable = enable
  }

+  // 页面滚动条隐藏
+  pageBodyScrollBarHide() {
+    this.bodyStyleOrgOverflow = document.body.style.overflow
+    this.bodyStyleOrgPaddingRight = document.body.style.paddingRight
+    document.body.style.overflow = 'hidden'
+
+    const bpr = parseInt(window.getComputedStyle(document.body, null).getPropertyValue('padding-right'), 10)
+    document.body.style.paddingRight = `${Ui.getScrollBarWidth() + bpr || 0}px`
+  }
+
+  // 页面滚动条显示
+  pageBodyScrollBarShow() {
+    document.body.style.overflow = this.bodyStyleOrgOverflow
+    document.body.style.paddingRight = this.bodyStyleOrgPaddingRight
+  }
+
  // Timers
  private static actionTimers: {act: Function, tid: number}[] = []

@@ -120,6 +130,7 @@ export default class Layer extends Component {
  disposeNow () {
    document.body.style.overflow = ''
    this.$el.remove()
+    this.pageBodyScrollBarShow()
    // this.$el dispose
    this.checkCleanLayer()
  }
@@ -7,6 +7,7 @@ import Comment from './comment'
 import { ListData, CommentData, NotifyData, ApiVersionData } from '~/types/artalk-data'
 import Pagination from './pagination'
 import ReadMoreBtn from './read-more-btn'
+import { backendMinVersion } from '../../package.json'

 export default class ListLite extends Component {
  protected $commentsWrap: HTMLElement
@@ -117,7 +118,9 @@ export default class ListLite extends Component {
    this.data = data

    // 版本检测
-    if (this.ctx.conf.versionCheck && this.versionCheck(data.api_version)) return
+    const feMinVersion = data.api_version?.fe_min_version || '0.0.0'
+    if (this.ctx.conf.versionCheck && this.versionCheck('前端', feMinVersion, ARTALK_VERSION)) return
+    if (this.ctx.conf.versionCheck && this.versionCheck('后端', backendMinVersion, data.api_version?.version)) return

    // 图片上传功能
    if (data.conf && typeof data.conf.img_upload === "boolean") {
@@ -472,26 +475,25 @@ export default class ListLite extends Component {
    }
  }

-  /** 前端版本检测 */
-  public versionCheck(versionData: ApiVersionData): boolean {
-    const needVersion = versionData?.fe_min_version || '0.0.0'
-    const needUpdate = Utils.versionCompare(needVersion, ARTALK_VERSION) === 1
+  /** 版本检测 */
+  public versionCheck(name: '前端'|'后端', needVersion: string, curtVersion: string): boolean {
+    const needUpdate = Utils.versionCompare(needVersion, curtVersion) === 1
    if (needUpdate) {
      // 需要更新
-      const errEl = Utils.createElement(`<div>前端 Artalk 版本已过时，请更新以获得完整体验<br/>`
-      + `若您是站点管理员，请前往 “<a href="https://artalk.js.org/" target="_blank">官方文档</a>” 获取帮助`
+      const errEl = Utils.createElement(`<div>Artalk ${name}版本已过时，请更新以获得完整体验<br/>`
+      + `如果你是管理员，请前往 “<a href="https://artalk.js.org/" target="_blank">官方文档</a>” 获得帮助`
      + `<br/><br/>`
-      + `<span style="color: var(--at-color-meta);">前端版本 ${ARTALK_VERSION}，需求版本 >= ${needVersion}</span><br/><br/>`
+      + `<span style="color: var(--at-color-meta);">当前${name}版本 ${curtVersion}，需求版本 >= ${needVersion}</span><br/><br/>`
      + `</div>`)
      const ignoreBtn = Utils.createElement('<span style="cursor:pointer;">忽略</span>')
      ignoreBtn.onclick = () => {
-        Ui.setError(this.ctx, null)
+        Ui.setError(this.$el.parentElement!, null)
        this.ctx.conf.versionCheck = false
        this.ctx.trigger('conf-updated')
        this.fetchComments(0)
      }
      errEl.append(ignoreBtn)
-      Ui.setError(this.ctx, errEl, '<span class="atk-warn-title">Artalk Warn</span>')
+      Ui.setError(this.$el.parentElement!, errEl, '<span class="atk-warn-title">Artalk Warn</span>')
    }

    return needUpdate
@@ -42,9 +42,12 @@ export default class List extends ListLite {
    // 操作按钮
    this.initListActionBtn()

-    // 下拉选择层
    this.$commentCount = this.$el.querySelector('.atk-comment-count')!
-    this.initDropdown()
+
+    // 评论列表排序 Dropdown 下拉选择层
+    if (this.ctx.conf.listSort) {
+      this.initDropdown()
+    }

    // copyright
    this.$el.querySelector<HTMLElement>('.atk-copyright')!.innerHTML = `Powered By <a href="https://artalk.js.org" target="_blank" title="Artalk v${ARTALK_VERSION}">Artalk</a>`
@@ -6,6 +6,7 @@ import * as Utils from '@/lib/utils'
 import SidebarHTML from './html/sidebar-layer.html?raw'
 import * as Ui from '@/lib/ui'
 import Layer from './layer'
+import Api from '../api'

 export default class SidebarLayer extends Component {
  public layer?: Layer
@@ -60,18 +61,39 @@ export default class SidebarLayer extends Component {

    // 第一次加载
    if (this.firstShow) {
+      // 管理员身份验证
+      if (this.ctx.user.data.isAdmin) {
+        const resp = await new Api(this.ctx).loginStatus()
+        if (!resp.is_login) {
+          await (new Promise<any>((resolve, reject) => {
+            this.ctx.trigger('checker-admin', {
+              onSuccess: () => {
+                resolve(null)
+                setTimeout(() => {
+                  this.show()
+                }, 500)
+              },
+              onCancel: () => {
+                this.layer?.hide()
+              }
+            })
+          }))
+        }
+      }
+
      this.$iframeWrap.innerHTML = ''
      this.$iframe = Utils.createElement<HTMLIFrameElement>('<iframe></iframe>')

      const baseURL = (import.meta.env.MODE === 'development')  ? 'http://localhost:23367/'
-        : `${this.conf.server.replace(/\/$/, '')}/../sidebar/`
+        : Utils.getURLBasedOnApi(this.ctx, 'sidebar/')
      const userData = encodeURIComponent(JSON.stringify(this.ctx.user.data))

-      // 测试是否能访问
+      const location = window.location
      this.iframeLoad(`${baseURL}`
        + `?pageKey=${encodeURIComponent(this.conf.pageKey)}`
        + `&site=${encodeURIComponent(this.conf.site || '')}`
        + `&user=${userData}`
+        + `&referer=${encodeURIComponent(`${location.protocol}//${location.host}${location.pathname}`)}`
        + `${((this.conf.darkMode) ? `&darkMode=1` : ``)}`)

      this.$iframeWrap.append(this.$iframe)
@@ -1,3 +1,4 @@
+import { marked as libMarked } from 'marked'
 import User from './lib/user'
 import ArtalkConfig from '~/types/artalk-config'
 import { EventPayloadMap, Event, EventScopeType, Handler } from '~/types/event'
@@ -39,4 +40,6 @@ export default class Context {
      .map((evt) => evt.handler)
      .forEach((handler) => handler(payload as any))
  }
+
+  public markedInstance!: typeof libMarked
 }
@@ -17,6 +17,7 @@ const defaults: ArtalkConfig = {
  vote: true,
  voteDown: false,
  uaBadge: true,
+  listSort: true,
  pvEl: '#ArtalkPV',
  flatMode: 'auto',
  maxNesting: 3,
@@ -5,7 +5,7 @@ import { Checker } from '.'
 const AdminChecker: Checker = {
  inputType: 'password',

-  request(that, inputVal) {
+  request(that, ctx, inputVal) {
    const data = {
      name: that.ctx.user.data.nick,
      email: that.ctx.user.data.email,
@@ -15,11 +15,11 @@ const AdminChecker: Checker = {
    return new Api(that.ctx).login(data.name, data.email, data.password)
  },

-  body() {
+  body(that, ctx) {
    return Utils.createElement('<span>敲入密码来验证管理员身份：</span>')
  },

-  onSuccess(that, userToken, inputVal, formEl) {
+  onSuccess(that, ctx, userToken, inputVal, formEl) {
    that.ctx.user.data.isAdmin = true
    that.ctx.user.data.token = userToken
    that.ctx.user.save()
@@ -27,7 +27,7 @@ const AdminChecker: Checker = {
    that.ctx.trigger('list-reload')
  },

-  onError(that, err, inputVal, formEl) {}
+  onError(that, ctx, err, inputVal, formEl) {}
 }

 export default AdminChecker
@@ -1,15 +1,61 @@
 import Api from '@/api'
 import * as Utils from '../utils'
+import * as Ui from '../ui'
 import { Checker } from '.'

 const CaptchaChecker: Checker = {
-  request(that, inputVal) {
+  request(that, ctx, inputVal) {
    return new Api(that.ctx).captchaCheck(inputVal)
  },

-  body(that) {
+  body(that, ctx) {
+    // Iframe 验证方式
+    if (that.captchaConf.iframe) {
+      const $iframeWrap = Utils.createElement(`<div class="atk-checker-iframe-wrap"></div>`)
+      const $iframe = Utils.createElement<HTMLIFrameElement>(`<iframe class="atk-fade-in"></iframe>`)
+      $iframe.style.display = 'none'
+      Ui.showLoading($iframeWrap, { transparentBg: true })
+      $iframe.src = `${that.ctx.conf.server}/captcha/get`
+      $iframe.onload = () => {
+        $iframe.style.display = ''
+        Ui.hideLoading($iframeWrap)
+      }
+      $iframeWrap.append($iframe)
+
+      const $closeBtn = Utils.createElement(`<div class="atk-close-btn"><i class="atk-icon atk-icon-close"></i></div>`)
+      $iframeWrap.append($closeBtn)
+
+      ctx.hideInteractInput()
+
+      // 轮询状态
+      let stop = false // 打断
+      const sleep = (ms: number) => new Promise((resolve) => { window.setTimeout(() => { resolve(null) }, ms) })
+      ;(async function queryStatus() {
+        await sleep(1000)
+        if (stop) return
+        let isPass = false
+        try {
+          const resp = await new Api(that.ctx).captchaStatus()
+          isPass = resp.is_pass
+        } catch { isPass = false }
+        if (isPass) {
+          ctx.triggerSuccess()
+        } else {
+          queryStatus()
+        }
+      })()
+
+      $closeBtn.onclick = () => {
+        stop = true
+        ctx.cancel()
+      }
+
+      return $iframeWrap
+    }
+
+    // 图片验证方式
    const elem = Utils.createElement(
-      `<span><img class="atk-captcha-img" src="${that.submitCaptchaImgData || ''}" alt="验证码">敲入验证码继续：</span>`
+      `<span><img class="atk-captcha-img" src="${that.captchaConf.imgData || ''}" alt="验证码">敲入验证码继续：</span>`
    );

    // 刷新验证码
@@ -26,11 +72,11 @@ const CaptchaChecker: Checker = {
    return elem
  },

-  onSuccess(that, data, inputVal, formEl) {
-    that.submitCaptchaVal = inputVal
+  onSuccess(that, ctx, data, inputVal, formEl) {
+    that.captchaConf.val = inputVal
  },

-  onError(that, err, inputVal, formEl) {
+  onError(that, ctx, err, inputVal, formEl) {
    formEl.querySelector<HTMLElement>('.atk-captcha-img')!.click() // 刷新验证码
  }
 }
@@ -14,8 +14,7 @@ export default class CheckerLauncher {
  public ctx: Context

  public launched: Checker[] = []
-  public submitCaptchaVal?: string
-  public submitCaptchaImgData?: string
+  public captchaConf: { val?: string, imgData?: string, iframe?: string } = {}

  constructor(ctx: Context) {
    this.ctx = ctx
@@ -26,9 +25,9 @@ export default class CheckerLauncher {
  /** 初始化事件绑定 */
  public initEventBind() {
    this.ctx.on('checker-captcha', (conf) => {
-      if (conf.imgData) {
-        this.submitCaptchaImgData = conf.imgData
-      }
+      if (conf.imgData) this.captchaConf.imgData = conf.imgData
+      if (conf.iframe) this.captchaConf.iframe = conf.iframe
+
      this.fire(CaptchaChecker, conf)
    })

@@ -41,20 +40,42 @@ export default class CheckerLauncher {
    if (this.launched.includes(checker)) return // 阻止同时 fire 相同的 checker
    this.launched.push(checker)

+    // 创建层
    const layer = new Layer(this.ctx, `checker-${new Date().getTime()}`)
    layer.setMaskClickHide(false)
    layer.show()

-    const formEl = Utils.createElement()
-    formEl.appendChild(checker.body(this))
+    // Checker 的上下文
+    let hideInteractInput = false
+    const checkerCtx: CheckerCtx = {
+      getLayer: () => layer,
+      hideInteractInput: () => {
+        hideInteractInput = true
+      },
+      triggerSuccess: () => {
+        this.close(checker, layer)
+        if (checker.onSuccess) checker.onSuccess(this, checkerCtx, "", "", formEl)
+        if (payload.onSuccess) payload.onSuccess("", dialog.$el)
+      },
+      cancel: () => {
+        this.close(checker, layer)
+        if (payload.onCancel) payload.onCancel()
+      }
+    }

-    const input = Utils.createElement<HTMLInputElement>(
+    // 创建表单
+    const formEl = Utils.createElement()
+    formEl.appendChild(checker.body(this, checkerCtx))
+
+    // 输入框
+    const $input = Utils.createElement<HTMLInputElement>(
      `<input id="check" type="${checker.inputType || 'text'}" autocomplete="off" required placeholder="">`
    )
-    formEl.appendChild(input)
-    setTimeout(() => input.focus(), 80) // 延迟 Focus
+    formEl.appendChild($input)
+    setTimeout(() => $input.focus(), 80) // 延迟 Focus

-    input.onkeyup = (evt) => {
+    // 绑定键盘事件
+    $input.onkeyup = (evt) => {
      if (evt.key === 'Enter' || evt.keyCode === 13) {
        // 按下回车键
        evt.preventDefault()
@@ -70,7 +91,9 @@ export default class CheckerLauncher {

    // 确认按钮
    dialog.setYes((btnEl) => {
-      const inputVal = input.value.trim()
+      const inputVal = $input.value.trim()
+
+      // 按钮操作
      if (!btnTextOrg) btnTextOrg = btnEl.innerText
      const btnTextSet = (btnText: string) => {
        btnEl.innerText = btnText
@@ -83,21 +106,25 @@ export default class CheckerLauncher {

      btnEl.innerText = '加载中...'

+      // 发送请求
      checker
-        .request(this, inputVal)
+        .request(this, checkerCtx, inputVal)
        .then((data) => {
          // 请求成功
-          this.done(checker, layer)
-          if (checker.onSuccess) checker.onSuccess(this, data, inputVal, formEl)
+          this.close(checker, layer)
+
+          if (checker.onSuccess) checker.onSuccess(this, checkerCtx, data, inputVal, formEl)
          if (payload.onSuccess) payload.onSuccess(inputVal, dialog.$el)
        })
        .catch((err) => {
          // 请求失败
          btnTextSet(String(err.msg || String(err)))
-          if (checker.onError) checker.onError(this, err, inputVal, formEl)

+          if (checker.onError) checker.onError(this, checkerCtx, err, inputVal, formEl)
+
+          // 错误显示 3s 后恢复按钮
          const tf = setTimeout(() => btnTextRestore(), 3000)
-          input.onfocus = () => {
+          $input.onfocus = () => {
            btnTextRestore()
            clearTimeout(tf)
          }
@@ -108,17 +135,25 @@ export default class CheckerLauncher {

    // 取消按钮
    dialog.setNo(() => {
-      this.done(checker, layer)
+      this.close(checker, layer)
      if (payload.onCancel) payload.onCancel()
      return false
    })

+    if (hideInteractInput) {
+      $input.style.display = 'none'
+      dialog.$el.querySelector<HTMLElement>('.atk-layer-dialog-actions')!.style.display = 'none'
+    }
+
+    // 层装载 dialog 元素
    layer.getEl().append(dialog.$el)

-    if (payload.onMount) payload.onMount(dialog.$el) // onMount
+    // onMount 回调
+    if (payload.onMount) payload.onMount(dialog.$el)
  }

-  private done(checker: Checker, layer: Layer) {
+  // 关闭 checker 对话框
+  private close(checker: Checker, layer: Layer) {
    layer.disposeNow()
    this.launched = this.launched.filter(c => c !== checker)
  }
@@ -127,8 +162,15 @@ export default class CheckerLauncher {
 export interface Checker {
  el?: HTMLElement
  inputType?: 'password' | 'text'
-  body: (launcher: CheckerLauncher) => HTMLElement
-  request: (launcher: CheckerLauncher, inputVal: string) => Promise<string>
-  onSuccess?: (launcher: CheckerLauncher, data: string, inputVal: string, formEl: HTMLElement) => void
-  onError?: (launcher: CheckerLauncher, err: any, inputVal: string, formEl: HTMLElement) => void
+  body: (launcher: CheckerLauncher, ctx: CheckerCtx) => HTMLElement
+  request: (launcher: CheckerLauncher, ctx: CheckerCtx, inputVal: string) => Promise<string>
+  onSuccess?: (launcher: CheckerLauncher, ctx: CheckerCtx, data: string, inputVal: string, formEl: HTMLElement) => void
+  onError?: (launcher: CheckerLauncher, ctx: CheckerCtx, err: any, inputVal: string, formEl: HTMLElement) => void
+}
+
+export interface CheckerCtx {
+  getLayer(): Layer
+  hideInteractInput(): void
+  triggerSuccess(): void
+  cancel(): void
 }
@@ -2,7 +2,7 @@ import * as Utils from './utils'
 import Context from '../context'

 /** 显示加载 */
-export function showLoading(parentElem: HTMLElement|Context) {
+export function showLoading(parentElem: HTMLElement|Context, conf?: { transparentBg?: boolean }) {
  if (parentElem instanceof Context) parentElem = parentElem.$root

  let $loading = parentElem.querySelector<HTMLElement>('.atk-loading')
@@ -13,6 +13,7 @@ export function showLoading(parentElem: HTMLElement|Context) {
        <svg viewBox="25 25 50 50"><circle cx="50" cy="50" r="20" fill="none" stroke-width="2" stroke-miterlimit="10"></circle></svg>
      </div>
    </div>`)
+    if (conf?.transparentBg) $loading.style.background = 'transparent'
    parentElem.appendChild($loading)
  }
  $loading.style.display = ''
@@ -140,43 +140,44 @@ export function versionCompare(a: string, b: string) {
  return 0
 }

-let markedInstance: typeof libMarked
-export function marked(ctx: Context, src: string): string {
-  if (!markedInstance) {
-    const renderer = new libMarked.Renderer()
-    const linkRenderer = renderer.link
-    renderer.link = (href, title, text) => {
-      const localLink = href?.startsWith(`${window.location.protocol}//${window.location.hostname}`);
-      const html = linkRenderer.call(renderer as any, href, title, text);
-      return html.replace(/^<a /, `<a target="_blank" ${!localLink ? `rel="noreferrer noopener nofollow"` : ''} `);
-    }
-
-    // @see https://github.com/markedjs/marked/blob/4afb228d956a415624c4e5554bb8f25d047676fe/src/Tokenizer.js#L329
-    const nMarked = libMarked
-    libMarked.setOptions({
-      renderer,
-      highlight: (code) => hanabi(code),
-      pedantic: false,
-      gfm: true,
-      breaks: true,
-      smartLists: true,
-      smartypants: true,
-      xhtml: false,
-      sanitize: true,
-      sanitizer: (html) => insane(html, {
-        ...insane.defaults,
-        allowedAttributes: {
-          ...insane.defaults.allowedAttributes,
-          img: ['src', 'atk-emoticon']
-        },
-      }),
-      silent: true,
-    })
-
-    markedInstance = nMarked
+/** 初始化 marked */
+export function initMarked(ctx: Context) {
+  const renderer = new libMarked.Renderer()
+  const linkRenderer = renderer.link
+  renderer.link = (href, title, text) => {
+    const localLink = href?.startsWith(`${window.location.protocol}//${window.location.hostname}`);
+    const html = linkRenderer.call(renderer as any, href, title, text);
+    return html.replace(/^<a /, `<a target="_blank" ${!localLink ? `rel="noreferrer noopener nofollow"` : ''} `);
  }

-  return markedInstance.parse(src)
+  // @see https://github.com/markedjs/marked/blob/4afb228d956a415624c4e5554bb8f25d047676fe/src/Tokenizer.js#L329
+  const nMarked = libMarked
+  libMarked.setOptions({
+    renderer,
+    highlight: (code) => hanabi(code),
+    pedantic: false,
+    gfm: true,
+    breaks: true,
+    smartLists: true,
+    smartypants: true,
+    xhtml: false,
+    sanitize: true,
+    sanitizer: (html) => insane(html, {
+      ...insane.defaults,
+      allowedAttributes: {
+        ...insane.defaults.allowedAttributes,
+        img: ['src', 'atk-emoticon']
+      },
+    }),
+    silent: true,
+  })
+
+  ctx.markedInstance = nMarked
+}
+
+/** 解析 markdown */
+export function marked(ctx: Context, src: string): string {
+  return ctx.markedInstance.parse(src)
 }

 /** 获取修正后的 UserAgent */
@@ -203,3 +204,23 @@ export async function getCorrectUserAgent() {

  return uaRaw
 }
+
+/** 是否为完整的 URL */
+export function isValidURL(urlRaw: string) {
+  // @link https://www.rfc-editor.org/rfc/rfc3986
+  let url: URL
+  try {
+    url = new URL(urlRaw)
+  } catch (_) { return false }
+  return url.protocol === "http:" || url.protocol === "https:"
+}
+
+/** 获取基于 conf.server 的 URL */
+export function getURLBasedOnApi(ctx: Context, path: string) {
+  return `${ctx.conf.server.replace(/\/api\/?$/, '')}/${path.replace(/^\//, '')}`
+}
+
+/** 获取基于某个 baseURL 的 URL */
+export function getURLBasedOn(baseURL: string, path: string) {
+  return `${baseURL.replace(/\/$/, '')}/${path.replace(/^\//, '')}`
+}
@@ -212,6 +212,8 @@
        display: flex;
        flex-direction: row;
        align-items: center;
+        flex-wrap: wrap;
+        margin-bottom: -15px;

        & > span {
          color: var(--at-color-meta);
@@ -220,6 +222,7 @@
          display: inline-flex;
          cursor: pointer;
          user-select: none;
+          margin-bottom: 15px;

          &.atk-error, &.atk-error:hover {
            color: var(--at-color-red);
@@ -127,7 +127,10 @@
  & > .atk-list-body {
    min-height: 150px;

-    & > .atk-list-comments-wrap {
+    .atk-list-comments-wrap {
+      .atk-main-editor {
+        margin-top: -1px;
+      }
    }
  }

@@ -303,6 +303,41 @@ i.atk-icon {
        }
      }
    }
+
+    .atk-checker-iframe-wrap {
+      position: fixed;
+      z-index: 999998;
+      left: 0;
+      top: 0;
+      height: 100vh;
+      width: 100vw;
+
+      & > iframe {
+        width: 100%;
+        height: 100%;
+        border: 0;
+      }
+
+      .atk-close-btn {
+        z-index: 999999;
+        position: fixed;
+        top: 20px;
+        right: 20px;
+        display: flex;
+        flex-direction: column;
+        width: 50px;
+        height: 50px;
+        align-items: center;
+        place-content: center;
+        cursor: pointer;
+        user-select: none;
+        margin-left: 10px;
+
+        &:hover .atk-icon-close {
+          background-color: rgba(232, 17, 35, 0.9);
+        }
+      }
+    }
  }
 }

@@ -1,23 +1,8 @@
 {
+  "extends": "../../tsconfig.base.json",
  "compilerOptions": {
    "baseUrl": ".",
    "outDir": "dist",
-    "target": "esnext",
-    "useDefineForClassFields": true,
-    "module": "esnext",
-    "lib": ["esnext", "dom"],
-    "moduleResolution": "node",
-    "strict": true,
-    "sourceMap": true,
-    "experimentalDecorators": true,
-    "resolveJsonModule": true,
-    "esModuleInterop": true,
-    "noEmit": true,
-    "noImplicitAny": false,
-    "allowSyntheticDefaultImports": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "noImplicitReturns": true,
    "paths": {
      "~/*": ["./*"],
      "@/*": ["./src/*"]
@@ -80,6 +80,9 @@ export default interface ArtalkConfig {
  /** 显示 UA 徽标 */
  uaBadge?: boolean

+  /** 评论列表排序功能 (显示 Dropdown) */
+  listSort?: boolean
+
  /** 图片上传功能 */
  imgUpload?: boolean

@@ -55,6 +55,7 @@ export interface NotifyConf {

 export interface CheckerCaptchaPayload extends CheckerPayload {
  imgData?: string
+  iframe?: string
 }

 export interface UnreadUpdatePayload {
@@ -1 +0,0 @@
-/// <reference types="vite/client" />
@@ -0,0 +1,41 @@
+# @artalkjs/plugin-katex
+
+食用方法
+
+```html
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Document</title>
+
+  <!-- 引入 katex -->
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.15.3/dist/katex.min.css">
+  <script defer src="https://cdn.jsdelivr.net/npm/katex@0.15.3/dist/katex.min.js"></script>
+
+  <!-- 引入 Artalk -->
+  <link href="https://cdn.jsdelivr.net/npm/artalk/dist/Artalk.css" rel="stylesheet">
+  <script src="https://cdn.jsdelivr.net/npm/artalk/dist/Artalk.js"></script>
+
+  <!-- 引入 @artalkjs/plugin-katex -->
+  <script defer src="https://cdn.jsdelivr.net/npm/@artalkjs/plugin-katex/dist/artalk-plugin-katex.js"></script>
+</head>
+<body>
+  
+<!-- Artalk -->
+<div id="Comments"></div>
+<script>
+  new Artalk({
+    el:        '#Comments',
+    pageKey:   '<页面链接>',
+    pageTitle: '<页面标题>',
+    server:    '<后端地址>',
+    site:      '<站点名称>',
+  })
+</script>
+
+</body>
+</html>
+```
@@ -0,0 +1 @@
+import './main'
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>plugin-katex</title>
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.15.3/dist/katex.min.css">
+  <script defer src="https://cdn.jsdelivr.net/npm/katex@0.15.3/dist/katex.min.js"></script>
+</head>
+<body>
+  <div id="comments"></div>
+
+  <script type="module">
+    import Artalk from 'artalk'
+    import './main.ts'
+    import 'artalk/dist/Artalk.css'
+
+    var artalk = new Artalk({
+      el: '#comments',
+      pageKey: 'https://artalk.js.org/',
+      pageTitle: 'Artalk Home',
+      server: (import.meta.env.MODE === 'development') ? 'http://localhost:23366/api' : 'https://artalk.qwqaq.com/api',
+      site: 'ArtalkDemo',
+    });
+  </script>
+</body>
+</html>
@@ -0,0 +1,54 @@
+/* eslint-disable guard-for-in */
+/* eslint-disable no-restricted-syntax */
+import Artalk from 'artalk'
+import katex from 'katex'
+
+Artalk.Use((ctx) => {
+  const renderer: any = {}
+
+  function renderMathsExpression(expr) {
+    if (expr[0] === '$' && expr[expr.length - 1] === '$') {
+      let displayStyle = false
+      expr = expr.substr(1, expr.length - 2)
+      if (expr[0] === '$' && expr[expr.length - 1] === '$') {
+        displayStyle = true
+        expr = expr.substr(1, expr.length - 2)
+      }
+      let html: any = null
+      try {
+        html = katex.renderToString(expr)
+      } catch (e) {
+        console.error(e)
+      }
+      if (displayStyle && html) {
+        html = html.replace(/class="katex"/g, 'class="katex katex-block" style="display: block;"')
+      }
+      return html
+    }
+
+    return null
+  }
+
+  renderer.paragraph = (text) => {
+    const blockRegex = /\$\$[^$]*\$\$/g
+    const inlineRegex = /\$[^$]*\$/g
+    const blockExprArray = text.match(blockRegex)
+    const inlineExprArray = text.match(inlineRegex)
+
+    for (const i in blockExprArray) {
+      const expr = blockExprArray[i]
+      const result = renderMathsExpression(expr)
+      text = text.replace(expr, result)
+    }
+
+    for (const i in inlineExprArray) {
+      const expr = inlineExprArray[i]
+      const result = renderMathsExpression(expr)
+      text = text.replace(expr, result)
+    }
+
+    return text
+  }
+
+  ctx.markedInstance.use({ renderer });
+})
@@ -0,0 +1,32 @@
+{
+  "name": "@artalkjs/plugin-katex",
+  "version": "0.1.0",
+  "license": "LGPL-3.0",
+  "description": "The katex plugin of artalk",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/ArtalkJS/Artalk.git",
+    "directory": "packages/plugin-katex"
+  },
+  "homepage": "https://artalk.js.org",
+  "bugs": "https://github.com/ArtalkJS/Artalk/issue",
+  "main": "./dist/artalk-plugin-katex.js",
+  "unpkg": "./dist/artalk-plugin-katex.iife.js",
+  "jsdelivr": "./dist/artalk-plugin-katex.iife.js",
+  "module": "./dist/artalk-plugin-katex.es.js",
+  "types": "./index.d.ts",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "serve": "vite preview",
+    "prepublish": "pnpm build",
+    "publish": "pnpm publish --access=public"
+  },
+  "dependencies": {
+    "artalk": "workspace: *",
+    "katex": "^0.15.3"
+  },
+  "devDependencies": {
+    "@types/katex": "^0.14.0"
+  }
+}
@@ -0,0 +1,7 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "compilerOptions": {
+    "baseUrl": ".",
+    "outDir": "dist"
+  },
+}
@@ -0,0 +1,34 @@
+import { defineConfig } from 'vite'
+import { resolve } from 'path'
+import tsconfigPaths from 'vite-tsconfig-paths'
+
+export default defineConfig({
+  base: './',
+  build: {
+    target: 'es2015',
+    outDir: resolve(__dirname, "dist"),
+    minify: 'terser',
+    lib: {
+      entry: resolve(__dirname, './main.ts'),
+      name: 'artalk-plugin-katex',
+      fileName: (format) => ((format == "umd") ? 'artalk-plugin-katex.js' : `artalk-plugin-katex.${format}.js`),
+      formats: ["es", "umd", "iife"]
+    },
+    rollupOptions: {
+      // 确保外部化处理那些你不想打包进库的依赖
+      external: ['artalk', 'katex'],
+      output: {
+        assetFileNames: assetInfo => {
+          return "[name].[ext]"
+        },
+        // 在 UMD 构建模式下为这些外部化的依赖提供一个全局变量
+        globals: {
+          artalk: 'Artalk',
+          katex: 'katex',
+        },
+        extend: true
+      }
+    }
+  },
+  plugins: [tsconfigPaths()],
+})
@@ -0,0 +1,2 @@
+packages:
+  - 'packages/*'
@@ -0,0 +1,21 @@
+{
+  "compilerOptions": {
+    "target": "esnext",
+    "useDefineForClassFields": true,
+    "module": "esnext",
+    "lib": ["esnext", "dom"],
+    "moduleResolution": "node",
+    "strict": true,
+    "sourceMap": true,
+    "experimentalDecorators": true,
+    "resolveJsonModule": true,
+    "esModuleInterop": true,
+    "noEmit": true,
+    "noImplicitAny": false,
+    "allowSyntheticDefaultImports": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noImplicitReturns": true,
+    "types": ["vite/client"]
+  }
+}
Author	SHA1	Message	Date
qwqcode	52b9c5f408	v2.2.0 Signed-off-by: qwqcode <qwqcode@gmail.com>	2022-04-17 01:31:17 +08:00
qwqcode	c9c32a2d96	chore: Update backend min version Signed-off-by: qwqcode <qwqcode@gmail.com>	2022-04-17 01:30:22 +08:00
qwqcode	d720ce3dc4	Merge pull request #103 from ArtalkJS/geetest 支持 Geetest 极验	2022-04-17 01:01:37 +08:00
qwqcode	adddf74c48	fix(user): Check login and refresh key while experied. Signed-off-by: qwqcode <qwqcode@gmail.com>	2022-04-17 00:58:26 +08:00
qwqcode	955a4dccb7	feat(version-check): Backend min version check Signed-off-by: qwqcode <qwqcode@gmail.com>	2022-04-17 00:17:22 +08:00
qwqcode	174f6f42b9	feat(captcha): Add support for Geetest. Signed-off-by: qwqcode <qwqcode@gmail.com>	2022-04-16 23:42:34 +08:00
qwqcode	95935fc7c1	chore(tsconfig): Make a common tsconfig.base.json Signed-off-by: qwqcode <qwqcode@gmail.com>	2022-04-15 15:27:56 +08:00
qwqcode	ed66b5e603	chore(license): Update license in package.json Signed-off-by: qwqcode <qwqcode@gmail.com>	2022-04-15 14:06:50 +08:00
qwqcode	4805c8abbf	Merge branch 'master' of github.com:ArtalkJS/Artalk	2022-04-15 14:03:01 +08:00
qwqcode	77d6b7463b	chore(license): Relicense project to LGPL-v3 Signed-off-by: qwqcode <qwqcode@gmail.com>	2022-04-15 14:02:44 +08:00
qwqcode	82dd6c7e79	chore(docs): Update README.md	2022-04-15 00:46:12 +08:00
qwqcode	05362e98a7	v2.1.9 Signed-off-by: qwqcode <qwqcode@gmail.com>	2022-04-14 23:14:26 +08:00
qwqcode	d6f5dd9540	Merge pull request #99 from kecrily/chore/type chore: add vite/clinet to tsconfig.json	2022-04-14 23:07:15 +08:00
Percy Ma	b094f8e3c9	chore: add vite/clinet to tsconfig.json	2022-04-14 22:18:34 +08:00
qwqcode	e06cbc719c	fix(css): Hide thin line above reply-editor. Signed-off-by: qwqcode <qwqcode@gmail.com>	2022-04-14 20:53:18 +08:00
qwqcode	fc0c7ac4df	feat(list-sort): Config option to disable listSort function Signed-off-by: qwqcode <qwqcode@gmail.com>	2022-04-14 20:24:17 +08:00
qwqcode	999c95694b	fix(css): Adjust atk-actions to allow multi-line Signed-off-by: qwqcode <qwqcode@gmail.com>	2022-04-14 20:07:18 +08:00
qwqcode	c856a65b13	fix(img-upload): Paste img file from clipboard Signed-off-by: qwqcode <qwqcode@gmail.com>	2022-04-14 19:53:33 +08:00
qwqcode	dc6d5bad8c	fix(img-upload): Prevent upload if no-login Signed-off-by: qwqcode <qwqcode@gmail.com>	2022-04-14 19:42:28 +08:00
qwqcode	3da53cc323	fix(img-upload): Preview refresh Signed-off-by: qwqcode <qwqcode@gmail.com>	2022-04-14 19:37:43 +08:00
qwqcode	e4eaaeb2be	fix(sidebar): Open comment by relative path. Signed-off-by: qwqcode <qwqcode@gmail.com>	2022-04-14 19:16:41 +08:00
qwqcode	76e4a05ce0	chore(docs): Fix mistake of example Signed-off-by: qwqcode <qwqcode@gmail.com>	2022-04-14 18:06:44 +08:00
qwqcode	e01c6d4c69	feat(plugin-katex): Integrate katex in Artalk Signed-off-by: qwqcode <qwqcode@gmail.com>	2022-04-14 17:37:56 +08:00
qwqcode	98e1f58819	chore(pkm): Patch some pnpm scripts. Signed-off-by: qwqcode <qwqcode@gmail.com>	2022-04-14 14:47:20 +08:00
qwqcode	eb3b7c6fe9	Merge pull request #98 from kecrily/chore/pnpm chore(pkm): replace yarn classic with pnpm	2022-04-14 14:28:27 +08:00
Percy Ma	874252dbe6	chore(pkm): replace yarn classic with pnpm	2022-04-14 12:59:09 +08:00