js-cloudimage-360-view 3.2.1 → 4.0.0-beta.10

package/package.json

@@ -1,7 +1,15 @@
 {
   "name": "js-cloudimage-360-view",
-  "version": "3.2.1",
-  "main": "dist/index.js",
+  "version": "4.0.0-beta.10",
+  "main": "dist/js-cloudimage-360-view.min.js",
+  "exports": {
+    ".": {
+      "import": "./dist/js-cloudimage-360-view.min.js",
+      "require": "./dist/js-cloudimage-360-view.min.js"
+    }
+  },
+  "style": "dist/js-cloudimage-360-view.min.css",
+  "module": "dist/js-cloudimage-360-view.es.js",
   "description": "",
   "author": "scaleflex",
   "license": "MIT",
@@ -9,7 +17,7 @@
     "type": "git",
     "url": "https://github.com/scaleflex/js-cloudimage-360-view"
   },
-  "homepage": "#readme",
+  "homepage": "https://scaleflex.github.io/js-cloudimage-360-view/",
   "keywords": [
     "image",
     "images",
@@ -22,27 +30,29 @@
     "360 product view"
   ],
   "scripts": {
-    "start-demo": "webpack-dev-server --mode development --config config/webpack-demo.config.js",
-    "clean:build": "rm -rf build",
-    "build:bundle": "npm run clean:build && webpack --mode production --config config/webpack-build.config.js",
+    "dev": "vite serve demo",
+    "clean:build": "rm -rf dist",
+    "build:bundle": "npm run clean:build && vite build",
     "deploy:bundle": "npm run build:bundle && node bin/deploy-bundle",
     "clean:dist": "rm -rf dist",
-    "dist": "npm run clean:dist && babel src -d dist --copy-files",
-    "clean:demo": "rm -rf examples/dist",
-    "build:demo": "npm run clean:demo && webpack --mode production  --config config/webpack-demo.config.js",
-    "deploy:demo": "gh-pages -d examples/dist",
-    "publish:demo": "npm run build:demo && npm run deploy:demo"
+    "clean:demo": "rm -rf demo/dist",
+    "build:npm": "npm run clean:demo && vite --config vite-npm.config.js build",
+    "build:demo": "npm run clean:demo && vite --config vite-demo.config.js build",
+    "deploy:demo": "gh-pages -d dist",
+    "publish": "npm run build:demo && npm run deploy:demo"
   },
   "dependencies": {
-    "@babel/runtime": "^7.17.0",
     "@popperjs/core": "^2.11.2",
-    "core-js": "^3.0.0"
+    "js-cloudimage-360-view": "4.0.0-beta.7",
+    "lodash.debounce": "^4.0.8",
+    "lodash.throttle": "^4.1.1"
   },
   "devDependencies": {
     "@babel/cli": "^7.16.7",
     "@babel/core": "^7.16.7",
     "@babel/plugin-transform-runtime": "^7.16.5",
     "@babel/preset-env": "^7.16.5",
+    "@eslint/js": "^9.12.0",
     "babel-loader": "^8.2.3",
     "babel-plugin-array-includes": "^2.0.3",
     "babel-preset-env": "^1.7.0",
@@ -51,16 +61,19 @@
     "babel-preset-stage-0": "^6.24.1",
     "css-loader": "^2.1.1",
     "dotenv": "^16.0.3",
+    "eslint": "^9.12.0",
     "form-data": "^4.0.0",
-    "fs": "^0.0.1-security",
     "gh-pages": "^2.0.1",
     "highlight.js": "^10.4.1",
-    "html-webpack-plugin": "^5.5.1",
-    "isomorphic-fetch": "^3.0.0",
     "mini-css-extract-plugin": "^0.9.0",
     "mobile-detect": "^1.4.3",
+    "prettier": "3.3.3",
     "style-loader": "^3.3.2",
-    "webpack": "^5.79.0",
+    "vite": "^5.4.10",
+    "vite-plugin-dts": "^4.3.0",
+    "vite-plugin-html": "^3.2.2",
+    "vite-plugin-lib-inject-css": "^2.1.1",
+    "webpack": "^5.95.0",
     "webpack-cli": "^5.0.1",
     "webpack-dev-server": "^4.13.3"
   }

