Deploy ephemeral websites via HTTP or a CLI.
If you need to do any of the following:
- π preview a site before launch
- π view the HTML version of coverage reports
- π create a quick website to show someone something
smokeshow is here to help. It lets you create a static website, 1 year after the site is created, it vanishes like smoke in the wind.
What's great about smokeshow:
- πΈ It's free
- π You don't need to sign up, just create a key using the instructions below
- π¨ It's super fast around the world, smokeshow uses CloudFlare's 280 edge locations to store files meaning they're next to your users wherever they are
smokeshow is currently free for anyone to use (within limits), but if it starts to cost me a significant amount, I might reduce the limits, or stop it being free. Please watch the github repo to get notifications of changes to the service if you're using it regularly or in an automated way.
smokeshow is open source so if you want to modify it and/or deploy your own instance to cloudflare workers, you can.
Uploading a site to smokeshow requires three steps:
- Create an upload key where a numeric representation of its
sha-256
hash is less than2 ^ 234
. In other words; a simple proof of work. This key can then be used to create multiple sites. - Create a new site.
- Upload one or more files to that site.
All three steps can be performed either the python CLI, or using manually.
The command line interface (CLI) for smokeshow is written in python and available to download via pypi. Assuming you have python 3.7 and pip installed, installing the smokeshow CLI should be as simple as:
pip install smokeshow
You can then get help on usage with:
smokeshow --help
To generate an upload key, use:
smokeshow generate-key
You should then set the key as an environment variable with
export SMOKESHOW_AUTH_KEY='...'
With that, you can upload a site with:
smokeshow upload path/to/upload
For more help run smokeshow upload --help
, if you run smokeshow upload
without either
setting the SMOKESHOW_AUTH_KEY
environment variable or using the --auth-key
option, smokeshow will generate
a new upload key before uploading the site.
If you're having trouble with python versions and accessing the CLI, you can also run the smokeshow library module as a script via
python -m smokeshow
I build smokeshow primarily to preview documentation and coverage generate with github actions.
smokeshow therefore integrates directly with github actions to add a status to commits with a link to the newly created ephemeral site.
In addition, smokeshow has custom logic to extract the total coverage figure from coverage.py HTML coverage reports to both annotate commit status updates and decide if the commit status is "success" or "failure".
Example of setting the commit status from a github action:
- run: smokeshow upload cli/htmlcov
env:
SMOKESHOW_GITHUB_STATUS_DESCRIPTION: CLI Coverage {coverage-percentage}
SMOKESHOW_GITHUB_COVERAGE_THRESHOLD: 50
SMOKESHOW_GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
SMOKESHOW_GITHUB_PR_HEAD_SHA: ${{ github.event.pull_request.head.sha }}
(this is taken directly from smokeshow's own CI, see here)
The following environment variables are used when setting commit statuses:
SMOKESHOW_GITHUB_STATUS_DESCRIPTION
(or alternatively the--github-status-description
CLI option) set the description for the commit status; the string{coverage-percentage}
has a special meaning and will be replaced by the actual coverage percentage if it can be extract from the rootindex.html
file being uploaded, this must be set for smokeshow to set the commit statusSMOKESHOW_GITHUB_COVERAGE_THRESHOLD
(or alternatively the--github-coverage-threshold
CLI option) decide the "state" of the commit status update;success
is used if either the total coverage number isn't available or it's above the threshold,failure
is used if the coverage number is below this thresholdSMOKESHOW_GITHUB_TOKEN
this is used to authenticate the status update, more details hereSMOKESHOW_GITHUB_PR_HEAD_SHA
or if it's omitted or emptyGITHUB_SHA
(which is set automatically by github actions) are used to decide which commit to set the status on. TheSMOKESHOW_GITHUB_PR_HEAD_SHA: ${{ github.event.pull_request.head.sha }}
trick shown above is required since github set theGITHUB_SHA
env var to a merge commit on pull requests which isn't what you wantSMOKESHOW_GITHUB_CONTEXT
suffix for github status contextGITHUB_REPOSITORY
is set automatically by github actions, it's used to choose the repo to set the status on
You can create an upload key using the following python3.6 script:
import base64, hashlib, os
print('Searching for a key with valid hash. Hold tight, this might take a minute...')
threshold = 2 ** 234
attempts = 0
while True:
attempts = 1
seed = os.urandom(50)
h = int.from_bytes(hashlib.sha256(seed).digest(), 'big')
if attempts % 100_000 == 0:
print('.', end='', flush=True)
if h < threshold:
key = base64.b64encode(seed).decode().rstrip('=')
print(f'\nSuccess! Key found after {attempts:,} attempts:\n\n {key}\n')
break
(This script should take between a few seconds and a minute to generate a valid key)
Once you have your key, create a site using the following curl
command:
curl -X POST \
https://smokeshow.helpmanual.io/create/ \
-H 'Authorisation:{generated-key-from-above}'
This should create a site and return a JSON object with details required to upload files to that site:
{
"message": "New site created successfully",
"secret_key": "... secret upload key ...",
"site_creation": "2021-03-13T18:36:44.419Z",
"site_expiration": "2021-04-12T18:36:44.419Z",
"sites_created_24h": 0,
"upload_expiration": "2021-03-13T19:36:44.419Z",
"url": "https://smokeshow.helpmanual.io/... 20 char random string .../"
}
You can then upload a file, again using curl
(here RESPONSE_JSON
refers to the response above):
curl -X POST \
'{RESPONSE_JSON.url}path-to-upload.html' \
-H 'Authorisation:{RESPONSE_JSON.secret_key}' \
-H 'Content-Type:text/html' \
--data-binary @file-to-upload.html
smokeshow doesn't have too many special features, most things are designed to be boringly predictable, But a few things warrant explanation.
The Content-Type
header in responses is not inferred by smokeshow, instead it's taken from the same
header in the upload request.
The following path equivalence is supported:
/path/to/file/
should return/path/to/file/index.html
or/path/to/file.html
or (less canonically)/path/to/file/index.json
- trailing slashes don't matter
smokeshow deploys sites at a random subdirectory (e.g. /3y4x0n6a200u2n6m316j/
) this works fine, but could occasionally
lead to problems with sites that assume they will be deployed at root (/
), we work round that problem by
inspecting the Referer
header and redirecting to the intended page.
Example of how this works:
- π The page
https://smokeshow.helpmanual.io/3y4x0n6a200u2n6m316j/foobar/
has a link to/another/
which of course we want to resolve tohttps://smokeshow.helpmanual.io/3y4x0n6a200u2n6m316j/another/
- π When a user clicks on the link, the browser loads
https://smokeshow.helpmanual.io/another/
- π― smokeshow catches this request, inspects the
Referer
headers and spots/3y4x0n6a200u2n6m316j/foobar/
- π€ smokeshow calculates that the request should be to
https://smokeshow.helpmanual.io/3y4x0n6a200u2n6m316j/another/
- βͺοΈ smokeshow returns a
307
redirect to that page - ποΈ the browser loads that page
- π user is happy
The following limits apply to usage of smokeshow:
- 200: maximum number of sites you can create a day with a given key
- 50 MB: maximum site size
- 25 MB: maximum size of a file - this is a limit of Cloudflare's KV store