refactor: migrate the frontend from AngularJS to Vue 3

This commit is contained in:
tdurieux
2026-09-09 13:19:53 +02:00
parent dc0ef022fb
commit 4a18f94631
65 changed files with 6164 additions and 8425 deletions
+37 -271
View File
@@ -25,34 +25,16 @@
<h4 class="faq-cat">
<i class="fas fa-info-circle mr-2"></i>General
</h4>
<div
class="panel-group"
id="faq-general"
role="tablist"
aria-multiselectable="true"
>
<div class="panel-group" id="faq-general" role="tablist" aria-multiselectable="true">
<div class="panel panel-default mb-3">
<div class="panel-heading p-3" role="tab" id="headingWhatIs">
<h3 class="panel-title">
<a
class="collapsed"
role="button"
data-toggle="collapse"
data-parent="#faq-general"
href="#whatIs"
aria-expanded="false"
aria-controls="whatIs"
>
<a class="collapsed" role="button" data-toggle="collapse" data-parent="#faq-general" href="#whatIs" aria-expanded="false" aria-controls="whatIs">
What is Anonymous GitHub?
</a>
</h3>
</div>
<div
id="whatIs"
class="panel-collapse collapse"
role="tabpanel"
aria-labelledby="headingWhatIs"
>
<div id="whatIs" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingWhatIs">
<div class="panel-body p-3">
<p>
Anonymous GitHub is a free, open-source tool that anonymizes GitHub repositories and pull requests
@@ -67,25 +49,12 @@
<div class="panel panel-default mb-3">
<div class="panel-heading p-3" role="tab" id="headingHowWork">
<h3 class="panel-title">
<a
class="collapsed"
role="button"
data-toggle="collapse"
data-parent="#faq-general"
href="#howWork"
aria-expanded="false"
aria-controls="howWork"
>
<a class="collapsed" role="button" data-toggle="collapse" data-parent="#faq-general" href="#howWork" aria-expanded="false" aria-controls="howWork">
How does Anonymous GitHub work?
</a>
</h3>
</div>
<div
id="howWork"
class="panel-collapse collapse"
role="tabpanel"
aria-labelledby="headingHowWork"
>
<div id="howWork" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingHowWork">
<div class="panel-body p-3">
<p>
Anonymous GitHub either downloads the complete repository and anonymizes the content, or proxies
@@ -101,25 +70,12 @@
<div class="panel panel-default mb-3">
<div class="panel-heading p-3" role="tab" id="headingScope">
<h3 class="panel-title">
<a
class="collapsed"
role="button"
data-toggle="collapse"
data-parent="#faq-general"
href="#scope"
aria-expanded="false"
aria-controls="scope"
>
<a class="collapsed" role="button" data-toggle="collapse" data-parent="#faq-general" href="#scope" aria-expanded="false" aria-controls="scope">
What is the scope of anonymization?
</a>
</h3>
</div>
<div
id="scope"
class="panel-collapse collapse"
role="tabpanel"
aria-labelledby="headingScope"
>
<div id="scope" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingScope">
<div class="panel-body p-3">
<p>
In double-anonymous peer review, the boundary of anonymization is the paper plus its online
@@ -135,25 +91,12 @@
<div class="panel panel-default mb-3">
<div class="panel-heading p-3" role="tab" id="headingCost">
<h3 class="panel-title">
<a
class="collapsed"
role="button"
data-toggle="collapse"
data-parent="#faq-general"
href="#cost"
aria-expanded="false"
aria-controls="cost"
>
<a class="collapsed" role="button" data-toggle="collapse" data-parent="#faq-general" href="#cost" aria-expanded="false" aria-controls="cost">
How much does it cost?
</a>
</h3>
</div>
<div
id="cost"
class="panel-collapse collapse"
role="tabpanel"
aria-labelledby="headingCost"
>
<div id="cost" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingCost">
<div class="panel-body p-3">
<p>
Anonymous GitHub is completely free to use. However, the server costs hundreds of dollars per year
@@ -172,34 +115,16 @@
<h4 class="faq-cat">
<i class="fas fa-cogs mr-2"></i>Features
</h4>
<div
class="panel-group"
id="faq-features"
role="tablist"
aria-multiselectable="true"
>
<div class="panel-group" id="faq-features" role="tablist" aria-multiselectable="true">
<div class="panel panel-default mb-3">
<div class="panel-heading p-3" role="tab" id="headingFormats">
<h3 class="panel-title">
<a
class="collapsed"
role="button"
data-toggle="collapse"
data-parent="#faq-features"
href="#formats"
aria-expanded="false"
aria-controls="formats"
>
<a class="collapsed" role="button" data-toggle="collapse" data-parent="#faq-features" href="#formats" aria-expanded="false" aria-controls="formats">
Which file formats are supported?
</a>
</h3>
</div>
<div
id="formats"
class="panel-collapse collapse"
role="tabpanel"
aria-labelledby="headingFormats"
>
<div id="formats" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingFormats">
<div class="panel-body p-3">
<p>
Anonymous GitHub can display and render a wide variety of file types:
@@ -222,25 +147,12 @@
<div class="panel panel-default mb-3">
<div class="panel-heading p-3" role="tab" id="headingPR">
<h3 class="panel-title">
<a
class="collapsed"
role="button"
data-toggle="collapse"
data-parent="#faq-features"
href="#pullRequests"
aria-expanded="false"
aria-controls="pullRequests"
>
<a class="collapsed" role="button" data-toggle="collapse" data-parent="#faq-features" href="#pullRequests" aria-expanded="false" aria-controls="pullRequests">
Can I anonymize pull requests?
</a>
</h3>
</div>
<div
id="pullRequests"
class="panel-collapse collapse"
role="tabpanel"
aria-labelledby="headingPR"
>
<div id="pullRequests" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingPR">
<div class="panel-body p-3">
<p>
Yes. In addition to full repositories, Anonymous GitHub supports anonymizing individual pull
@@ -254,25 +166,12 @@
<div class="panel panel-default mb-3">
<div class="panel-heading p-3" role="tab" id="headingConference">
<h3 class="panel-title">
<a
class="collapsed"
role="button"
data-toggle="collapse"
data-parent="#faq-features"
href="#conference"
aria-expanded="false"
aria-controls="conference"
>
<a class="collapsed" role="button" data-toggle="collapse" data-parent="#faq-features" href="#conference" aria-expanded="false" aria-controls="conference">
What is the Conference ID feature?
</a>
</h3>
</div>
<div
id="conference"
class="panel-collapse collapse"
role="tabpanel"
aria-labelledby="headingConference"
>
<div id="conference" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingConference">
<div class="panel-body p-3">
<p>
When creating an anonymized repository, you can associate it with a Conference ID. This allows
@@ -287,25 +186,12 @@
<div class="panel panel-default mb-3">
<div class="panel-heading p-3" role="tab" id="headingExpiration">
<h3 class="panel-title">
<a
class="collapsed"
role="button"
data-toggle="collapse"
data-parent="#faq-features"
href="#expiration"
aria-expanded="false"
aria-controls="expiration"
>
<a class="collapsed" role="button" data-toggle="collapse" data-parent="#faq-features" href="#expiration" aria-expanded="false" aria-controls="expiration">
What happens when an anonymized repository expires?
</a>
</h3>
</div>
<div
id="expiration"
class="panel-collapse collapse"
role="tabpanel"
aria-labelledby="headingExpiration"
>
<div id="expiration" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingExpiration">
<div class="panel-body p-3">
<p>
You can configure one of three expiration strategies when creating your anonymized repository:
@@ -322,25 +208,12 @@
<div class="panel panel-default mb-3">
<div class="panel-heading p-3" role="tab" id="headingDownload">
<h3 class="panel-title">
<a
class="collapsed"
role="button"
data-toggle="collapse"
data-parent="#faq-features"
href="#download"
aria-expanded="false"
aria-controls="download"
>
<a class="collapsed" role="button" data-toggle="collapse" data-parent="#faq-features" href="#download" aria-expanded="false" aria-controls="download">
Can I download an anonymized repository?
</a>
</h3>
</div>
<div
id="download"
class="panel-collapse collapse"
role="tabpanel"
aria-labelledby="headingDownload"
>
<div id="download" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingDownload">
<div class="panel-body p-3">
<p>
Yes. Anonymized repositories can be downloaded as a ZIP file. This is useful if reviewers
@@ -354,25 +227,12 @@
<div class="panel panel-default mb-3">
<div class="panel-heading p-3" role="tab" id="headingUpdates">
<h3 class="panel-title">
<a
class="collapsed"
role="button"
data-toggle="collapse"
data-parent="#faq-features"
href="#updates"
aria-expanded="false"
aria-controls="updates"
>
<a class="collapsed" role="button" data-toggle="collapse" data-parent="#faq-features" href="#updates" aria-expanded="false" aria-controls="updates">
Are updates to the original repository reflected in the anonymized version?
</a>
</h3>
</div>
<div
id="updates"
class="panel-collapse collapse"
role="tabpanel"
aria-labelledby="headingUpdates"
>
<div id="updates" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingUpdates">
<div class="panel-body p-3">
<p>
Yes. The anonymized repository tracks the source on GitHub: when you push new commits to the
@@ -405,25 +265,12 @@
<div class="panel panel-default mb-3">
<div class="panel-heading p-3" role="tab" id="headingCLI">
<h3 class="panel-title">
<a
class="collapsed"
role="button"
data-toggle="collapse"
data-parent="#faq-features"
href="#cli"
aria-expanded="false"
aria-controls="cli"
>
<a class="collapsed" role="button" data-toggle="collapse" data-parent="#faq-features" href="#cli" aria-expanded="false" aria-controls="cli">
Is there a command-line tool?
</a>
</h3>
</div>
<div
id="cli"
class="panel-collapse collapse"
role="tabpanel"
aria-labelledby="headingCLI"
>
<div id="cli" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingCLI">
<div class="panel-body p-3">
<p>
Yes. Anonymous GitHub provides a CLI tool that lets you anonymize repositories locally,
@@ -440,34 +287,16 @@ anonymous_github</code></pre>
<h4 class="faq-cat">
<i class="fas fa-exclamation-triangle mr-2"></i>Limitations
</h4>
<div
class="panel-group"
id="faq-limitations"
role="tablist"
aria-multiselectable="true"
>
<div class="panel-group" id="faq-limitations" role="tablist" aria-multiselectable="true">
<div class="panel panel-default mb-3">
<div class="panel-heading p-3" role="tab" id="headingLimitation">
<h3 class="panel-title">
<a
class="collapsed"
role="button"
data-toggle="collapse"
data-parent="#faq-limitations"
href="#limitation"
aria-expanded="false"
aria-controls="limitation"
>
<a class="collapsed" role="button" data-toggle="collapse" data-parent="#faq-limitations" href="#limitation" aria-expanded="false" aria-controls="limitation">
What are the limitations of Anonymous GitHub?
</a>
</h3>
</div>
<div
id="limitation"
class="panel-collapse collapse"
role="tabpanel"
aria-labelledby="headingLimitation"
>
<div id="limitation" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingLimitation">
<div class="panel-body p-3">
<ul>
<li>
@@ -495,34 +324,16 @@ anonymous_github</code></pre>
<h4 class="faq-cat">
<i class="fas fa-shield-alt mr-2"></i>Privacy &amp; Security
</h4>
<div
class="panel-group"
id="faq-privacy"
role="tablist"
aria-multiselectable="true"
>
<div class="panel-group" id="faq-privacy" role="tablist" aria-multiselectable="true">
<div class="panel panel-default mb-3">
<div class="panel-heading p-3" role="tab" id="headingData">
<h3 class="panel-title">
<a
class="collapsed"
role="button"
data-toggle="collapse"
data-parent="#faq-privacy"
href="#data"
aria-expanded="false"
aria-controls="data"
>
<a class="collapsed" role="button" data-toggle="collapse" data-parent="#faq-privacy" href="#data" aria-expanded="false" aria-controls="data">
How is my data handled?
</a>
</h3>
</div>
<div
id="data"
class="panel-collapse collapse"
role="tabpanel"
aria-labelledby="headingData"
>
<div id="data" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingData">
<div class="panel-body p-3">
<p>
Data stored on Anonymous GitHub is never shared or used for any purpose beyond providing the
@@ -537,25 +348,12 @@ anonymous_github</code></pre>
<div class="panel panel-default mb-3">
<div class="panel-heading p-3" role="tab" id="headingPermissions">
<h3 class="panel-title">
<a
class="collapsed"
role="button"
data-toggle="collapse"
data-parent="#faq-privacy"
href="#permissions"
aria-expanded="false"
aria-controls="permissions"
>
<a class="collapsed" role="button" data-toggle="collapse" data-parent="#faq-privacy" href="#permissions" aria-expanded="false" aria-controls="permissions">
Why does GitHub say Anonymous GitHub asks for write access?
</a>
</h3>
</div>
<div
id="permissions"
class="panel-collapse collapse"
role="tabpanel"
aria-labelledby="headingPermissions"
>
<div id="permissions" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingPermissions">
<div class="panel-body p-3">
<p>
Anonymous GitHub only reads your repositories &mdash; it
@@ -586,25 +384,12 @@ anonymous_github</code></pre>
<div class="panel panel-default mb-3">
<div class="panel-heading p-3" role="tab" id="headingViewer">
<h3 class="panel-title">
<a
class="collapsed"
role="button"
data-toggle="collapse"
data-parent="#faq-privacy"
href="#viewer"
aria-expanded="false"
aria-controls="viewer"
>
<a class="collapsed" role="button" data-toggle="collapse" data-parent="#faq-privacy" href="#viewer" aria-expanded="false" aria-controls="viewer">
Can repository owners see who viewed their anonymized repository?
</a>
</h3>
</div>
<div
id="viewer"
class="panel-collapse collapse"
role="tabpanel"
aria-labelledby="headingViewer"
>
<div id="viewer" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingViewer">
<div class="panel-body p-3">
<p>
No. Only the total number of views is tracked as an incremental counter. It is not possible
@@ -620,34 +405,16 @@ anonymous_github</code></pre>
<h4 class="faq-cat">
<i class="fas fa-server mr-2"></i>Self-Hosting
</h4>
<div
class="panel-group"
id="faq-hosting"
role="tablist"
aria-multiselectable="true"
>
<div class="panel-group" id="faq-hosting" role="tablist" aria-multiselectable="true">
<div class="panel panel-default mb-3">
<div class="panel-heading p-3" role="tab" id="headingDeploy">
<h3 class="panel-title">
<a
class="collapsed"
role="button"
data-toggle="collapse"
data-parent="#faq-hosting"
href="#deploy"
aria-expanded="false"
aria-controls="deploy"
>
<a class="collapsed" role="button" data-toggle="collapse" data-parent="#faq-hosting" href="#deploy" aria-expanded="false" aria-controls="deploy">
Can I deploy my own instance?
</a>
</h3>
</div>
<div
id="deploy"
class="panel-collapse collapse"
role="tabpanel"
aria-labelledby="headingDeploy"
>
<div id="deploy" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingDeploy">
<div class="panel-body p-3">
<p>
Yes. Anonymous GitHub is fully open source (GPL-3.0) and supports Docker-based deployment.
@@ -683,4 +450,3 @@ anonymous_github</code></pre>
</section>
</div>
</div>
</div>