Merge pull request #27 from adam-gray/master

Add support for IBM Cloud Object Storage

Author: qoomon

README.md

@@ -23,6 +23,7 @@ Single HTML file to browse AWS S3 buckets
       //   * https://s3.BUCKET-REGION.amazonaws.com/BUCKET-NAME/index.html
       //   * http://BUCKET-NAME.s3-website-BUCKET-REGION.amazonaws.com/index.html
       //   * https://storage.googleapis.com/BUCKET-NAME/index.html
+      //   * https://BUCKET-NAME.s3-web.BUCKET-REGION.cloud-object-storage.appdomain.cloud/
       // If bucketUrl is set manually, ensure this is the bucket Rest API URL, e.g.
       //   * https://s3.BUCKET-REGION.amazonaws.com/BUCKET-NAME
       //   * https://storage.googleapis.com/BUCKET-NAME
@@ -109,3 +110,20 @@ If you use CloudFront in upfront of your S3 bucket ensure following CloudFront s
   - `Access-Control-Request-Method`
   - `Origin`
 - Query String Forwarding and Caching: `Forward all`
+
+### IBM Cloud Object Storage Setup
+IBM Cloud Object storage only supports virtual host-style addressing, i.e. `https://<bucket-name>s3-web.<region>.cloud-object-storage.appdomain.cloud/` for static website hosting. Otherwise follow the instructions
+in this [tutorial](https://cloud.ibm.com/docs/cloud-object-storage?topic=cloud-object-storage-static-website-tutorial) to configure your bucket. In addition, you may need to [configure CORS](https://cloud.ibm.com/docs/cloud-object-storage?topic=cloud-object-storage-curl#curl-new-cors) for your bucket.
+
+```
+<CORSConfiguration>
+  <CORSRule>
+      <AllowedOrigin>*</AllowedOrigin>
+      <AllowedMethod>GET</AllowedMethod>
+      <AllowedHeader>*</AllowedHeader>
+  </CORSRule>
+</CORSConfiguration>
+```
+
+A example deployment is available [here](https://s3-bucket-browser-demo.s3-web.us-south.cloud-object-storage.appdomain.cloud/).
+

index.html

@@ -18,6 +18,7 @@
       //   * https://s3.BUCKET-REGION.amazonaws.com/BUCKET-NAME/index.html
       //   * http://BUCKET-NAME.s3-website-BUCKET-REGION.amazonaws.com/index.html
       //   * https://storage.googleapis.com/BUCKET-NAME/index.html
+      //   * https://BUCKET-NAME.s3-web.BUCKET-REGION.cloud-object-storage.appdomain.cloud/
       // If bucketUrl is set manually, ensure this is the bucket Rest API URL, e.g.
       //   * https://s3.BUCKET-REGION.amazonaws.com/BUCKET-NAME
       //   * https://storage.googleapis.com/BUCKET-NAME
@@ -298,6 +299,11 @@ <h2 class="subtitle">{{config.subtitle}}</h2>
       // check for urls like https://storage.googleapis.com/example-bucket/index.html
       match = config.bucketUrl.match(/(?<protocol>[^:]+):\/\/storage\.googleapis\.com\/(?<name>[^.]+)/)
     }
+    if (!match) {
+      type = 'IBM'
+      // check for urls like http://example-bucket.s3-web.us-south.cloud-object-storage.appdomain.cloud/index.html
+      match = config.bucketUrl.match(/(?<protocol>[^:]+):\/\/(?<name>[^.]+)\.s3-web\.(?<region>[^.]+)\.cloud-object-storage\.appdomain\.cloud/)
+    }
 
     if (match) {
       switch (type) {
@@ -307,6 +313,9 @@ <h2 class="subtitle">{{config.subtitle}}</h2>
         case 'GCP':
           config.bucketUrl = `${match.groups.protocol}://storage.googleapis.com/${match.groups.name}`
           break;
+        case 'IBM':
+          config.bucketUrl = `${match.groups.protocol}://${match.groups.name}.s3.${match.groups.region}.cloud-object-storage.appdomain.cloud/`
+          break;
       }  
     }