Skip to content

Commit 5545edf

Browse files
committed
Release commit.
1 parent 02aafb4 commit 5545edf

7 files changed

+25
-99
lines changed

.gitignore

+1
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
.idea

README.md

+9-85
Original file line numberDiff line numberDiff line change
@@ -1,93 +1,17 @@
1-
[![tests](https://github.com/ddev/ddev-addon-template/actions/workflows/tests.yml/badge.svg)](https://github.com/ddev/ddev-addon-template/actions/workflows/tests.yml) ![project is maintained](https://img.shields.io/maintenance/yes/2024.svg)
1+
# DDEV Diffy
22

3-
# ddev-addon-template <!-- omit in toc -->
3+
## What is Diffy?
44

5-
* [What is ddev-addon-template?](#what-is-ddev-addon-template)
6-
* [Components of the repository](#components-of-the-repository)
7-
* [Getting started](#getting-started)
8-
* [How to debug in Github Actions](#how-to-debug-tests-github-actions)
5+
Diffy is a visual regression testing service https://diffy.website. It is primary tailored to testing Drupal and WordPress websites.
96

10-
## What is ddev-addon-template?
7+
This repository is a recepie for DDEV to have a local worker that will allow taking screenshots from local website and upload them to Diffy for further comparisons.
118

12-
This repository is a template for providing [DDEV](https://ddev.readthedocs.io) add-ons and services.
9+
## Installation
1310

14-
In DDEV addons can be installed from the command line using the `ddev get` command, for example, `ddev get ddev/ddev-redis` or `ddev get ddev/ddev-solr`.
11+
Add this addon as `ddev get diffywebsite/ddev-diffy`.
1512

16-
This repository is a quick way to get started. You can create a new repo from this one by clicking the template button in the top right corner of the page.
13+
Register an account in Diffy and create an API key. Add the key as API_KEY environmental variable.
1714

18-
![template button](images/template-button.png)
15+
Create a project in Diffy and save its ID as PROJECT_ID environmental variable.
1916

20-
## Components of the repository
21-
22-
* The fundamental contents of the add-on service or other component. For example, in this template there is a [docker-compose.addon-template.yaml](docker-compose.addon-template.yaml) file.
23-
* An [install.yaml](install.yaml) file that describes how to install the service or other component.
24-
* A test suite in [test.bats](tests/test.bats) that makes sure the service continues to work as expected.
25-
* [Github actions setup](.github/workflows/tests.yml) so that the tests run automatically when you push to the repository.
26-
27-
## Getting started
28-
29-
1. Choose a good descriptive name for your add-on. It should probably start with "ddev-" and include the basic service or functionality. If it's particular to a specific CMS, perhaps `ddev-<CMS>-servicename`.
30-
2. Create the new template repository by using the template button.
31-
3. Globally replace "addon-template" with the name of your add-on.
32-
4. Add the files that need to be added to a DDEV project to the repository. For example, you might replace `docker-compose.addon-template.yaml` with the `docker-compose.*.yaml` for your recipe.
33-
5. Update the `install.yaml` to give the necessary instructions for installing the add-on:
34-
35-
* The fundamental line is the `project_files` directive, a list of files to be copied from this repo into the project `.ddev` directory.
36-
* You can optionally add files to the `global_files` directive as well, which will cause files to be placed in the global `.ddev` directory, `~/.ddev`.
37-
* Finally, `pre_install_commands` and `post_install_commands` are supported. These can use the host-side environment variables documented [in DDEV docs](https://ddev.readthedocs.io/en/latest/users/extend/custom-commands/#environment-variables-provided).
38-
39-
6. Update `tests/test.bats` to provide a reasonable test for your repository. Tests are triggered either by manually executing `bats ./tests/test.bats`, automatically on every push to the repository, or periodically each night. Please make sure to attend to test failures when they happen. Others will be depending on you. Bats is a simple testing framework that just uses Bash. To run a Bats test locally, you have to [install bats-core](https://bats-core.readthedocs.io/en/stable/installation.html) first. Then you download your add-on, and finally run `bats ./tests/test.bats` within the root of the uncompressed directory. To learn more about Bats see the [documentation](https://bats-core.readthedocs.io/en/stable/).
40-
7. When everything is working, including the tests, you can push the repository to GitHub.
41-
8. Create a [release](https://docs.github.com/en/repositories/releasing-projects-on-github/managing-releases-in-a-repository) on GitHub.
42-
9. Test manually with `ddev get <owner/repo>`.
43-
10. You can test PRs with `ddev get https://github.com/<user>/<repo>/tarball/<branch>`
44-
11. Update the `README.md` to describe the add-on, how to use it, and how to contribute. If there are any manual actions that have to be taken, please explain them. If it requires special configuration of the using project, please explain how to do those. Examples in [ddev/ddev-solr](https://github.com/ddev/ddev-solr), [ddev/ddev-memcached](https://github.com/ddev/ddev-memcached), and (advanced) [ddev-platformsh](https://github.com/ddev/ddev-platformsh).
45-
12. Update the `README.md` header in Title Case format, for example, use `# DDEV Redis`, not `# ddev-redis`.
46-
13. Add a good short description to your repo, and add the [topic](https://docs.github.com/en/repositories/managing-your-repositorys-settings-and-features/customizing-your-repository/classifying-your-repository-with-topics) "ddev-get". It will immediately be added to the list provided by `ddev get --list --all`.
47-
14. When it has matured you will hopefully want to have it become an "official" maintained add-on. Open an issue in the [DDEV queue](https://github.com/ddev/ddev/issues) for that.
48-
49-
Add-ons were covered in [DDEV Add-ons: Creating, maintaining, testing](https://www.dropbox.com/scl/fi/bnvlv7zswxwm8ix1s5u4t/2023-11-07_DDEV_Add-ons.mp4?rlkey=5cma8s11pscxq0skawsoqrscp&dl=0) (part of the [DDEV Contributor Live Training](https://ddev.com/blog/contributor-training)).
50-
51-
Note that more advanced techniques are discussed in [DDEV docs](https://ddev.readthedocs.io/en/latest/users/extend/additional-services/#additional-service-configurations-and-add-ons-for-ddev).
52-
53-
## How to debug tests (Github Actions)
54-
55-
1. You need an SSH-key registered with GitHub. You either pick the key you have already used with `github.com` or you create a dedicated new one with `ssh-keygen -t ed25519 -a 64 -f tmate_ed25519 -C "$(date +'%d-%m-%Y')"` and add it at `https://github.com/settings/keys`.
56-
57-
2. Add the following snippet to `~/.ssh/config`:
58-
59-
```
60-
Host *.tmate.io
61-
User git
62-
AddKeysToAgent yes
63-
UseKeychain yes
64-
PreferredAuthentications publickey
65-
IdentitiesOnly yes
66-
IdentityFile ~/.ssh/tmate_ed25519
67-
```
68-
3. Go to `https://github.com/<user>/<repo>/actions/workflows/tests.yml`.
69-
70-
4. Click the `Run workflow` button and you will have the option to select the branch to run the workflow from and activate `tmate` by checking the `Debug with tmate` checkbox for this run.
71-
72-
![tmate](images/gh-tmate.jpg)
73-
74-
5. After the `workflow_dispatch` event was triggered, click the `All workflows` link in the sidebar and then click the `tests` action in progress workflow.
75-
76-
7. Pick one of the jobs in progress in the sidebar.
77-
78-
8. Wait until the current task list reaches the `tmate debugging session` section and the output shows something like:
79-
80-
```
81-
106 SSH: ssh [email protected]
82-
107 or: ssh -i <path-to-private-SSH-key> [email protected]
83-
108 SSH: ssh [email protected]
84-
109 or: ssh -i <path-to-private-SSH-key> [email protected]
85-
```
86-
87-
9. Copy and execute the first option `ssh [email protected]` in the terminal and continue by pressing either <kbd>q</kbd> or <kbd>Ctrl</kbd> + <kbd>c</kbd>.
88-
89-
10. Start the Bats test with `bats ./tests/test.bats`.
90-
91-
For a more detailed documentation about `tmate` see [Debug your GitHub Actions by using tmate](https://mxschmitt.github.io/action-tmate/).
92-
93-
**Contributed and maintained by [@CONTRIBUTOR](https://github.com/CONTRIBUTOR)**
17+
**Contributed and maintained by [@ygerasimov](https://github.com/ygerasimov)**
Original file line numberDiff line numberDiff line change
@@ -1,17 +1,19 @@
11
#ddev-generated
2-
# Simple template to demonstrate addon-template
32
services:
4-
addon-template:
5-
container_name: ddev-${DDEV_SITENAME}-addon-template
6-
image: busybox:stable
3+
diffy:
4+
container_name: ddev-${DDEV_SITENAME}-diffy
5+
image: diffywebsite2/screenshot-worker:latest
76
command: tail -f /dev/null
87
networks: [default, ddev_default]
98
restart: "no"
109
# These labels ensure this service is discoverable by ddev.
1110
labels:
1211
com.ddev.site-name: ${DDEV_SITENAME}
1312
com.ddev.approot: $DDEV_APPROOT
14-
13+
environment:
14+
API_KEY: XXX
15+
PROJECT_ID: XXX
16+
VIRTUAL_HOST: ${DDEV_HOSTNAME}
1517
volumes:
1618
- ".:/mnt/ddev_config"
1719
- "ddev-global-cache:/mnt/ddev-global-cache"

images/gh-tmate.jpg

-53.9 KB
Binary file not shown.

images/template-button.png

-20 KB
Binary file not shown.

install.yaml

+4-5
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
# Details about the install.yaml file are at https://ddev.readthedocs.io/en/latest/users/extend/additional-services/#sections-and-features-of-ddev-get-add-on-installyaml
22

3-
name: addon-template
3+
name: ddev-diffy
44

55
# pre_install_actions - list of actions to run before installing the addon.
66
# Examples would be removing an extraneous docker volume,
@@ -60,7 +60,7 @@ pre_install_actions:
6060
# If you use directories, they must be directories that are managed
6161
# by this add-on, or removal could remove things that are not owned by it
6262
project_files:
63-
- docker-compose.addon-template.yaml
63+
- docker-compose.diffy.yaml
6464
# - some-directory/file1.txt
6565
# - some-directory/file2.txt
6666
# - extra_files_dir_created_by_this_template/
@@ -78,9 +78,8 @@ dependencies:
7878

7979
# DDEV environment variables can be interpolated into these actions
8080
post_install_actions:
81-
# - chmod +x ~/.ddev/commands/web/somecommand
82-
# - touch somefile.${GOOS}.${DDEV_WEBSERVER}
83-
# - perl -pi -e 's/oldstring/newstring/g' docker-compose.addon-template.yaml
81+
- wget https://github.com/DiffyWebsite/diffy-worker/archive/refs/heads/main.zip
82+
- unzip main.zip
8483

8584
# Shell actions that can be done during removal of the add-on
8685
removal_actions:

tests/test.bats

+4-4
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
11
setup() {
22
set -eu -o pipefail
33
export DIR="$( cd "$( dirname "$BATS_TEST_FILENAME" )" >/dev/null 2>&1 && pwd )/.."
4-
export TESTDIR=~/tmp/test-addon-template
4+
export TESTDIR=~/tmp/test-ddev-diffy
55
mkdir -p $TESTDIR
6-
export PROJNAME=test-addon-template
6+
export PROJNAME=test-ddev-diffy
77
export DDEV_NON_INTERACTIVE=true
88
ddev delete -Oy ${PROJNAME} >/dev/null 2>&1 || true
99
cd "${TESTDIR}"
@@ -36,8 +36,8 @@ teardown() {
3636
@test "install from release" {
3737
set -eu -o pipefail
3838
cd ${TESTDIR} || ( printf "unable to cd to ${TESTDIR}\n" && exit 1 )
39-
echo "# ddev get ddev/ddev-addon-template with project ${PROJNAME} in ${TESTDIR} ($(pwd))" >&3
40-
ddev get ddev/ddev-addon-template
39+
echo "# ddev get ddev/ddev-ddev-diffy with project ${PROJNAME} in ${TESTDIR} ($(pwd))" >&3
40+
ddev get ddev/ddev-ddev-diffy
4141
ddev restart >/dev/null
4242
health_checks
4343
}

0 commit comments

Comments
 (0)