package/.env

@@ -1,3 +0,0 @@
-BUNDLE_PLUGINS_CONTAINER=scaleflex
-BUNDLE_UPLOAD_SECURITY_TEMPLATE_ID=SECU_083E16FC6CD549C4A172E9CC561740CF
-BUNDLE_FOLDER=plugins/js-cloudimage-360-view

package/CHANGELOG.md

@@ -1,175 +0,0 @@
-# Changelog
-All notable changes to this project will be documented in this file.
-
-The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
-and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
-
-Types of changes:
-- `Added` for new features.
-- `Changed` for changes in existing functionality.
-- `Deprecated` for soon-to-be removed features.
-- `Removed` for now removed features.
-- `Fixed` for any bug fixes.
-- `Security` in case of vulnerabilities.
-
-> Date format: YYYY-MM-DD
-
-> If we have some "Breaking changes" we can mark it in message by `**BREAKING**` preffix, like:
-> `- **BREAKING**: Some message`
-
--------------
-
-## TODOs
-> Todo list for future
-
-- ...
-
--------------
-## 3.2.0 - 2023-09-25
-### Added
-- Possibility to add hotspots dynamically
-
-## 3.1.1 - 2023-04-19
-### Fixed
-- Remove CVE vulnerabilities
-
-## 3.1.0 - 2023-04-10
-### Added
-- possibility to enable/disable the request of new image on resize using `data-request-responsive-images`
-
-### Fixed
-- Page scroll, even spin-y is not active
-
-## 3.0.4 - 2022-10-19
-### Fixed
-- Hotspot icons width
-
-## 3.0.3 - 2022-05-04
-### Fixed
-- Error on loading original images from image list
-
-## 3.0.2 - 2022-05-04
-### Changed
-- documentation
-
-## 3.0.1 - 2022-03-28
-### Changed
-- hotspots icons
-
-### Fixed
-- loader is hidden if hide-360-logo is active
-
-## 3.0.0 - 2022-03-25
-### Added
-- possibility to add makers or hotspots to each image
-- possibility add views after init the plugin
-- possibility to update views
-### Fixed
-- hide 360 logo after play once
-
-## 2.7.12 - 2022-03-19
-### Changed
-- hotspots init method
-
-## 2.7.11 - 2022-03-17
-### Fixed
-- canvas aspect ratio
-- initialization of lazyloading
-
-## 2.7.10 - 2022-03-01
-### Fixed
-- image quality in fullscreen
-- resized image loading
-
-## 2.7.9 - 2022-02-27
-### Fixed
-- typo in documentation
-
-## 2.7.8 - 2022-02-27
-### Added
-- possibility to add new view to CI360 views
-### Fixed
-- re-render method
-
-## 2.7.7 - 2022-02-24
-### Fixed
-- container width on mobile
-- re-render method
-
-## 2.7.6 - 2022-02-20
-### Fixed
-- drag speed
-- responsive canvas width and height
-
-## 2.7.5 - 2022-02-08
-### Added
-- update method to re-render or re-init the plugin
-### Fixed
-- drag speed on mobile
-- error when drag speed is too high
-- error in dependencies
-
-## 2.7.4 - 2022-01-26
-### Fixed
-- typo in documentation file
-## 2.7.3 - 2022-01-26
-### Fixed
-- typo in documentation file
-
-## 2.7.2 - 2022-01-26
-### Added
-- possibility to fit container relative to its width or height and maintain the aspect ratio
-- possibility to reverse the directions of the keys on the keyboard
-### Fixed
-- pointer zoom behavior
-- error while loading images from lists
-- get the active image index
-
-## 2.7.1 - 2021-11-06
-### Added
-- click to reset mouse zoom
-- show 360 logo after play once
-### Fixed
-- set click as default value to start zoom
-- Sass error
-### Changed
-- pointer zoom behavior
-
-## 2.7.0 - 2021-11-04
-### Added
-- play once then stop auto-play
-- spin in the y-direction
-- zoom with mouse wheel
-- zoom with fingers on mobile
-- possibility to change icons styles
-
-### Fixed
-- hide scrollbar in fullscreen mode
-- auto-play not working on mobile
-- error on init the plugin inside a modal
-- removed chrome warning about non-passive events
-- images are not resized when window size changes
-
-### Changed
-- migrate CDN URL to V7
-
-## 2.6.0 - 2020-09-03
-
-### Feat
-- add ability to specify custom 360 view logo
-
-## 2.5.0 - 2020-07-05
-
-### Feat
-- possibility to hide 360 view icon
-
-## 2.4.1 - 2020-04-11
-
-### Fixed
-- initialize first image using data-image-list #33
-
-
-## 2.4.0 - 2020-04-09
-
-### Fixed
-- problem with first preview image is random #28, #29

