mango-cms 0.2.12 → 0.2.14

package/default/package.json

@@ -7,6 +7,9 @@
         "preview": "vite preview",
         "mango": "mango"
     },
+    "resolutions": {
+        "strip-ansi": "^6.0.1"
+    },
     "dependencies": {
         "@headlessui/vue": "^1.6.7",
         "@mapbox/mapbox-gl-geocoder": "^5.0.0",

package/default/src/helpers/mango.js

@@ -333,6 +333,72 @@ Mango.endpoints = Object.keys(endpoints).reduce((a, c) => {
 
 }, {})
 
+Mango.upload = async (file) => {
+
+    return new Promise((resolve, reject) => {
+        const formData = new FormData()
+
+        let uploading = true
+        let filename = file.name
+        let progress = 0
+        let url
+        let error
+
+        // // Compress the image
+        // if (file.type.includes('image')) {
+        //     let results = await compress.compress([file], {
+        //         quality: .75, // the quality of the image, max is 1,
+        //         maxWidth: 1920, // the max width of the output image, defaults to 1920px
+        //         maxHeight: 1920, // the max height of the output image, defaults to 1920px
+        //         resize: true, // defaults to true, set false if you do not want to resize the image width and height
+        //         rotate: false, // See the rotation section below
+        //     })
+        //     const img1 = results[0]
+        //     const base64str = img1.data
+        //     const imgExt = img1.ext
+        //     const filename = file.name
+        //     file = Compress.convertBase64ToFile(base64str, imgExt)
+        //     file = new File([file], filename, { type: file.type });
+        //     console.log('file', file)
+        // }
+
+        formData.append('file', file)
+
+        const xhr = new XMLHttpRequest()
+
+        xhr.open('POST', `${api}/upload`, true)
+
+        xhr.upload.onprogress = (event) => {
+            if (event.lengthComputable) {
+                progress = (event.loaded / event.total) * 100
+            }
+        }
+
+        xhr.onload = () => {
+            if (xhr.status === 200) {
+                const json = JSON.parse(xhr.response)
+                const path = json.paths[0]
+                const url = api + path
+                uploading = false
+                progress = 0
+                resolve(url)
+            } else {
+                error = 'Error while uploading file'
+                uploading = false
+                reject(error)
+            }
+        }
+
+        xhr.onerror = () => {
+            error = 'Error while uploading file'
+            uploading = false
+            reject(error)
+        }
+
+        xhr.send(formData)
+    })
+}
+
 Mango.collections = collections
 Mango.ws = ws
 

package/default/vite.config.js

@@ -9,32 +9,49 @@ let configPath = path.resolve(projectRoot, 'mango')
 
 // If config doesn't exist in current directory, check parent
 if (!fs.existsSync(configPath)) {
-    projectRoot = path.resolve(projectRoot, '..')
-    configPath = path.resolve(projectRoot, 'mango')
+	projectRoot = path.resolve(projectRoot, '..')
+	configPath = path.resolve(projectRoot, 'mango')
 
-    // If config still doesn't exist, throw error
-    if (!fs.existsSync(configPath)) {
-        throw new Error('Mango folder not found. Please ensure your mango folder exists either in the current directory or parent directory.')
-    }
+	// If config still doesn't exist, throw error
+	if (!fs.existsSync(configPath)) {
+		throw new Error('Mango folder not found. Please ensure your mango folder exists either in the current directory or parent directory.')
+	}
 }
 
+const collectionsPath = path.resolve(configPath, 'config/.collections.json')
+
 // https://vitejs.dev/config/
 export default defineConfig({
-    plugins: [vue()],
-    server: {
-        host: '0.0.0.0',
-    },
-    resolve: {
-        alias: {
-            '@config': configPath,
-            '@mango': configPath,
-            '@settings': path.resolve(configPath, 'config/settings.json'),
-            '@collections': path.resolve(configPath, 'config/.collections.json'),
-            '@plugins': path.resolve(configPath, 'plugins'),
-            'vue': path.resolve(__dirname, 'node_modules/vue'),
-        }
-    },
-    optimizeDeps: {
-        exclude: ['vue'], // Prevent Vite from optimizing Vue separately
-    },
+	plugins: [
+		vue(),
+		{
+			name: 'watch-collections',
+			configureServer(server) {
+				server.watcher.add(collectionsPath)
+				server.watcher.on('change', (file) => {
+					if (file === collectionsPath) {
+						server.ws.send({
+							type: 'full-reload',
+						})
+					}
+				})
+			},
+		},
+	],
+	server: {
+		host: '0.0.0.0',
+	},
+	resolve: {
+		alias: {
+			'@config': configPath,
+			'@mango': configPath,
+			'@settings': path.resolve(configPath, 'config/settings.json'),
+			'@collections': path.resolve(configPath, 'config/.collections.json'),
+			'@plugins': path.resolve(configPath, 'plugins'),
+			vue: path.resolve(__dirname, 'node_modules/vue'),
+		},
+	},
+	optimizeDeps: {
+		exclude: ['vue', '@collections'], // Prevent Vite from optimizing Vue separately
+	},
 })

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "mango-cms",
-    "version": "0.2.12",
+    "version": "0.2.14",
     "main": "./index.js",
     "exports": {
         ".": "./index.js",