An app that proxies web pages and PDF files and injects the Hypothesis client so you can annotate them.

First you'll need to install:

• Git. On Ubuntu: sudo apt install git, on macOS: brew install git.
• GNU Make. This is probably already installed, run make --version to check.
• pyenv. Follow the instructions in pyenv's README to install it. The Homebrew method works best on macOS. The Basic GitHub Checkout method works best on Ubuntu. You don't need to set up pyenv's shell integration ("shims"), you can use pyenv without shims.
• Docker Desktop. On Ubuntu follow Install on Ubuntu. On macOS follow Install on Mac.
• Node and npm. On Ubuntu: sudo snap install --classic node. On macOS: brew install node.
• Yarn: sudo npm install -g yarn.

Then to set up your development environment:

git clone https://github.com/hypothesis/via.git
cd via
make services
make devdata
make help

To run Via locally run make dev and visit http://localhost:9083.

To change what version of Python the project uses:

1. Change the Python version in the cookiecutter.json file. For example:

   "python_version": "3.10.4",

2. Re-run the cookiecutter template:

   make template
   

3. Re-compile the requirements/*.txt files. This is necessary because the same requirements/*.in file can compile to different requirements/*.txt files in different versions of Python:

   make requirements
   

4. Commit everything to git and send a pull request

Add the package to the appropriate requirements/*.in file(s) and then run:

make requirements

Remove the package from the appropriate requirements/*.in file(s) and then run:

make requirements

We rely on Dependabot to keep all our dependencies up to date by sending automated pull requests to all our repos. But if you need to upgrade or downgrade a package manually you can do that locally.

To upgrade a package to the latest version in all requirements/*.txt files:

make requirements --always-make args='--upgrade-package <FOO>'

To upgrade or downgrade a package to a specific version:

make requirements --always-make args='--upgrade-package <FOO>==<X.Y.Z>'

To upgrade all packages to their latest versions:

make requirements --always-make args=--upgrade

Environment variables:

Expected data:

The following data is expected to be provided in the DATA_DIRECTORY:

• google_drive_credentials.json - A list of credential JSON objects provided by the Google API console
• google_drive_resource_keys.json - A dict of file ids to resource keys

Most error codes have their natural meanings, but there are some special cases that we catch. Those marged with (error) are from our point of view something which is worth investigation. Others are a normal part of the day-to-day.

• 401 - The user needs a secure token and either they don't have one, or it's invalid

• 400 - The user has make a mistake in calling us or given us a bad URL
• 408 - We timed out accessing a website
• 409 - A website we have called gave us a conventional error like a connection error. Trying again could help.
• 417 - A website has given us an unexpected response. This could be anything. Trying again could help.

• 403 - The user has given us a URL which doesn't grant us permission to download it
• 404 - The user has given us an invalid URL or one we really don't have permission to see
• 408 (error) - We timed out trying to make a connection to Google
• 409 (error) - We had a conventional error like a connection error
• 417 (error) - We got an unexpected response from Google
• 423 (error) - Google has blocked the file as malicous
• 429 (error) - We have been rate limited by Google

Via serves PDFs using PDF.js. PDF.js is vendored into the source tree and the viewer HTML is patched to load the Hypothesis client. To update the PDF viewer, run make update-pdfjs.

Via allows users to annotate arbitrary web pages or PDF files by proxying the page or file and injecting the Hypothesis client. Users go to https://via.hypothes.is/ and paste in a PDF or HTML URL (or visit https://via.hypothes.is/<SOME_URL> directly) and Via responds with an annotatable version.

Via is composed of four separable components:

1. A top-level component that responds to requests to the top-level /<THIRD_PARTY_URL> endpoint by deciding whether the URL is a PDF file or not and redirecting the browser to either the PDF viewer component or the HTML proxying component accordingly.

   This component is implemented in Python / Pyramid.

   The Pyramid app sends a GET request to the third-party URL but only downloads the response headers not the body. It looks at the Content-Type header to determine whether the body is a PDF file or not.

   If it's a PDF file then it redirects to the PDF viewer component: /pdf/<THIRD_PARTY_URL>.

   If it's an HTML file then it redirects to the HTML proxy component.

   The Pyramid app also handles various other bits and bobs such as serving up the front page, handling special via.* query params, serving static files such as PDF.js's assets, etc etc.

2. A PDF viewer component that renders a modified version of PDF.js with the Hypothesis client embedded.

   This is what enables users to annotate PDF files.

   The PDF viewer is also implemented in Python / Pyramid (and JavaScript served by the Pyramid app).

   The PDF viewer responds to requests to /pdf/<THIRD_PARTY_URL> by rendering a version of PDF.js with the Hypothesis client embedded, and configuring PDF.js to download the PDF file from the static file proxy component.

3. A static files proxy component that simply proxies static files to get around CORS.

   This component is implemented in NGINX (in the nginx.conf file) for efficiency.

   This component responds to requests to the /proxy/static/<THIRD_PARTY_URL> endpoint, such as PDF.js's download requests for PDF files.

   Many PDF hosts use CORS headers to prevent JavaScript cross-origin requests (such as requests from our copy of PDF.js) from downloading the file. See Can I load a PDF from another server (cross domain request)? in the PDF.js FAQ.

   To get around this we proxy the PDF file through our own server so that browsers no longer see PDF.js's download request as a cross-origin request.

   In the future we'll also use this component to proxy some static resources of web pages for the same reason.

4. A rewriting HTML proxy component that proxies HTML pages and injects the Hypothesis client.

   This is what enables users to annotate web pages.

   The HTML proxy isn't implemented yet. Via currently redirects to legacy Via for HTML proxying.

   The HTML proxy's job is to enable annotating of HTML pages by proxying the page and injecting the Hypothesis client into it.

   It also has to rewrite various elements of the page that would otherwise break because the page is being proxied.

In production both NGINX and Gunicorn (the WSGI server for the Python / Pyramid app) run inside a single Docker container defined by the app's Dockerfile.

NGINX runs on port 9083 in the Docker container, which is exposed to the outside world.

Gunicorn runs on a UNIX socket that is accessible to NGINX within the Docker container but is not directly accessible to the outside world.

NGINX is "in front of" Gunicorn in production:

1. All requests from user's browsers first go to NGINX on the Docker container's port 9083.

2. If the request is to a URL that NGINX handles directly (such as a /proxy/static/* URL) then NGINX just responds directly.

3. If the request is to one of the URLs that should be handled by the Pyramid app then NGINX proxies to Gunicorn on a UNIX socket.

In development NGINX runs in Docker Compose and is exposed at http://localhost:9083/. This is defined in docker-compose.yml. The app's Dockerfile isn't used in development, but the NGINX running in Docker Compose in development does use the same nginx.conf file as the NGINX running in Docker in production.

The Python WSGI server (Gunicorn) runs on the host (no Docker) and is exposed at http://localhost:9082/. The NGINX running on :9083 proxies to the Gunicorn on :9082.

The Pyramid app uses WhiteNoise to serve static files in a CDN-friendly (caching-friendly) way. WhiteNoise serves the Python app's static files in an efficient way and with the appropriate caching headers, compression, etc.

WhiteNoise is a piece of WSGI middleware that wraps our Pyramid WSGI app. Rather than proxying to Pyramid directly Gunicorn actually proxies to WhiteNoise which either responds directly (if the request is for a static file) or proxies to Pyramid.

• Caching strategy