package/bin/deploy-bundle.js

@@ -1,63 +0,0 @@
-/* eslint-disable no-console */
-require('isomorphic-fetch')
-require('dotenv').config()
-const FormData = require('form-data')
-const { createReadStream } = require('fs')
-const { join } = require('path')
-let { version } = require('../package.json')
-
-const splittedVersion = version.split('.')
-version = splittedVersion.filter((v) => parseInt(v) || parseInt(v) === 0).map((v) => parseInt(v)).slice(0, 3).join('.')
-
-const apiUrl = process.env.BUNDLE_API_URL || 'https://api.filerobot.com'
-
-const pluginsContainer = process.env.BUNDLE_PLUGINS_CONTAINER
-const securityTemplateId = process.env.BUNDLE_UPLOAD_SECURITY_TEMPLATE_ID
-const pluginFolder = `${process.env.BUNDLE_FOLDER}`
-const pluginVersion = version || 'latest'
-const latestFolder = 'latest'
-
-const generateSassKey = () => fetch(`${apiUrl}/${pluginsContainer}/key/${securityTemplateId}`)
-  .then((res) => res.json()).then((res) => {
-    if (res.status === 'error') {
-      console.error(`Error while generating SASS key: ${res.msg || res.hint}`)
-    } else {
-      return res.key
-    }
-  })
-  .catch(() => new Error(`Unable to get SASS key for the provided security template key ${securityTemplateId}`))
-
-const statiUploadEndpoint = `${apiUrl}/${pluginsContainer}/v4/files?folder=${pluginFolder}`
-
-const deploy = (sassKey, folderName = pluginVersion) => {
-  const uploadEndpoint = `${statiUploadEndpoint}/${folderName}`
-  const formData = new FormData()
-    formData.append('files[]', createReadStream(
-      join(__dirname, '../build/js-cloudimage-360-view.min.js')
-    ))
-
-  return fetch(uploadEndpoint, {
-    method: 'POST',
-    body: formData,
-    headers: {
-      'X-Filerobot-Key': sassKey
-    }
-  })
-    .then((res) => res.json())
-    .then((res) => {
-      if (res.status === 'error') {
-        console.error(`Error while deploying:${res.msg ? ` ${res.msg} ` : ''}${res.hint ? `- ${res.hint}` : ''}`)
-      } else {
-        console.log(`Plugin Bundle v${pluginVersion} deployed successfully to ${folderName}.`)
-        const uploadedFile = res.file || []
-        console.log(`- [${uploadedFile.name}] URL:`, uploadedFile.url?.cdn)
-      }
-
-      return sassKey
-    })
-    .catch(console.error)
-}
-
-generateSassKey()
-.then((sassKey) => deploy(sassKey).then((sassKey) => deploy(sassKey, latestFolder)))
-.catch(console.error)