From 892c7480f4f33e110ac794a43295581826dd4538 Mon Sep 17 00:00:00 2001
From: cp-dharti-r <dharti.r@canopas.com>
Date: Thu, 11 Jan 2024 10:23:51 +0530
Subject: [PATCH] Refactor vue library to not use dist folder in npm

---
 .github/workflows/publish.yml             | 14 +++++++-------
 README.md                                 |  2 +-
 vue/.gitignore                            |  7 ++++++-
 vue/README.md                             |  2 +-
 vue/examples/CanvasView.vue               |  1 +
 vue/examples/LongSquareView.vue           |  1 +
 vue/examples/RoundView.vue                |  1 +
 vue/examples/SquareView.vue               |  1 +
 vue/examples/demo/package-lock.json       |  8 ++++----
 vue/examples/demo/package.json            |  2 +-
 vue/examples/demo/src/main.ts             |  1 +
 vue/examples/demo/src/views/IndexView.vue |  6 ------
 vue/package.json                          | 14 ++++++++++----
 13 files changed, 35 insertions(+), 25 deletions(-)

diff --git a/.github/workflows/publish.yml b/.github/workflows/publish.yml
index 65b1df9..b2675d7 100644
--- a/.github/workflows/publish.yml
+++ b/.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 }}
diff --git a/README.md b/README.md
index 705bac8..53b1450 100644
--- a/README.md
+++ b/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.
diff --git a/vue/.gitignore b/vue/.gitignore
index 712cc3c..3fcff35 100644
--- a/vue/.gitignore
+++ b/vue/.gitignore
@@ -25,4 +25,9 @@ coverage
 *.ntvs*
 *.njsproj
 *.sln
-*.sw?
\ No newline at end of file
+*.sw?
+
+index.mjs
+index.umd.js
+favicon.ico
+style.css
\ No newline at end of file
diff --git a/vue/README.md b/vue/README.md
index 042bcf7..f53d287 100644
--- a/vue/README.md
+++ b/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
diff --git a/vue/examples/CanvasView.vue b/vue/examples/CanvasView.vue
index a006ed9..52318fe 100644
--- a/vue/examples/CanvasView.vue
+++ b/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 {
diff --git a/vue/examples/LongSquareView.vue b/vue/examples/LongSquareView.vue
index 8e7d919..f765c5a 100644
--- a/vue/examples/LongSquareView.vue
+++ b/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 {
diff --git a/vue/examples/RoundView.vue b/vue/examples/RoundView.vue
index 3bb8b6b..b0c65f3 100644
--- a/vue/examples/RoundView.vue
+++ b/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 {
diff --git a/vue/examples/SquareView.vue b/vue/examples/SquareView.vue
index edf943a..d213d52 100644
--- a/vue/examples/SquareView.vue
+++ b/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 {
diff --git a/vue/examples/demo/package-lock.json b/vue/examples/demo/package-lock.json
index 5fab1f2..857e184 100644
--- a/vue/examples/demo/package-lock.json
+++ b/vue/examples/demo/package-lock.json
@@ -8,7 +8,7 @@
       "name": "test-vue-file-upload",
       "version": "0.0.0",
       "dependencies": {
-        "@canopassoftware/vue-file-upload": "^1.0.3",
+        "@canopassoftware/vue-file-upload": "^1.0.7",
         "vue": "^3.3.4",
         "vue-router": "^4.2.5"
       },
@@ -229,9 +229,9 @@
       }
     },
     "node_modules/@canopassoftware/vue-file-upload": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/@canopassoftware/vue-file-upload/-/vue-file-upload-1.0.3.tgz",
-      "integrity": "sha512-HkKbXRWgWjMkmCNxVgnSINMgojDvFuRCAi1sCm66DdYlaBSzBfycDzimE7oSNRD2wluc5oQp/7wx8VHG0IOdLQ==",
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/@canopassoftware/vue-file-upload/-/vue-file-upload-1.0.7.tgz",
+      "integrity": "sha512-LpYpTyYj6NeLmW5wJvWX39KvFHKiBtnuQxKuET5T6vMgaavcI0qHhwVe7e1fYRCaFs9Q/3lBCMfQMwcuNSfpOg==",
       "dependencies": {
         "vue": "^3.3.4",
         "vue-router": "^4.2.4"
diff --git a/vue/examples/demo/package.json b/vue/examples/demo/package.json
index f26417c..736a6e4 100644
--- a/vue/examples/demo/package.json
+++ b/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"
   },
diff --git a/vue/examples/demo/src/main.ts b/vue/examples/demo/src/main.ts
index bc71350..aeb8878 100644
--- a/vue/examples/demo/src/main.ts
+++ b/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)
diff --git a/vue/examples/demo/src/views/IndexView.vue b/vue/examples/demo/src/views/IndexView.vue
index 546194c..03d5e36 100644
--- a/vue/examples/demo/src/views/IndexView.vue
+++ b/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 {
diff --git a/vue/package.json b/vue/package.json
index c5baf48..1a97239 100644
--- a/vue/package.json
+++ b/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"
+  ]
 }