scaleflex · ivan-stankov-golang · Mar 11, 2023
diff --git a/config/webpack-demo2.config.js b/config/webpack-demo2.config.js
@@ -0,0 +1,45 @@
+const path = require('path');
+const HtmlWebpackPlugin = require("html-webpack-plugin");
+const MiniCssExtractPlugin = require("mini-css-extract-plugin");
+const htmlWebpackPlugin = new HtmlWebpackPlugin({
+  template: path.join(__dirname, "../examples2/src/index.html"),
+  filename: "./index.html"
+});
+const CopyWebpackPlugin = require('copy-webpack-plugin');
+module.exports = {
+  entry: path.join(__dirname, "../examples2/src/index.js"),
+  output: {
+    path: path.join(__dirname, "../examples2/dist"),
+    filename: "bundle[hash].js"
+  },
+  module: {
+    rules: [
+      {
+        test: /\.(js|jsx)$/,
+        use: "babel-loader",
+        exclude: /node_modules/
+      },
+      {
+        test: /\.css$/,
+        use: [MiniCssExtractPlugin.loader, "css-loader"]
+      }
+    ]
+  },
+  context: path.join(__dirname, '../examples2'),
+  plugins: [
+    htmlWebpackPlugin, 
+    new MiniCssExtractPlugin(),
+    new CopyWebpackPlugin({
+      patterns: [
+          { from: 'static' }
+      ]
+    })
+  ],
+  resolve: {
+    extensions: [".js", ".jsx"]
+  },
+  devServer: {
+    port: 3001
+  },
+  devtool: 'source-map'
+};
diff --git a/examples2/src/index.html b/examples2/src/index.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta name="description" content="images work in 360 dimensions with several options" />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500&display=swap"
+      rel="stylesheet"
+    />
+    <link rel="icon" type="image/png" href="https://cdn.jolipage.co/5c1376c5-e4cd-4250-b760-4c810d7f5fdd/fdf058fa-5faf-4c83-bffa-4faa42b6d252/dc8ef1f26116405e2b275c5020ad8ce1ac071f86bf2134f143c23e692e396f76.png?vh=3632c0">
+    <link
+      href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&family=Rubik:wght@400;500;600&display=swap"
+      rel="stylesheet"
+    />
+    <title>JS-Cloudimage-360-view</title>
+  </head>
+  <body>
+        <div
+class="cloudimage-360"
+data-mode-xy
+data-folder="/images/"
+data-filename-xy="nike-{y}-{x}.png"
+data-amount-x="4"
+data-speed="100"
+data-drag-speed="120"
+data-amount-y="3"
+></div>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/lazysizes/5.3.2/lazysizes.min.js"></script>
+  </body>
+</html>
diff --git a/examples2/src/index.js b/examples2/src/index.js
@@ -0,0 +1 @@
+import '../../src';
diff --git a/examples2/static/images/nike-0-0.png b/examples2/static/images/nike-0-0.png
diff --git a/examples2/static/images/nike-0-1.png b/examples2/static/images/nike-0-1.png
diff --git a/examples2/static/images/nike-0-2.png b/examples2/static/images/nike-0-2.png
diff --git a/examples2/static/images/nike-0-3.png b/examples2/static/images/nike-0-3.png
diff --git a/examples2/static/images/nike-1-0.png b/examples2/static/images/nike-1-0.png
diff --git a/examples2/static/images/nike-1-1.png b/examples2/static/images/nike-1-1.png
diff --git a/examples2/static/images/nike-1-2.png b/examples2/static/images/nike-1-2.png
diff --git a/examples2/static/images/nike-1-3.png b/examples2/static/images/nike-1-3.png
diff --git a/examples2/static/images/nike-2-0.png b/examples2/static/images/nike-2-0.png
diff --git a/examples2/static/images/nike-2-1.png b/examples2/static/images/nike-2-1.png
diff --git a/examples2/static/images/nike-2-2.png b/examples2/static/images/nike-2-2.png
diff --git a/examples2/static/images/nike-2-3.png b/examples2/static/images/nike-2-3.png
diff --git a/package.json b/package.json
@@ -23,6 +23,7 @@
   ],
   "scripts": {
     "start-demo": "webpack-dev-server --mode development --config config/webpack-demo.config.js",
+    "start-demo2": "webpack-dev-server --mode development --config config/webpack-demo2.config.js",
     "clean:build": "rm -rf build",
     "build:bundle": "npm run clean:build && webpack --mode production --config config/webpack-build.config.js",
     "deploy:bundle": "npm run build:bundle && node bin/deploy-bundle",
@@ -62,6 +63,7 @@
     "style-loader": "^0.23.1",
     "webpack": "^4.46.0",
     "webpack-cli": "^3.3.0",
-    "webpack-dev-server": "^3.2.1"
+    "webpack-dev-server": "^3.2.1",
+    "copy-webpack-plugin": "^6.4.1"
   }
 }