Show messages for users if the ROOT_URL is wrong, show JavaScript errors (#18971)
* ROOT_URL issues: some users did wrong to there app.ini config, then:
* The assets can not be loaded (AppSubUrl != "" and users try to access http://host:3000/)
*The ROOT_URL is wrong, then many URLs in Gitea are broken.
Now Gitea show enough information to users.
* JavaScript error issues, there are many users affected by JavaScript errors, some are caused by frontend bugs, some are caused by broken customized templates. If these JS errors can be found at first time, then maintainers do not need to ask about how bug occurs again and again.
* Some people like to modify the `head.tmpl`, so we separate the script part to `head_script.tmpl`, then it's much safer.
* use specialized CSS class "js-global-error", end users still have a chance to hide error messages by customized CSS styles.
3 years ago
// bootstrap module must be the first one to be imported, it handles webpack lazy-loading and global errors
import './bootstrap.js' ;
import $ from 'jquery' ;
import { initRepoActivityTopAuthorsChart } from './components/RepoActivityTopAuthors.vue' ;
import { initDashboardRepoList } from './components/DashboardRepoList.vue' ;
import { attachTribute } from './features/tribute.js' ;
import { initGlobalCopyToClipboardListener } from './features/clipboard.js' ;
import { initContextPopups } from './features/contextpopup.js' ;
import { initRepoGraphGit } from './features/repo-graph.js' ;
import { initHeatmap } from './features/heatmap.js' ;
import { initImageDiff } from './features/imagediff.js' ;
import { initRepoMigration } from './features/repo-migration.js' ;
import { initRepoProject } from './features/repo-projects.js' ;
import { initServiceWorker } from './features/serviceworker.js' ;
import { initTableSort } from './features/tablesort.js' ;
import { initAdminUserListSearchForm } from './features/admin/users.js' ;
import { initAdminConfigs } from './features/admin/config.js' ;
import { initMarkupAnchors } from './markup/anchors.js' ;
import { initNotificationCount , initNotificationsTable } from './features/notification.js' ;
import { initRepoIssueContentHistory } from './features/repo-issue-content.js' ;
import { initStopwatch } from './features/stopwatch.js' ;
import { initFindFileInRepo } from './features/repo-findfile.js' ;
import { initCommentContent , initMarkupContent } from './markup/content.js' ;
import { initDiffFileTree } from './features/repo-diff-filetree.js' ;
import { initUserAuthLinkAccountView , initUserAuthOauth2 } from './features/user-auth.js' ;
import {
initRepoDiffConversationForm ,
initRepoDiffFileViewToggle ,
initRepoDiffReviewButton , initRepoDiffShowMore ,
} from './features/repo-diff.js' ;
import {
initRepoIssueDue ,
initRepoIssueList ,
initRepoIssueReferenceRepositorySearch ,
initRepoIssueTimeTracking ,
initRepoIssueWipTitle ,
initRepoPullRequestMergeInstruction ,
initRepoPullRequestAllowMaintainerEdit ,
initRepoPullRequestReview ,
} from './features/repo-issue.js' ;
import {
initRepoEllipsisButton ,
initRepoCommitLastCommitLoader ,
initCommitStatuses ,
} from './features/repo-commit.js' ;
import {
initFootLanguageMenu ,
initGlobalButtonClickOnEnter ,
initGlobalButtons ,
initGlobalCommon ,
initGlobalDropzone ,
initGlobalEnterQuickSubmit ,
initGlobalFormDirtyLeaveConfirm ,
initGlobalLinkActions ,
initHeadNavbarContentToggle ,
initGlobalTooltips ,
} from './features/common-global.js' ;
import { initRepoTopicBar } from './features/repo-home.js' ;
import { initAdminEmails } from './features/admin/emails.js' ;
import { initAdminCommon } from './features/admin/common.js' ;
import { initRepoTemplateSearch } from './features/repo-template.js' ;
import { initRepoCodeView } from './features/repo-code.js' ;
import { initSshKeyFormParser } from './features/sshkey-helper.js' ;
import { initUserSettings } from './features/user-settings.js' ;
import { initRepoArchiveLinks } from './features/repo-common.js' ;
import { initRepoMigrationStatusChecker } from './features/repo-migrate.js' ;
import {
initRepoSettingGitHook ,
initRepoSettingsCollaboration ,
initRepoSettingSearchTeamBox ,
} from './features/repo-settings.js' ;
import { initViewedCheckboxListenerFor } from './features/pull-view-file.js' ;
import { initOrgTeamSearchRepoBox , initOrgTeamSettings } from './features/org-team.js' ;
import { initUserAuthWebAuthn , initUserAuthWebAuthnRegister } from './features/user-auth-webauthn.js' ;
import { initRepoRelease , initRepoReleaseNew } from './features/repo-release.js' ;
import { initRepoEditor } from './features/repo-editor.js' ;
import { initCompSearchUserBox } from './features/comp/SearchUserBox.js' ;
import { initInstall } from './features/install.js' ;
import { initCompWebHookEditor } from './features/comp/WebHookEditor.js' ;
import { initCommonIssue } from './features/common-issue.js' ;
import { initRepoBranchButton } from './features/repo-branch.js' ;
import { initCommonOrganization } from './features/common-organization.js' ;
import { initRepoWikiForm } from './features/repo-wiki.js' ;
import { initRepoCommentForm , initRepository } from './features/repo-legacy.js' ;
import { initFormattingReplacements } from './features/formatting.js' ;
import { initCopyContent } from './features/copycontent.js' ;
import { initCaptcha } from './features/captcha.js' ;
Implement actions (#21937)
Close #13539.
Co-authored by: @lunny @appleboy @fuxiaohei and others.
Related projects:
- https://gitea.com/gitea/actions-proto-def
- https://gitea.com/gitea/actions-proto-go
- https://gitea.com/gitea/act
- https://gitea.com/gitea/act_runner
### Summary
The target of this PR is to bring a basic implementation of "Actions",
an internal CI/CD system of Gitea. That means even though it has been
merged, the state of the feature is **EXPERIMENTAL**, and please note
that:
- It is disabled by default;
- It shouldn't be used in a production environment currently;
- It shouldn't be used in a public Gitea instance currently;
- Breaking changes may be made before it's stable.
**Please comment on #13539 if you have any different product design
ideas**, all decisions reached there will be adopted here. But in this
PR, we don't talk about **naming, feature-creep or alternatives**.
### ⚠️ Breaking
`gitea-actions` will become a reserved user name. If a user with the
name already exists in the database, it is recommended to rename it.
### Some important reviews
- What is `DEFAULT_ACTIONS_URL` in `app.ini` for?
- https://github.com/go-gitea/gitea/pull/21937#discussion_r1055954954
- Why the api for runners is not under the normal `/api/v1` prefix?
- https://github.com/go-gitea/gitea/pull/21937#discussion_r1061173592
- Why DBFS?
- https://github.com/go-gitea/gitea/pull/21937#discussion_r1061301178
- Why ignore events triggered by `gitea-actions` bot?
- https://github.com/go-gitea/gitea/pull/21937#discussion_r1063254103
- Why there's no permission control for actions?
- https://github.com/go-gitea/gitea/pull/21937#discussion_r1090229868
### What it looks like
<details>
#### Manage runners
<img width="1792" alt="image"
src="https://user-images.githubusercontent.com/9418365/205870657-c72f590e-2e08-4cd4-be7f-2e0abb299bbf.png">
#### List runs
<img width="1792" alt="image"
src="https://user-images.githubusercontent.com/9418365/205872794-50fde990-2b45-48c1-a178-908e4ec5b627.png">
#### View logs
<img width="1792" alt="image"
src="https://user-images.githubusercontent.com/9418365/205872501-9b7b9000-9542-4991-8f55-18ccdada77c3.png">
</details>
### How to try it
<details>
#### 1. Start Gitea
Clone this branch and [install from
source](https://docs.gitea.io/en-us/install-from-source).
Add additional configurations in `app.ini` to enable Actions:
```ini
[actions]
ENABLED = true
```
Start it.
If all is well, you'll see the management page of runners:
<img width="1792" alt="image"
src="https://user-images.githubusercontent.com/9418365/205877365-8e30a780-9b10-4154-b3e8-ee6c3cb35a59.png">
#### 2. Start runner
Clone the [act_runner](https://gitea.com/gitea/act_runner), and follow
the
[README](https://gitea.com/gitea/act_runner/src/branch/main/README.md)
to start it.
If all is well, you'll see a new runner has been added:
<img width="1792" alt="image"
src="https://user-images.githubusercontent.com/9418365/205878000-216f5937-e696-470d-b66c-8473987d91c3.png">
#### 3. Enable actions for a repo
Create a new repo or open an existing one, check the `Actions` checkbox
in settings and submit.
<img width="1792" alt="image"
src="https://user-images.githubusercontent.com/9418365/205879705-53e09208-73c0-4b3e-a123-2dcf9aba4b9c.png">
<img width="1792" alt="image"
src="https://user-images.githubusercontent.com/9418365/205879383-23f3d08f-1a85-41dd-a8b3-54e2ee6453e8.png">
If all is well, you'll see a new tab "Actions":
<img width="1792" alt="image"
src="https://user-images.githubusercontent.com/9418365/205881648-a8072d8c-5803-4d76-b8a8-9b2fb49516c1.png">
#### 4. Upload workflow files
Upload some workflow files to `.gitea/workflows/xxx.yaml`, you can
follow the [quickstart](https://docs.github.com/en/actions/quickstart)
of GitHub Actions. Yes, Gitea Actions is compatible with GitHub Actions
in most cases, you can use the same demo:
```yaml
name: GitHub Actions Demo
run-name: ${{ github.actor }} is testing out GitHub Actions 🚀
on: [push]
jobs:
Explore-GitHub-Actions:
runs-on: ubuntu-latest
steps:
- run: echo "🎉 The job was automatically triggered by a ${{ github.event_name }} event."
- run: echo "🐧 This job is now running on a ${{ runner.os }} server hosted by GitHub!"
- run: echo "🔎 The name of your branch is ${{ github.ref }} and your repository is ${{ github.repository }}."
- name: Check out repository code
uses: actions/checkout@v3
- run: echo "💡 The ${{ github.repository }} repository has been cloned to the runner."
- run: echo "🖥️ The workflow is now ready to test your code on the runner."
- name: List files in the repository
run: |
ls ${{ github.workspace }}
- run: echo "🍏 This job's status is ${{ job.status }}."
```
If all is well, you'll see a new run in `Actions` tab:
<img width="1792" alt="image"
src="https://user-images.githubusercontent.com/9418365/205884473-79a874bc-171b-4aaf-acd5-0241a45c3b53.png">
#### 5. Check the logs of jobs
Click a run and you'll see the logs:
<img width="1792" alt="image"
src="https://user-images.githubusercontent.com/9418365/205884800-994b0374-67f7-48ff-be9a-4c53f3141547.png">
#### 6. Go on
You can try more examples in [the
documents](https://docs.github.com/en/actions/using-workflows/workflow-syntax-for-github-actions)
of GitHub Actions, then you might find a lot of bugs.
Come on, PRs are welcome.
</details>
See also: [Feature Preview: Gitea
Actions](https://blog.gitea.io/2022/12/feature-preview-gitea-actions/)
---------
Co-authored-by: a1012112796 <1012112796@qq.com>
Co-authored-by: Lunny Xiao <xiaolunwen@gmail.com>
Co-authored-by: delvh <dev.lh@web.de>
Co-authored-by: ChristopherHX <christopher.homberger@web.de>
Co-authored-by: John Olheiser <john.olheiser@gmail.com>
2 years ago
import { initRepositoryActionView } from './components/RepoActionView.vue' ;
Use a general approch to improve a11y for all checkboxes and dropdowns. (#23542)
This PR follows #22599 and #23450
The major improvements:
1. The `aria-*.js` are totally transparent now, no need to call
`attachDropdownAria` explicitly anymore.
* It hooks the `$.fn.checkbox` and `$.fn.dropdown`, then our patch
works.
* It makes all dynamically generated checkbox/dropdown work with a11y
without any change
* eg: the `conversation.find('.dropdown').dropdown();` in `repo-diff.js`
2. Since it's totally transparent now, it could be easier to modify or
remove in the future.
3. It handles all selection labels as well (by onLabelCreate), so it
supports "multiple selection dropdown" now.
* It partially completes one of my TODOs: `TODO: multiple selection is
not supported yet.`
4. The code structure is clearer, code blocks are splitted into
different functions.
* The old `attachOneDropdownAria` was splitted into separate functions.
* It makes it easier to add more fine tunes in the future, and co-work
with contributors.
6. The code logic is similar as before, only two new parts:
1. the `ariaCheckboxFn` and `ariaDropdownFn` functions
2. the `onLabelCreate` and `updateSelectionLabel` functions
In `aria-dropdown.js` I had to mix jQuery and Vanilla JS somewhat, I
think the code is still understandable, otherwise the code would be much
more complex to read.
Thanks to fsologureng for the idea about "improving the 'delete icon'
with aria attributes".
If there is anything unclear or incorrect, feel free to ask and discuss,
or propose new PRs for it.
2 years ago
import { initAriaCheckboxPatch } from './modules/aria/checkbox.js' ;
import { initAriaDropdownPatch } from './modules/aria/dropdown.js' ;
// Run time-critical code as soon as possible. This is safe to do because this
// script appears at the end of <body> and rendered HTML is accessible at that point.
initFormattingReplacements ( ) ;
// Silence fomantic's error logging when tabs are used without a target content element
$ . fn . tab . settings . silent = true ;
// Disable the behavior of fomantic to toggle the checkbox when you press enter on a checkbox element.
$ . fn . checkbox . settings . enableEnterKey = false ;
Use a general approch to improve a11y for all checkboxes and dropdowns. (#23542)
This PR follows #22599 and #23450
The major improvements:
1. The `aria-*.js` are totally transparent now, no need to call
`attachDropdownAria` explicitly anymore.
* It hooks the `$.fn.checkbox` and `$.fn.dropdown`, then our patch
works.
* It makes all dynamically generated checkbox/dropdown work with a11y
without any change
* eg: the `conversation.find('.dropdown').dropdown();` in `repo-diff.js`
2. Since it's totally transparent now, it could be easier to modify or
remove in the future.
3. It handles all selection labels as well (by onLabelCreate), so it
supports "multiple selection dropdown" now.
* It partially completes one of my TODOs: `TODO: multiple selection is
not supported yet.`
4. The code structure is clearer, code blocks are splitted into
different functions.
* The old `attachOneDropdownAria` was splitted into separate functions.
* It makes it easier to add more fine tunes in the future, and co-work
with contributors.
6. The code logic is similar as before, only two new parts:
1. the `ariaCheckboxFn` and `ariaDropdownFn` functions
2. the `onLabelCreate` and `updateSelectionLabel` functions
In `aria-dropdown.js` I had to mix jQuery and Vanilla JS somewhat, I
think the code is still understandable, otherwise the code would be much
more complex to read.
Thanks to fsologureng for the idea about "improving the 'delete icon'
with aria attributes".
If there is anything unclear or incorrect, feel free to ask and discuss,
or propose new PRs for it.
2 years ago
// Use the patches to improve accessibility, these patches are designed to be as independent as possible, make it easy to modify or remove in the future.
initAriaCheckboxPatch ( ) ;
initAriaDropdownPatch ( ) ;
$ ( document ) . ready ( ( ) => {
initGlobalCommon ( ) ;
initGlobalTooltips ( ) ;
initGlobalButtonClickOnEnter ( ) ;
initGlobalButtons ( ) ;
initGlobalCopyToClipboardListener ( ) ;
initGlobalDropzone ( ) ;
initGlobalEnterQuickSubmit ( ) ;
initGlobalFormDirtyLeaveConfirm ( ) ;
initGlobalLinkActions ( ) ;
attachTribute ( document . querySelectorAll ( '#content, .emoji-input' ) ) ;
initCommonIssue ( ) ;
initCommonOrganization ( ) ;
initCompSearchUserBox ( ) ;
initCompWebHookEditor ( ) ;
initInstall ( ) ;
initHeadNavbarContentToggle ( ) ;
initFootLanguageMenu ( ) ;
initCommentContent ( ) ;
initContextPopups ( ) ;
initHeatmap ( ) ;
initImageDiff ( ) ;
initMarkupAnchors ( ) ;
initMarkupContent ( ) ;
initServiceWorker ( ) ;
initSshKeyFormParser ( ) ;
initStopwatch ( ) ;
initTableSort ( ) ;
initFindFileInRepo ( ) ;
initCopyContent ( ) ;
initAdminCommon ( ) ;
initAdminEmails ( ) ;
initAdminUserListSearchForm ( ) ;
initAdminConfigs ( ) ;
initDashboardRepoList ( ) ;
initNotificationCount ( ) ;
initNotificationsTable ( ) ;
initOrgTeamSearchRepoBox ( ) ;
initOrgTeamSettings ( ) ;
initRepoActivityTopAuthorsChart ( ) ;
initRepoArchiveLinks ( ) ;
initRepoBranchButton ( ) ;
initRepoCodeView ( ) ;
initRepoCommentForm ( ) ;
initRepoEllipsisButton ( ) ;
initRepoCommitLastCommitLoader ( ) ;
initRepoDiffConversationForm ( ) ;
initRepoDiffFileViewToggle ( ) ;
initRepoDiffReviewButton ( ) ;
initRepoDiffShowMore ( ) ;
initDiffFileTree ( ) ;
initRepoEditor ( ) ;
initRepoGraphGit ( ) ;
initRepoIssueContentHistory ( ) ;
initRepoIssueDue ( ) ;
initRepoIssueList ( ) ;
initRepoIssueReferenceRepositorySearch ( ) ;
initRepoIssueTimeTracking ( ) ;
initRepoIssueWipTitle ( ) ;
initRepoMigration ( ) ;
initRepoMigrationStatusChecker ( ) ;
initRepoProject ( ) ;
initRepoPullRequestMergeInstruction ( ) ;
initRepoPullRequestAllowMaintainerEdit ( ) ;
initRepoPullRequestReview ( ) ;
initRepoRelease ( ) ;
initRepoReleaseNew ( ) ;
initRepoSettingGitHook ( ) ;
initRepoSettingSearchTeamBox ( ) ;
initRepoSettingsCollaboration ( ) ;
initRepoTemplateSearch ( ) ;
initRepoTopicBar ( ) ;
initRepoWikiForm ( ) ;
initRepository ( ) ;
Implement actions (#21937)
Close #13539.
Co-authored by: @lunny @appleboy @fuxiaohei and others.
Related projects:
- https://gitea.com/gitea/actions-proto-def
- https://gitea.com/gitea/actions-proto-go
- https://gitea.com/gitea/act
- https://gitea.com/gitea/act_runner
### Summary
The target of this PR is to bring a basic implementation of "Actions",
an internal CI/CD system of Gitea. That means even though it has been
merged, the state of the feature is **EXPERIMENTAL**, and please note
that:
- It is disabled by default;
- It shouldn't be used in a production environment currently;
- It shouldn't be used in a public Gitea instance currently;
- Breaking changes may be made before it's stable.
**Please comment on #13539 if you have any different product design
ideas**, all decisions reached there will be adopted here. But in this
PR, we don't talk about **naming, feature-creep or alternatives**.
### ⚠️ Breaking
`gitea-actions` will become a reserved user name. If a user with the
name already exists in the database, it is recommended to rename it.
### Some important reviews
- What is `DEFAULT_ACTIONS_URL` in `app.ini` for?
- https://github.com/go-gitea/gitea/pull/21937#discussion_r1055954954
- Why the api for runners is not under the normal `/api/v1` prefix?
- https://github.com/go-gitea/gitea/pull/21937#discussion_r1061173592
- Why DBFS?
- https://github.com/go-gitea/gitea/pull/21937#discussion_r1061301178
- Why ignore events triggered by `gitea-actions` bot?
- https://github.com/go-gitea/gitea/pull/21937#discussion_r1063254103
- Why there's no permission control for actions?
- https://github.com/go-gitea/gitea/pull/21937#discussion_r1090229868
### What it looks like
<details>
#### Manage runners
<img width="1792" alt="image"
src="https://user-images.githubusercontent.com/9418365/205870657-c72f590e-2e08-4cd4-be7f-2e0abb299bbf.png">
#### List runs
<img width="1792" alt="image"
src="https://user-images.githubusercontent.com/9418365/205872794-50fde990-2b45-48c1-a178-908e4ec5b627.png">
#### View logs
<img width="1792" alt="image"
src="https://user-images.githubusercontent.com/9418365/205872501-9b7b9000-9542-4991-8f55-18ccdada77c3.png">
</details>
### How to try it
<details>
#### 1. Start Gitea
Clone this branch and [install from
source](https://docs.gitea.io/en-us/install-from-source).
Add additional configurations in `app.ini` to enable Actions:
```ini
[actions]
ENABLED = true
```
Start it.
If all is well, you'll see the management page of runners:
<img width="1792" alt="image"
src="https://user-images.githubusercontent.com/9418365/205877365-8e30a780-9b10-4154-b3e8-ee6c3cb35a59.png">
#### 2. Start runner
Clone the [act_runner](https://gitea.com/gitea/act_runner), and follow
the
[README](https://gitea.com/gitea/act_runner/src/branch/main/README.md)
to start it.
If all is well, you'll see a new runner has been added:
<img width="1792" alt="image"
src="https://user-images.githubusercontent.com/9418365/205878000-216f5937-e696-470d-b66c-8473987d91c3.png">
#### 3. Enable actions for a repo
Create a new repo or open an existing one, check the `Actions` checkbox
in settings and submit.
<img width="1792" alt="image"
src="https://user-images.githubusercontent.com/9418365/205879705-53e09208-73c0-4b3e-a123-2dcf9aba4b9c.png">
<img width="1792" alt="image"
src="https://user-images.githubusercontent.com/9418365/205879383-23f3d08f-1a85-41dd-a8b3-54e2ee6453e8.png">
If all is well, you'll see a new tab "Actions":
<img width="1792" alt="image"
src="https://user-images.githubusercontent.com/9418365/205881648-a8072d8c-5803-4d76-b8a8-9b2fb49516c1.png">
#### 4. Upload workflow files
Upload some workflow files to `.gitea/workflows/xxx.yaml`, you can
follow the [quickstart](https://docs.github.com/en/actions/quickstart)
of GitHub Actions. Yes, Gitea Actions is compatible with GitHub Actions
in most cases, you can use the same demo:
```yaml
name: GitHub Actions Demo
run-name: ${{ github.actor }} is testing out GitHub Actions 🚀
on: [push]
jobs:
Explore-GitHub-Actions:
runs-on: ubuntu-latest
steps:
- run: echo "🎉 The job was automatically triggered by a ${{ github.event_name }} event."
- run: echo "🐧 This job is now running on a ${{ runner.os }} server hosted by GitHub!"
- run: echo "🔎 The name of your branch is ${{ github.ref }} and your repository is ${{ github.repository }}."
- name: Check out repository code
uses: actions/checkout@v3
- run: echo "💡 The ${{ github.repository }} repository has been cloned to the runner."
- run: echo "🖥️ The workflow is now ready to test your code on the runner."
- name: List files in the repository
run: |
ls ${{ github.workspace }}
- run: echo "🍏 This job's status is ${{ job.status }}."
```
If all is well, you'll see a new run in `Actions` tab:
<img width="1792" alt="image"
src="https://user-images.githubusercontent.com/9418365/205884473-79a874bc-171b-4aaf-acd5-0241a45c3b53.png">
#### 5. Check the logs of jobs
Click a run and you'll see the logs:
<img width="1792" alt="image"
src="https://user-images.githubusercontent.com/9418365/205884800-994b0374-67f7-48ff-be9a-4c53f3141547.png">
#### 6. Go on
You can try more examples in [the
documents](https://docs.github.com/en/actions/using-workflows/workflow-syntax-for-github-actions)
of GitHub Actions, then you might find a lot of bugs.
Come on, PRs are welcome.
</details>
See also: [Feature Preview: Gitea
Actions](https://blog.gitea.io/2022/12/feature-preview-gitea-actions/)
---------
Co-authored-by: a1012112796 <1012112796@qq.com>
Co-authored-by: Lunny Xiao <xiaolunwen@gmail.com>
Co-authored-by: delvh <dev.lh@web.de>
Co-authored-by: ChristopherHX <christopher.homberger@web.de>
Co-authored-by: John Olheiser <john.olheiser@gmail.com>
2 years ago
initRepositoryActionView ( ) ;
initCommitStatuses ( ) ;
initCaptcha ( ) ;
initUserAuthLinkAccountView ( ) ;
initUserAuthOauth2 ( ) ;
initUserAuthWebAuthn ( ) ;
initUserAuthWebAuthnRegister ( ) ;
initUserSettings ( ) ;
initViewedCheckboxListenerFor ( ) ;
} ) ;