Remove babel. Update vite configs. (#70)

johndatserakis · Mar 18, 2023 · 2d0239c · 2d0239c
1 parent edf485f
commit 2d0239c
Show file tree

Hide file tree

Showing 88 changed files with 4,852 additions and 8,456 deletions.
diff --git a/.babelrc b/.babelrc
diff --git a/.nvmrc b/.nvmrc
@@ -1 +1 @@
-14.17.6
+16.17.0
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,5 +1,12 @@
 # CHANGELOG.md
 
+## 6.0.0
+
+- Use vite for serving app and building library
+- Remove rollup
+- Remove babel
+- Update package.json exports
+
 ## 5.0.8
 
 - Fix index bug. Thank you @tasinttttttt.

diff --git a/README.md b/README.md
@@ -33,7 +33,7 @@ Or, you can include it through the browser.
 <link
   rel="stylesheet"
   type="text/css"
-  href="https://unpkg.com/file-upload-with-preview/dist/file-upload-with-preview.min.css"
+  href="https://unpkg.com/file-upload-with-preview/dist/style.css"
 />
 
 <script src="https://unpkg.com/file-upload-with-preview/dist/file-upload-with-preview.iife.js"></script>
@@ -43,11 +43,11 @@ Or, you can include it through the browser.
 
 This is a simple frontend utility meant to help the file-upload process on your website.
 
-It is written in pure JavaScript and has no dependencies. You can check out the live demo [here](https://johndatserakis.github.io/file-upload-with-preview).
+It is written in pure JavaScript using TypeScript and has no dependencies. You can check out the live demo [here](https://johndatserakis.github.io/file-upload-with-preview).
 
 For the most part, browsers do a good job of handling image-uploads. That being said - I find the ability to show our users a preview of their upload can go a long way in increasing the confidence in their upload.
 
-file-upload-with-preview aims to address the issue of showing a preview of a user's uploaded image in a simple to use package.
+`file-upload-with-preview` aims to address the issue of showing a preview of a user's uploaded image in a simple to use package.
 
 ## Features
 
@@ -63,16 +63,16 @@ file-upload-with-preview aims to address the issue of showing a preview of a use
 This library looks for a specific HTML element to display the file-upload. Simply add the below `div` to your HTML. Make sure to populate your unique id in the `data-upload-id` attribute.
 
 ```html
-<div class="custom-file-container" data-upload-id="myFirstImage"></div>
+<div class="custom-file-container" data-upload-id="my-unique-id"></div>
 ```
 
 Then, initialize your file-upload in the JavaScript like below:
 
 ```javascript
 import { FileUploadWithPreview } from 'file-upload-with-preview';
-import 'file-upload-with-preview/dist/file-upload-with-preview.min.css';
+import 'file-upload-with-preview/dist/style.css';
 
-const upload = new FileUploadWithPreview('myFirstImage');
+const upload = new FileUploadWithPreview('my-unique-id');
 ```
 
 If you're importing directly in the browser, use the following instead:
@@ -85,11 +85,11 @@ If you're importing directly in the browser, use the following instead:
     <link
       rel="stylesheet"
       type="text/css"
-      href="https://unpkg.com/file-upload-with-preview/dist/file-upload-with-preview.min.css"
+      href="https://unpkg.com/file-upload-with-preview/dist/style.css"
     />
   </head>
   <body>
-    <div class="custom-file-container" data-upload-id="myFirstImage"></div>
+    <div class="custom-file-container" data-upload-id="my-unique-id"></div>
     <script src="https://unpkg.com/file-upload-with-preview"></script>
   </body>
 </html>
@@ -98,7 +98,7 @@ If you're importing directly in the browser, use the following instead:
 Then initialize like this:
 
 ```javascript
-const upload = new FileUploadWithPreview.FileUploadWithPreview('myFirstImage');
+const upload = new FileUploadWithPreview.FileUploadWithPreview('my-unique-id');
 ```
 
 Then when you're ready to use the user's file for an API call or whatever, just access the user's uploaded file/files in the `cachedFileArray` property of your initialized object like this:

diff --git a/dist/types/src/constants/events.d.ts → dist/constants/events.d.ts b/dist/types/src/constants/events.d.ts → dist/constants/events.d.ts
diff --git a/dist/constants/events.d.ts.map b/dist/constants/events.d.ts.map
diff --git a/dist/types/src/constants/file.d.ts → dist/constants/file.d.ts b/dist/types/src/constants/file.d.ts → dist/constants/file.d.ts
diff --git a/dist/constants/file.d.ts.map b/dist/constants/file.d.ts.map
diff --git a/dist/types/src/constants/images.d.ts → dist/constants/images.d.ts b/dist/types/src/constants/images.d.ts → dist/constants/images.d.ts
diff --git a/dist/constants/images.d.ts.map b/dist/constants/images.d.ts.map
diff --git a/dist/types/src/constants/style.d.ts → dist/constants/style.d.ts b/dist/types/src/constants/style.d.ts → dist/constants/style.d.ts
diff --git a/dist/constants/style.d.ts.map b/dist/constants/style.d.ts.map
diff --git a/dist/types/src/constants/text.d.ts → dist/constants/text.d.ts b/dist/types/src/constants/text.d.ts → dist/constants/text.d.ts
diff --git a/dist/constants/text.d.ts.map b/dist/constants/text.d.ts.map
diff --git a/dist/file-upload-with-preview.cjs b/dist/file-upload-with-preview.cjs
diff --git a/dist/file-upload-with-preview.cjs.js b/dist/file-upload-with-preview.cjs.js
diff --git a/dist/types/src/file-upload-with-preview.d.ts → dist/file-upload-with-preview.d.ts b/dist/types/src/file-upload-with-preview.d.ts → dist/file-upload-with-preview.d.ts
@@ -56,7 +56,7 @@ export interface Images {
      */
     successVideoImage?: string;
 }
-export declare type PresetFiles = string[];
+export type PresetFiles = string[];
 /**
  * Options to customize the library
  */
@@ -100,7 +100,7 @@ export interface Options {
      */
     text?: Text;
 }
-export declare type RequiredOptions = Required<Options> & {
+export type RequiredOptions = Required<Options> & {
     images: Required<Images>;
     text: Required<Text>;
 };

diff --git a/dist/file-upload-with-preview.d.ts.map b/dist/file-upload-with-preview.d.ts.map
diff --git a/dist/file-upload-with-preview.esm.js b/dist/file-upload-with-preview.esm.js
diff --git a/dist/file-upload-with-preview.iife.js b/dist/file-upload-with-preview.iife.js
diff --git a/dist/file-upload-with-preview.jpg b/dist/file-upload-with-preview.jpg
diff --git a/dist/file-upload-with-preview.js b/dist/file-upload-with-preview.js
diff --git a/dist/file-upload-with-preview.min.css b/dist/file-upload-with-preview.min.css
diff --git a/dist/types/src/index.d.ts → dist/index.d.ts b/dist/types/src/index.d.ts → dist/index.d.ts
@@ -1,4 +1,3 @@
-import './index.scss';
 export * from './constants/events';
 export * from './constants/images';
 export * from './file-upload-with-preview';

diff --git a/dist/index.d.ts.map b/dist/index.d.ts.map
diff --git a/dist/style.css b/dist/style.css
diff --git a/dist/types/src/types/events.d.ts → dist/types/events.d.ts b/dist/types/src/types/events.d.ts → dist/types/events.d.ts
diff --git a/dist/types/events.d.ts.map b/dist/types/events.d.ts.map
diff --git a/dist/types/example/index.d.ts b/dist/types/example/index.d.ts
diff --git a/dist/types/example/index.d.ts.map b/dist/types/example/index.d.ts.map
diff --git a/dist/types/jest/constants/file.d.ts b/dist/types/jest/constants/file.d.ts
diff --git a/dist/types/jest/constants/file.d.ts.map b/dist/types/jest/constants/file.d.ts.map
diff --git a/dist/types/src/constants/events.d.ts.map b/dist/types/src/constants/events.d.ts.map
diff --git a/dist/types/src/constants/file.d.ts.map b/dist/types/src/constants/file.d.ts.map
diff --git a/dist/types/src/constants/images.d.ts.map b/dist/types/src/constants/images.d.ts.map
diff --git a/dist/types/src/constants/style.d.ts.map b/dist/types/src/constants/style.d.ts.map
diff --git a/dist/types/src/constants/text.d.ts.map b/dist/types/src/constants/text.d.ts.map
diff --git a/dist/types/src/file-upload-with-preview.d.ts.map b/dist/types/src/file-upload-with-preview.d.ts.map
diff --git a/dist/types/src/file-upload-with-preview.spec.d.ts b/dist/types/src/file-upload-with-preview.spec.d.ts
diff --git a/dist/types/src/file-upload-with-preview.spec.d.ts.map b/dist/types/src/file-upload-with-preview.spec.d.ts.map
diff --git a/dist/types/src/index.d.ts.map b/dist/types/src/index.d.ts.map
diff --git a/dist/types/src/types/events.d.ts.map b/dist/types/src/types/events.d.ts.map
diff --git a/dist/types/src/utils/file.d.ts.map b/dist/types/src/utils/file.d.ts.map
diff --git a/dist/types/src/utils/file.d.ts → dist/utils/file.d.ts b/dist/types/src/utils/file.d.ts → dist/utils/file.d.ts
diff --git a/dist/utils/file.d.ts.map b/dist/utils/file.d.ts.map
diff --git a/docs/assets/custom-image.de30ffc0.svg → docs/assets/custom-image-de30ffc0.svg b/docs/assets/custom-image.de30ffc0.svg → docs/assets/custom-image-de30ffc0.svg
diff --git a/docs/assets/index-4b89c21a.js b/docs/assets/index-4b89c21a.js
diff --git a/docs/assets/index.76576745.css → docs/assets/index-a34acb04.css b/docs/assets/index.76576745.css → docs/assets/index-a34acb04.css
diff --git a/docs/assets/index.27d13032.js b/docs/assets/index.27d13032.js