Refactor vue library to not use dist folder in npm

.github/workflows/publish.yml

@@ -19,20 +19,20 @@ jobs:
           npm ci
           npm run build
 
-      # Check if the version already exists on npm
+      # Check if the vue-file-upload version already exists on npm
       - name: Check Version Existence
         id: check_version
         run: |
-          if npm show @canopassoftware/vue-file-upload@1.0.6; then
+          if npm show @canopassoftware/vue-file-upload@1.0.7; then
             echo "Version already published. Skipping npm publish."
             echo "::set-output name=skip_publish::true"
           else
             echo "::set-output name=skip_publish::false"
           fi
 
-      # Publish only if the version check passed
+      # Publish only if the vue-file-upload version check passed
       - name: Publish to npm
-        if: steps.check_version.outputs.skip_publish != 'true'
+        if: steps.check_version.outputs.skip_publish != true
         run: npm publish --access public
         env:
           NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
@@ -50,7 +50,7 @@ jobs:
           npm ci
           npm run build
 
-      # Check if the version already exists on npm
+      # Check if the react-file-upload version already exists on npm
       - name: Check Version Existence
         id: check_version
         run: |
@@ -61,9 +61,9 @@ jobs:
             echo "::set-output name=skip_publish::false"
           fi
 
-      # Publish only if the version check passed
+      # Publish only if the react-file-upload version check passed
       - name: Publish to npm
-        if: steps.check_version.outputs.skip_publish != 'true'
+        if: steps.check_version.outputs.skip_publish != true
         run: npm publish --access public
         env:
           NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}

README.md

@@ -172,4 +172,4 @@ This project is licensed under the [MIT](https://github.com/canopas/web-file-upl
 
 ## Contact Information
 
-Vue file upload is owned and maintained by the [Canopas team](https://canopas.com/). You can reach out them on Github at [canopas](https://github.com/canopas) for questions or need support.
+Web file upload is owned and maintained by the [Canopas team](https://canopas.com/). You can reach out them on Github at [canopas](https://github.com/canopas) for questions or need support.

vue/.gitignore

@@ -25,4 +25,9 @@ coverage
 *.ntvs*
 *.njsproj
 *.sln
-*.sw?
+*.sw?
+
+index.mjs
+index.umd.js
+favicon.ico
+style.css

vue/README.md

@@ -122,7 +122,7 @@ import { SingleFileUpload, MultipleFileUpload } from '@canopassoftware/vue-file-
 - Use `style.css` for UI by importing like,
 
 ```js
-import "@canopassoftware/vue-file-upload/dist/style.css"
+import "@canopassoftware/vue-file-upload/style.css"
 ```
 
 ### Creating custom UI with file preview

vue/examples/CanvasView.vue

@@ -117,6 +117,7 @@
 </template>
 
 <script lang="ts">
+import "@canopassoftware/vue-file-upload/style.css"
 import { SingleFileUpload, MultipleFileUpload } from '@canopassoftware/vue-file-upload'
 
 export default {

vue/examples/LongSquareView.vue

@@ -95,6 +95,7 @@
 </template>
 
 <script lang="ts">
+import "@canopassoftware/vue-file-upload/style.css"
 import { SingleFileUpload, MultipleFileUpload } from '@canopassoftware/vue-file-upload'
 
 export default {

vue/examples/RoundView.vue

@@ -108,6 +108,7 @@
 </template>
 
 <script lang="ts">
+import "@canopassoftware/vue-file-upload/style.css"
 import { SingleFileUpload, MultipleFileUpload } from '@canopassoftware/vue-file-upload'
 
 export default {

vue/examples/SquareView.vue

@@ -108,6 +108,7 @@
 </template>
 
 <script lang="ts">
+import "@canopassoftware/vue-file-upload/style.css"
 import { SingleFileUpload, MultipleFileUpload } from '@canopassoftware/vue-file-upload'
 
 export default {

vue/examples/demo/package.json

@@ -12,7 +12,7 @@
     "format": "prettier --write src/"
   },
   "dependencies": {
-    "@canopassoftware/vue-file-upload": "^1.0.3",
+    "@canopassoftware/vue-file-upload": "^1.0.7",
     "vue": "^3.3.4",
     "vue-router": "^4.2.5"
   },

vue/examples/demo/src/main.ts

@@ -2,6 +2,7 @@ import { createApp } from 'vue'
 import App from './App.vue'
 import router from './router'
 
+import "@canopassoftware/vue-file-upload/style.css"
 import { SingleFileUpload, MultipleFileUpload } from '@canopassoftware/vue-file-upload'
 
 const app = createApp(App)

vue/examples/demo/src/views/IndexView.vue

@@ -120,14 +120,8 @@
 </template>
 
 <script lang="ts">
-import { SingleFileUpload, MultipleFileUpload } from '@canopassoftware/vue-file-upload'
-
 export default {
   name: 'IndexView',
-  components: {
-    MultipleFileUpload,
-    SingleFileUpload
-  },
   data() {
     return {
       uploadedFile: {} as {

vue/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@canopassoftware/vue-file-upload",
-  "version": "1.0.6",
+  "version": "1.0.7",
   "description": "Show the preview of file and manage files data to upload",
-  "main": "./dist/index.umd.js",
+  "main": "index.umd.js",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/canopas/file-upload-web-frontend.git"
@@ -22,7 +22,7 @@
   "homepage": "https://github.com/canopas/file-upload-web-frontend#readme",
   "scripts": {
     "dev": "tailwindcss -i ./src/input.css -o ./dist/output.css && vite",
-    "build": "npm run build-css && vite build",
+    "build": "npm run build-css && vite build && cp -r ./dist/* ./",
     "preview": "vite preview",
     "build-only": "vite build",
     "type-check": "vue-tsc --noEmit -p tsconfig.app.json --composite false",
@@ -60,5 +60,11 @@
   },
   "directories": {
     "example": "examples"
-  }
+  },
+  "files": [
+    "./index.mjs",
+    "./index.umd.js",
+    "./style.css",
+    "./favicon.ico"
+  ]
 }