mirror of https://github.com/sgoudham/carbon.git
remove
Sean Rabaut
6 years ago
parent
bc3d5e85a9
commit
d472434388
@ -1,7 +0,0 @@
|
||||
TWITTER_CONSUMER_KEY=
|
||||
TWITTER_CONSUMER_SECRET=
|
||||
TWITTER_ACCESS_TOKEN_KEY=
|
||||
TWITTER_ACCESS_TOKEN_SECRET=
|
||||
UNSPLASH_ACCESS_KEY=
|
||||
UNSPLASH_SECRET_KEY=
|
||||
UNSPLASH_CALLBACK_URL=
|
||||
@ -1,38 +0,0 @@
|
||||
FROM node:9-alpine
|
||||
|
||||
# Source https://github.com/GoogleChrome/puppeteer/blob/master/docs/troubleshooting.md
|
||||
# Installs latest Chromium package.
|
||||
ENV CHROME_BIN=/usr/bin/chromium-browser
|
||||
RUN apk update && apk upgrade && \
|
||||
echo @edge http://nl.alpinelinux.org/alpine/edge/community >> /etc/apk/repositories && \
|
||||
echo @edge http://nl.alpinelinux.org/alpine/edge/main >> /etc/apk/repositories && \
|
||||
apk add --no-cache \
|
||||
chromium@edge \
|
||||
nss@edge \
|
||||
freetype@edge \
|
||||
harfbuzz@edge
|
||||
|
||||
WORKDIR /app
|
||||
|
||||
COPY package.json ./
|
||||
COPY yarn.lock ./
|
||||
|
||||
# Tell Puppeteer to skip installing Chrome. We'll be using the installed package.
|
||||
ENV PUPPETEER_SKIP_CHROMIUM_DOWNLOAD true
|
||||
|
||||
RUN yarn
|
||||
|
||||
COPY . .
|
||||
|
||||
# Add user so we don't need --no-sandbox.
|
||||
RUN addgroup -S pptruser && adduser -S -g pptruser pptruser \
|
||||
&& mkdir -p /home/pptruser/Downloads \
|
||||
&& chown -R pptruser:pptruser /home/pptruser \
|
||||
&& chown -R pptruser:pptruser /app
|
||||
|
||||
# Run everything after as non-privileged user.
|
||||
USER pptruser
|
||||
|
||||
ENV NODE_ENV production
|
||||
EXPOSE 4000
|
||||
CMD [ "node", "server.js" ]
|
||||
@ -1,75 +0,0 @@
|
||||
/* global domtoimage */
|
||||
const ARBITRARY_WAIT_TIME = 250
|
||||
|
||||
module.exports = browser => async (req, res) => {
|
||||
const page = await browser.newPage()
|
||||
const { state } = req.body
|
||||
|
||||
if (!state) res.status(400).send('Invalid Request')
|
||||
|
||||
try {
|
||||
const path = require.resolve('dom-to-image')
|
||||
|
||||
await page.goto(`http://carbon.now.sh?state=${state}`)
|
||||
await page.addScriptTag({ path })
|
||||
|
||||
// wait for page to detect language
|
||||
await delay(ARBITRARY_WAIT_TIME)
|
||||
|
||||
const targetElement = await page.$('.export-container')
|
||||
|
||||
const dataUrl = await page.evaluate((target = document) => {
|
||||
const query = new URLSearchParams(document.location.search.slice(1))
|
||||
|
||||
const EXPORT_SIZES_HASH = {
|
||||
'1x': '1',
|
||||
'2x': '2',
|
||||
'4x': '4'
|
||||
}
|
||||
|
||||
const exportSize = EXPORT_SIZES_HASH[query.get('es')] || '2'
|
||||
|
||||
target.querySelectorAll('span[role="presentation"]').forEach(node => {
|
||||
if (node.innerText && node.innerText.match(/%\S\S/)) {
|
||||
node.innerText = encodeURIComponent(node.innerText)
|
||||
}
|
||||
})
|
||||
|
||||
const width = target.offsetWidth * exportSize
|
||||
const height = query.get('si')
|
||||
? target.offsetWidth * exportSize
|
||||
: target.offsetHeight * exportSize
|
||||
|
||||
const config = {
|
||||
style: {
|
||||
transform: `scale(${exportSize})`,
|
||||
'transform-origin': 'center',
|
||||
background: query.get('si') ? query.get('bg') : 'none'
|
||||
},
|
||||
filter: n => {
|
||||
if (n.className) {
|
||||
return String(n.className).indexOf('eliminateOnRender') < 0
|
||||
}
|
||||
return true
|
||||
},
|
||||
width,
|
||||
height
|
||||
}
|
||||
|
||||
return domtoimage.toPng(target, config)
|
||||
}, targetElement)
|
||||
|
||||
res.status(200).send(dataUrl)
|
||||
} catch (e) {
|
||||
// eslint-disable-next-line
|
||||
console.error(e)
|
||||
res.status(500).send()
|
||||
} finally {
|
||||
await page.close()
|
||||
}
|
||||
}
|
||||
|
||||
// private
|
||||
function delay(ms) {
|
||||
return new Promise(r => setTimeout(r, ms))
|
||||
}
|
||||
@ -1,44 +0,0 @@
|
||||
/*
|
||||
* See oEmbed standard here: https://oembed.com/
|
||||
*/
|
||||
const url = require('url')
|
||||
|
||||
const toIFrame = (url, width, height) =>
|
||||
`<iframe
|
||||
src="https://carbon.now.sh/embed${url}"
|
||||
style="transform:scale(0.7); width:${width}px; height:${height}px; border:0; overflow:hidden;"
|
||||
sandbox="allow-scripts allow-same-origin">
|
||||
</iframe>
|
||||
`
|
||||
|
||||
module.exports = (req, res) => {
|
||||
let embedUrl = req.query.url
|
||||
|
||||
try {
|
||||
embedUrl = decodeURIComponent(req.query.url)
|
||||
} catch (e) {
|
||||
// eslint-disable-next-line
|
||||
console.log(e)
|
||||
/* URL is already decoded */
|
||||
}
|
||||
|
||||
try {
|
||||
const { query } = url.parse(embedUrl)
|
||||
|
||||
const width = Math.min(Number(req.query.maxwidth) || Infinity, 1024)
|
||||
const height = Math.min(Number(req.query.maxheight) || Infinity, 473)
|
||||
|
||||
const obj = {
|
||||
version: '1.0',
|
||||
type: 'rich',
|
||||
provider_name: 'Carbon',
|
||||
width,
|
||||
height,
|
||||
html: toIFrame(`?${query}`, width, height)
|
||||
}
|
||||
|
||||
return res.json(obj)
|
||||
} catch (e) {
|
||||
return res.status(500).send()
|
||||
}
|
||||
}
|
||||
@ -1,70 +0,0 @@
|
||||
const Twitter = require('twit')
|
||||
const morph = require('morphmorph')
|
||||
|
||||
const RATE_LIMIT_CODE = 420
|
||||
const MAX_ALT_TEXT_LENGTH = 420
|
||||
|
||||
let client
|
||||
try {
|
||||
client = new Twitter({
|
||||
consumer_key: process.env.TWITTER_CONSUMER_KEY,
|
||||
consumer_secret: process.env.TWITTER_CONSUMER_SECRET,
|
||||
access_token: process.env.TWITTER_ACCESS_TOKEN_KEY,
|
||||
access_token_secret: process.env.TWITTER_ACCESS_TOKEN_SECRET
|
||||
})
|
||||
} catch (e) {
|
||||
// eslint-disable-next-line
|
||||
console.warn(e.message)
|
||||
}
|
||||
const extractMediaId = morph.get('data.media_id_string')
|
||||
const extractImageUrl = morph.get('data.entities.media.0.display_url')
|
||||
const extractErrorCode = morph.get('0.code')
|
||||
|
||||
const uploadImage = data => client.post('media/upload', { media_data: data })
|
||||
const uploadMetadata = (altText, twitterRes = {}) => {
|
||||
if (!altText) return twitterRes
|
||||
|
||||
const formattedAltText =
|
||||
altText.length > MAX_ALT_TEXT_LENGTH
|
||||
? `${altText.slice(0, MAX_ALT_TEXT_LENGTH - 3)}...`
|
||||
: altText
|
||||
|
||||
return client
|
||||
.post('media/metadata/create', {
|
||||
media_id: extractMediaId(twitterRes),
|
||||
alt_text: { text: formattedAltText }
|
||||
})
|
||||
.then(() => twitterRes)
|
||||
}
|
||||
const uploadTweet = (twitterRes = {}) =>
|
||||
client.post('statuses/update', {
|
||||
status: `Carbon Copy #${extractMediaId(twitterRes).slice(0, 8)}`,
|
||||
media_ids: extractMediaId(twitterRes)
|
||||
})
|
||||
|
||||
const respondSuccess = (res, url) => res.json({ url })
|
||||
const respondFail = (res, err) => {
|
||||
const errorCode = extractErrorCode(err)
|
||||
|
||||
// check for rate limit
|
||||
if (errorCode === RATE_LIMIT_CODE) {
|
||||
return res.status(420).send()
|
||||
}
|
||||
|
||||
// eslint-disable-next-line
|
||||
console.error(`Error: ${err.message || JSON.stringify(err, null, 2)}`)
|
||||
return res.status(500).send()
|
||||
}
|
||||
|
||||
module.exports = (req, res) => {
|
||||
if (!req.body.imageData) {
|
||||
return res.status(400).send()
|
||||
}
|
||||
|
||||
return uploadImage(req.body.imageData)
|
||||
.then(uploadMetadata.bind(null, req.body.altText))
|
||||
.then(uploadTweet)
|
||||
.then(extractImageUrl)
|
||||
.then(respondSuccess.bind(null, res))
|
||||
.catch(respondFail.bind(null, res))
|
||||
}
|
||||
@ -1,40 +0,0 @@
|
||||
require('isomorphic-fetch')
|
||||
const { default: Unsplash, toJson } = require('unsplash-js')
|
||||
|
||||
const WALLPAPER_COLLECTION_ID = 136026
|
||||
|
||||
const client = new Unsplash({
|
||||
applicationId: process.env.UNSPLASH_ACCESS_KEY,
|
||||
secret: process.env.UNSPLASH_SECRET_KEY,
|
||||
callbackUrl: process.env.UNSPLASH_CALLBACK_URL
|
||||
})
|
||||
|
||||
const parseImageResult = img => ({
|
||||
id: img.id,
|
||||
photographer: {
|
||||
name: img.user.name,
|
||||
profile_url: img.user.links.html
|
||||
},
|
||||
url: img.urls.small
|
||||
})
|
||||
|
||||
const getRandomImages = () =>
|
||||
client.photos
|
||||
.getRandomPhoto({
|
||||
collections: [WALLPAPER_COLLECTION_ID],
|
||||
count: 20
|
||||
})
|
||||
.then(toJson)
|
||||
.then(imgs => imgs.map(parseImageResult))
|
||||
|
||||
const downloadImage = imageId =>
|
||||
client.photos
|
||||
.getPhoto(imageId)
|
||||
.then(toJson)
|
||||
.then(client.photos.downloadPhoto)
|
||||
.then(toJson)
|
||||
|
||||
module.exports = {
|
||||
randomImages: (req, res) => getRandomImages().then(imgs => res.json(imgs)),
|
||||
downloadImage: (req, res) => downloadImage(req.params.imageId).then(url => res.json(url))
|
||||
}
|
||||
@ -1,24 +0,0 @@
|
||||
{
|
||||
"name": "carbon-api",
|
||||
"alias": "carbon-api.now.sh",
|
||||
"type": "docker",
|
||||
"public": true,
|
||||
"version": 1,
|
||||
"env": {
|
||||
"NODE_ENV": "production",
|
||||
"TWITTER_CONSUMER_KEY": "@twitter-consumer-key",
|
||||
"TWITTER_CONSUMER_SECRET": "@twitter-consumer-secret",
|
||||
"TWITTER_ACCESS_TOKEN_KEY": "@twitter-access-token-key",
|
||||
"TWITTER_ACCESS_TOKEN_SECRET": "@twitter-access-token-secret",
|
||||
"LOGS_SECRET_PREFIX": "@logs_secret_prefix",
|
||||
"UNSPLASH_SECRET_KEY": "@unsplash_secret_key",
|
||||
"UNSPLASH_ACCESS_KEY": "@unsplash_access_key",
|
||||
"UNSPLASH_CALLBACK_URL": "@unsplash_callback_url"
|
||||
},
|
||||
"features": {
|
||||
"cloud": "v1"
|
||||
},
|
||||
"github": {
|
||||
"autoAlias": false
|
||||
}
|
||||
}
|
||||
@ -1,25 +0,0 @@
|
||||
{
|
||||
"name": "carbon-api",
|
||||
"version": "0.0.0-semantically-released",
|
||||
"main": "index.js",
|
||||
"license": "MIT",
|
||||
"scripts": {
|
||||
"dev": "node server.js",
|
||||
"start": "node server.js",
|
||||
"deploy": "now"
|
||||
},
|
||||
"dependencies": {
|
||||
"body-parser": "^1.17.2",
|
||||
"compression": "^1.7.3",
|
||||
"cors": "^2.8.5",
|
||||
"dom-to-image": "^2.6.0",
|
||||
"express": "^4.16.4",
|
||||
"isomorphic-fetch": "^2.2.1",
|
||||
"morgan": "^1.9.1",
|
||||
"morphmorph": "^0.1.2",
|
||||
"now-logs": "^0.0.7",
|
||||
"puppeteer": "^1.10.0",
|
||||
"twit": "^2.2.9",
|
||||
"unsplash-js": "^4.8.0"
|
||||
}
|
||||
}
|
||||
@ -1,69 +0,0 @@
|
||||
const express = require('express')
|
||||
const cors = require('cors')
|
||||
const compression = require('compression')
|
||||
const morgan = require('morgan')
|
||||
const bodyParser = require('body-parser')
|
||||
const puppeteer = require('puppeteer')
|
||||
|
||||
const port = parseInt(process.env.PORT, 10) || 4000
|
||||
const dev = process.env.NODE_ENV !== 'production'
|
||||
|
||||
process.on('SIGINT', process.exit)
|
||||
|
||||
if (!dev) {
|
||||
const LOGS_ID = `${process.env.LOGS_SECRET_PREFIX}:${process.env.NOW_URL}`
|
||||
require('now-logs')(LOGS_ID)
|
||||
}
|
||||
|
||||
function wrap(handler) {
|
||||
return (req, res) =>
|
||||
handler(req, res).catch(err => {
|
||||
// eslint-disable-next-line
|
||||
console.log('ERR:', err)
|
||||
res.status(400).end()
|
||||
})
|
||||
}
|
||||
|
||||
const puppeteerParams = dev
|
||||
? {}
|
||||
: {
|
||||
executablePath: '/usr/bin/chromium-browser',
|
||||
args: ['--no-sandbox', '--disable-setuid-sandbox']
|
||||
}
|
||||
|
||||
puppeteer.launch(puppeteerParams).then(browser => {
|
||||
// set up
|
||||
const server = express()
|
||||
const imageHandler = require('./handlers/image')(browser)
|
||||
const unsplashHandler = require('./handlers/unsplash')
|
||||
const oembedHandler = require('./handlers/oembed')
|
||||
|
||||
if (dev) {
|
||||
server.use(morgan('tiny'))
|
||||
}
|
||||
|
||||
server.use(
|
||||
cors({
|
||||
origin(origin, callback) {
|
||||
return origin === 'https://carbon.now.sh' || !origin
|
||||
? callback(null, true)
|
||||
: callback(new Error('Not allowed by CORS'))
|
||||
}
|
||||
})
|
||||
)
|
||||
|
||||
server.use(compression())
|
||||
|
||||
// api endpoints
|
||||
server.post('/twitter', bodyParser.json({ limit: '5mb' }), require('./handlers/twitter'))
|
||||
server.post('/image', bodyParser.json({ limit: '5mb' }), wrap(imageHandler))
|
||||
server.get('/unsplash/random', wrap(unsplashHandler.randomImages))
|
||||
server.get('/unsplash/download/:imageId', wrap(unsplashHandler.downloadImage))
|
||||
server.all('/oembed', oembedHandler)
|
||||
|
||||
server.listen(port, '0.0.0.0', err => {
|
||||
if (err) throw err
|
||||
// eslint-disable-next-line
|
||||
console.log(`> Ready on http://localhost:${port}`)
|
||||
})
|
||||
})
|
||||
File diff suppressed because it is too large
Load Diff
Loading…
Reference in New Issue