Development has been greatly simplified
- If this is the first time using the repo run
npm install
- Run
npm run watch:develop
to start local development
If you wish to run this on your own server copy the repo and do the following:
- Copy
env.json.example
toenv.json
- Add your api key to
env.json
- For first time use, run
npm install
- For subsequent use, run
npm run fetch
- Files then are written to
public/outputs/
once per day (you may need to create this folder)
- Html and client side js is stored inside
public
- In the local repo you will need to update the url stored in
env.ts
- You can set the desired quality of the images by adding
@._V1_UX1000_CR0,6,1000,1375.jpg
to the end of the request url. - The parameters appear to be as follows (after randomly testing):
- UX How high res the image should be (assuming dpi)
- CR0,6 appears to control cropping in some way, increasing the second number moves the image down?
- The final two appear to be setting the aspect ratio, I have found best results to be to have the first number match the UX number (otherwise you end up with white where the image does not fit or a cropped image)
Because react router pushes /the-new-page
to the end of the URL, if you refresh the link, apache does not know where to send you.
The solution seems to be to get the app to redirect you back to index.html
always so that the router can take care of it.
The following URLs helped to solve this issue:
Editing the .htaccess correctly
Knowing which .conf file to edit
Thanks to this the following link should take you to the film "nobody"
Solved by following: this guide
And adding
Header set Access-Control-Allow-Origin "*"
to the .conf
and restarting
Setting the following in 000-default-le-ssl.conf
ProxyPreserveHost On
ProxyPass /ext http://localhost:4000
ProxyPassReverse /ext http://localhost:4000
Will make it so any requests to https://www.uploadr.co.uk/ext
are sent to http://localhost:4000
(Where CacheMeIfYouCan is running)