release 0.1.8, still much to work

omarefg · Sep 10, 2019 · 89721e5 · 89721e5
2 parents 73f866e + da99fb0
commit 89721e5
Show file tree

Hide file tree

Showing 21 changed files with 10,848 additions and 46 deletions.
diff --git a/.babelrc b/.babelrc
@@ -0,0 +1,10 @@
+{
+    "presets": [
+        "@babel/preset-env",
+        "@babel/preset-react"
+    ],
+    "plugins": [
+        "@babel/plugin-proposal-object-rest-spread",
+        "@babel/plugin-transform-react-jsx"
+    ]
+}
diff --git a/.eslintignore b/.eslintignore
@@ -1 +1,2 @@
-node_modules/**/*
+node_modules/**/*
+lib/
diff --git a/.gitignore b/.gitignore
@@ -60,6 +60,6 @@ typings/
 # next.js build output
 .next
 
-# package-lock.json
+# Lib
 
-package-lock.json
+lib/
diff --git a/example/App.js b/example/App.js
@@ -0,0 +1,66 @@
+import React from 'react'
+import Viewer from '../lib'
+
+import jpg from './samples/sample.jpeg'
+import jpg360 from './samples/sample360.jpg'
+import docx from './samples/sample.docx'
+import pdf from './samples/sample.pdf'
+import csv from './samples/sample.csv'
+import xlsx from './samples/sample.xlsx'
+import mp3 from './samples/sample.mp3'
+import mp4 from './samples/sample.mp4'
+import png from './samples/sample.png'
+
+export const App = () => {
+    return (
+        <div>
+            <h1>PNG</h1>
+            <Viewer
+                type='png'
+                path={png}
+            />
+            <h1>JPG</h1>
+            <Viewer
+                type='jpg'
+                path={jpg}
+            />
+            <h1>JPG 360</h1>
+            <Viewer
+                type='jpg'
+                path={jpg360}
+                width={500}
+                height={500}
+            />
+            <h1>DOCX</h1>
+            <Viewer
+                type='docx'
+                path={docx}
+            />
+            <h1>PDF</h1>
+            <Viewer
+                type='pdf'
+                path={pdf}
+            />
+            <h1>CSV</h1>
+            <Viewer
+                type='csv'
+                path={csv}
+            />
+            <h1>XLSX</h1>
+            <Viewer
+                type='xlsx'
+                path={xlsx}
+            />
+            <h1>MP3</h1>
+            <Viewer
+                type='mp3'
+                path={mp3}
+            />
+            <h1>MP4</h1>
+            <Viewer
+                type='mp4'
+                path={mp4}
+            />
+        </div>
+    )
+}
diff --git a/example/index.html b/example/index.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta name="theme-color" content="#000000" />
+    <title>React File Preview</title>
+  </head>
+  <body>
+    <noscript>You need to enable JavaScript to run this app.</noscript>
+    <div id="root"></div>
+    </body>
+</html>
diff --git a/example/index.js b/example/index.js
@@ -0,0 +1,6 @@
+import '@babel/polyfill'
+import React from 'react'
+import ReactDOM from 'react-dom'
+import { App } from './App'
+
+ReactDOM.render(<App/>, document.getElementById('root'))
diff --git a/example/samples/sample.csv b/example/samples/sample.csv
@@ -0,0 +1,11 @@
+Year,Crime Index Ranking ,City,Rate
+2009,1,New York,2242.1
+2009,2,San Jose,2745.7
+2009,3,San Diego,2903.7
+2009,4,Los Angeles,3074
+2009,5,Las Vegas,4407.7
+2009,6,Phoenix,4654.3
+2009,7,Philadelphia,4849.5
+2009,8,Dallas,4407.7
+2009,9,Houston,6444.2
+2009,10,San Antonio,7241.6
diff --git a/example/samples/sample.docx b/example/samples/sample.docx
diff --git a/example/samples/sample.jpeg b/example/samples/sample.jpeg
diff --git a/example/samples/sample.mp3 b/example/samples/sample.mp3
diff --git a/example/samples/sample.mp4 b/example/samples/sample.mp4
diff --git a/example/samples/sample.pdf b/example/samples/sample.pdf
diff --git a/example/samples/sample.png b/example/samples/sample.png
diff --git a/example/samples/sample.xlsx b/example/samples/sample.xlsx
diff --git a/example/samples/sample360.jpg b/example/samples/sample360.jpg