Fixes #497 by adding support for an optional new env variable, S3_BUCKET_URL_BASE

Author: francisli

client/modules/IDE/actions/uploader.js

@@ -2,7 +2,8 @@ import axios from 'axios';
 import { createFile } from './files';
 
 const textFileRegex = /(text\/|application\/json)/;
-const s3BucketHttps = `https://s3-${process.env.AWS_REGION}.amazonaws.com/${process.env.S3_BUCKET}/`;
+const s3BucketHttps = process.env.S3_BUCKET_URL_BASE ||
+                      `https://s3-${process.env.AWS_REGION}.amazonaws.com/${process.env.S3_BUCKET}/`;
 const ROOT_URL = process.env.API_URL;
 const MAX_LOCAL_FILE_SIZE = 80000; // bytes, aka 80 KB
 

client/modules/IDE/components/FileUploader.jsx

@@ -4,7 +4,8 @@ import { bindActionCreators } from 'redux';
 import { connect } from 'react-redux';
 import * as UploaderActions from '../actions/uploader';
 
-const s3Bucket = `https://s3-${process.env.AWS_REGION}.amazonaws.com/${process.env.S3_BUCKET}/`;
+const s3Bucket = process.env.S3_BUCKET_URL_BASE ||
+                 `https://s3-${process.env.AWS_REGION}.amazonaws.com/${process.env.S3_BUCKET}/`;
 
 class FileUploader extends React.Component {
   componentDidMount() {

index.js

@@ -4,5 +4,11 @@ if (process.env.NODE_ENV === 'production') {
 }
 require('babel-register');
 require('babel-polyfill');
-require('dotenv').config();
-require('./server/server');
+let parsed = require('dotenv').config();
+//// in development, let .env values override those in the environment already (i.e. in docker-compose.yml)
+if (process.env.NODE_ENV === 'development') {
+  for (let key in parsed) {
+    process.env[key] = parsed[key];
+  }
+}
+require('./server/server');

server/controllers/aws.controller.js

@@ -17,7 +17,8 @@ const client = s3.createClient({
   },
 });
 
-const s3Bucket = `https://s3-${process.env.AWS_REGION}.amazonaws.com/${process.env.S3_BUCKET}/`;
+const s3Bucket = process.env.S3_BUCKET_URL_BASE ||
+                 `https://s3-${process.env.AWS_REGION}.amazonaws.com/${process.env.S3_BUCKET}/`;
 
 function getExtension(filename) {
   const i = filename.lastIndexOf('.');

server/migrations/s3UnderUser.js

@@ -15,8 +15,8 @@ let client = s3.createClient({
   maxAsyncS3: 20,
   s3RetryCount: 3,
   s3RetryDelay: 1000,
-  multipartUploadThreshold: 20971520, // this is the default (20 MB) 
-  multipartUploadSize: 15728640, // this is the default (15 MB) 
+  multipartUploadThreshold: 20971520, // this is the default (20 MB)
+  multipartUploadSize: 15728640, // this is the default (15 MB)
   s3Options: {
     accessKeyId: `${process.env.AWS_ACCESS_KEY}`,
     secretAccessKey: `${process.env.AWS_SECRET_KEY}`,
@@ -43,7 +43,8 @@ Project.find({}, (err, projects) => {
             console.log(err);
           })
           .on('end', () => {
-            file.url = `https://s3-${process.env.AWS_REGION}.amazonaws.com/${process.env.S3_BUCKET}/${userId}/${key}`;
+            file.url = (process.env.S3_BUCKET_URL_BASE ||
+                        `https://s3-${process.env.AWS_REGION}.amazonaws.com/${process.env.S3_BUCKET}`) + `/${userId}/${key}`;
             project.save((err, savedProject) => {
               console.log(`updated file ${key}`);
             });
@@ -54,4 +55,4 @@ Project.find({}, (err, projects) => {
       }
     });
   });
-});
+});

webpack.config.dev.js

@@ -41,6 +41,7 @@ module.exports = {
           JSON.stringify(false),
         'NODE_ENV': JSON.stringify('development'),
         'S3_BUCKET': '"' + process.env.S3_BUCKET + '"',
+        'S3_BUCKET_URL_BASE': '"' + process.env.S3_BUCKET_URL_BASE + '"',
         'AWS_REGION': '"' + process.env.AWS_REGION + '"',
       }
     })

webpack.config.prod.js

@@ -82,6 +82,7 @@ module.exports = {
         'API_URL': '"' + process.env.API_URL + '"',
         'NODE_ENV': JSON.stringify('production'),
         'S3_BUCKET': '"' + process.env.S3_BUCKET + '"',
+        'S3_BUCKET_URL_BASE': '"' + process.env.S3_BUCKET_URL_BASE + '"',
         'AWS_REGION': '"' + process.env.AWS_REGION + '"'
       }
     }),