drone_view 3.0.61 → 3.0.62

package/webpack.config.dev.js

@@ -1,114 +1,82 @@
 /* eslint-disable linebreak-style */
-
-// Cesium 1.135.0 uses ES modules only
-const cesiumESM = "node_modules/cesium";
-const path = require("path");
-const webpack = require("webpack");
-const CopyWebpackPlugin = require("copy-webpack-plugin");
+// The path to the CesiumJS source code
+const cesiumSource = 'node_modules/cesium/Source';
+const cesiumBuild = 'node_modules/cesium/Build/Cesium';
+const CopyWebpackPlugin = require('copy-webpack-plugin');
+const path = require('path');
+const webpack = require('webpack');
+const WrapperPlugin = require('wrapper-webpack-plugin');
 
 module.exports = {
   context: __dirname,
-  mode: "development",
-  devtool: "inline-source-map",
+  devtool: 'inline-source-map',
   watch: true,
-
   entry: {
-    main: "./src/droneView.ts",
+    main: './src/droneView.ts',
   },
-
   stats: {
     children: true,
     errorDetails: true,
   },
-
   output: {
-    filename: "droneView.js",
-    path: path.resolve(__dirname, "dist"),
-    publicPath: "build",
-    libraryTarget: "umd",
-    library: "DroneView",
-    sourcePrefix: "",
-    clean: true,
+    filename: 'droneView.js',
+    path: path.resolve(__dirname, 'dist'),
+    publicPath: 'build',
+    libraryTarget: 'umd',
+    library: 'DroneView',
+    sourcePrefix: '',
+  },
+  amd: {
+    // Enable webpack-friendly use of require in Cesium
+    toUrlUndefined: true,
   },
-
   resolve: {
-    extensions: [".ts", ".tsx", ".js", ".cjs"],
-
-    // Required because Cesium uses some Node APIs
+    extensions: ['.ts', '.tsx', '.js', '.cjs'],
     fallback: {
-      https: false,
-      zlib: false,
-      http: false,
-      url: false,
-      fs: false,
+      https: false, zlib: false, http: false, url: false,
     },
-
+    mainFiles: ['droneView', 'Cesium'],
     alias: {
-      // Must point to the ESM folder
-      cesium: path.resolve(__dirname, cesiumESM),
-
-      "process/browser": require.resolve("process/browser.js"),
-      process: require.resolve("process/browser.js"),
+      cesium: path.resolve(__dirname, cesiumSource),
+      'process/browser': require.resolve('process/browser.js'),
+      process: require.resolve('process/browser.js'),
     },
   },
-
   module: {
-    rules: [
-      {
-        test: /\.css$/,
-        use: ["style-loader", "css-loader"],
-      },
+    rules: [{
+      test: /\.css$/,
+      use: ['style-loader', 'css-loader'],
+      exclude: /node_modules/,
 
-      {
-        test: /\.(png|gif|jpg|jpeg|svg|xml|json)$/i,
-        type: "asset/resource",
-      },
+    }, {
+      test: /\.(png|gif|jpg|jpeg|svg|xml|json)$/,
+      use: ['url-loader'],
+      exclude: /node_modules/,
 
-      {
-        test: /\.tsx?$/,
-        use: "ts-loader",
-        exclude: /node_modules/,
-      },
-
-      {
-        // Critical: allows Cesium ES modules to load properly
-        test: /\.js$/,
-        include: /node_modules[\\/]cesium/,
-        type: "javascript/esm",
-      },
-    ],
+    },
+    {
+      test: /\.tsx?$/,
+      use: 'ts-loader',
+      exclude: /node_modules/,
+    }],
   },
-
   plugins: [
-    // Copy assets required by Cesium at runtime (ESM build)
+    // Copy Cesium Assets, Widgets, and Workers to a static directory used at runtime
     new CopyWebpackPlugin({
       patterns: [
-        {
-          from: "node_modules/cesium/Build/Cesium/Assets",
-          to: "service/3d/Assets",
-        },
-        {
-          from: "node_modules/cesium/Build/Cesium/Workers",
-          to: "service/3d/Workers",
-        },
-        {
-          from: "node_modules/cesium/Build/Cesium/ThirdParty",
-          to: "service/3d/ThirdParty",
-        },
-        {
-          from: "node_modules/cesium/Build/Cesium/Cesium.js",
-          to: "service/3d/Cesium.js",
-        },
+        { from: path.join(cesiumBuild, 'Workers'), to: path.resolve(__dirname, 'service/3d/Workers') },
+        { from: path.join(cesiumBuild, 'Assets'), to: path.resolve(__dirname, 'service/3d/Assets') },
+        { from: path.join(cesiumBuild, 'Widgets'), to: path.resolve(__dirname, 'service/3d/Widgets') },
+        { from: path.join(cesiumBuild, 'ThirdParty'), to: path.resolve(__dirname, 'service/3d/ThirdParty') },
       ],
     }),
-
     new webpack.ProvidePlugin({
-      process: require.resolve("process/browser.js"),
+      process: require.resolve('process/browser.js'),
     }),
-
-    // Required for loading Workers/Assets at runtime
     new webpack.DefinePlugin({
-      CESIUM_BASE_URL: JSON.stringify("/service/3d/"),
+      // Define relative base path in cesium for loading assets
+      CESIUM_BASE_URL: JSON.stringify('/service/3d/'),
     }),
   ],
+  mode: 'development',
 };

package/webpack.config.prod.js

@@ -1,104 +1,78 @@
 /* eslint-disable linebreak-style */
-
-const path = require("path");
-const webpack = require("webpack");
-const CopyWebpackPlugin = require("copy-webpack-plugin");
-
-const cesiumUnmin = path.resolve(__dirname, "node_modules/cesium/Build/CesiumUnminified");
+// The path to the CesiumJS source code
+const cesiumSource = 'node_modules/cesium/Source';
+const cesiumBuild = 'node_modules/cesium/Build/Cesium';
+const CopyWebpackPlugin = require('copy-webpack-plugin');
+const path = require('path');
+const webpack = require('webpack');
+const WrapperPlugin = require('wrapper-webpack-plugin');
 
 module.exports = {
-  entry: "./src/droneView.ts",
-
+  entry: {
+    main: './src/droneView.ts',
+  },
   stats: {
     children: true,
     errorDetails: true,
   },
-
-  // allow Cesium's AMD modules to resolve "toUrl" properly
-  amd: {
-    toUrlUndefined: true,
-  },
-
   output: {
-    filename: "droneView.js",
-    path: path.resolve(__dirname, "dist"),
-    module: true, // Key for ESM output
-    library: {
-      type: "module",
-    },
-    publicPath: "",
-    sourcePrefix: "",
-    clean: true,
-    globalObject: "this",
+    filename: 'droneView.js',
+    path: path.resolve(__dirname, 'dist'),
+    library: 'DroneView',
+    publicPath: 'build',
+    libraryTarget: 'umd',
+    sourcePrefix: '',
   },
-
-  experiments: {
-    outputModule: true, // required for ES module output
+  amd: {
+    // Enable webpack-friendly use of require in Cesium
+    toUrlUndefined: true,
   },
-
   resolve: {
-    extensions: [".ts", ".tsx", ".js"],
+    extensions: ['.ts', '.tsx', '.js'],
     fallback: {
-      https: false,
-      zlib: false,
-      http: false,
-      url: false,
-      fs: false, // required for Cesium ESM/Node polyfills
+      https: false, zlib: false, http: false, url: false,
     },
-
+    mainFiles: ['viewer', 'Cesium'],
     alias: {
-      // Point to Build/CesiumUnminified for Cesium 1.135+
-      cesium: cesiumUnmin,
+      // CesiumJS module name
+      cesium: path.resolve(__dirname, cesiumSource),
     },
   },
-
   module: {
-    rules: [
-      {
-        test: /\.css$/,
-        use: ["style-loader", "css-loader"],
-      },
-
-      {
-        test: /\.(png|gif|jpg|jpeg|svg|xml|json)$/i,
-        type: "asset/resource",
-      },
+    rules: [{
+      test: /\.css$/,
+      use: ['style-loader', 'css-loader'],
+      exclude: /node_modules/,
 
-      {
-        test: /\.tsx?$/,
-        use: "ts-loader",
-        exclude: /node_modules/,
-      },
+    }, {
+      test: /\.(png|gif|jpg|jpeg|svg|xml|json)$/,
+      use: ['url-loader'],
+      exclude: /node_modules/,
 
-      {
-        // Required for Cesium ES modules to load correctly
-        test: /\.js$/,
-        include: /node_modules[\\/]cesium/,
-        type: "javascript/esm",
-      },
-    ],
+    },
+    {
+      test: /\.tsx?$/,
+      use: 'ts-loader',
+      exclude: /node_modules/,
+    }],
   },
-
   plugins: [
-    // Copy Cesium static assets (Workers, Widgets, Assets, ThirdParty)
+    // Copy Cesium Assets, Widgets, and Workers to a static directory used at runtime
     new CopyWebpackPlugin({
       patterns: [
-        { from: path.join(cesiumUnmin, "Workers"), to: path.resolve(__dirname, "service/3d/Workers") },
-        { from: path.join(cesiumUnmin, "ThirdParty"), to: path.resolve(__dirname, "service/3d/ThirdParty") },
-        { from: path.join(cesiumUnmin, "Assets"), to: path.resolve(__dirname, "service/3d/Assets") },
-        { from: path.join(cesiumUnmin, "Widgets"), to: path.resolve(__dirname, "service/3d/Widgets") },
-        { from: path.join(cesiumUnmin, "Cesium.js"), to: path.resolve(__dirname, "service/3d/Cesium.js") },
+        { from: path.join(cesiumBuild, 'Workers'), to: path.resolve(__dirname, 'service/3d/Workers') },
+        { from: path.join(cesiumBuild, 'Assets'), to: path.resolve(__dirname, 'service/3d/Assets') },
+        { from: path.join(cesiumBuild, 'Widgets'), to: path.resolve(__dirname, 'service/3d/Widgets') },
+        { from: path.join(cesiumBuild, 'ThirdParty'), to: path.resolve(__dirname, 'service/3d/ThirdParty') },
       ],
     }),
-
     new webpack.ProvidePlugin({
-      process: require.resolve("process/browser.js"),
+      process: require.resolve('process/browser.js'),
     }),
-
     new webpack.DefinePlugin({
-      CESIUM_BASE_URL: JSON.stringify("/service/3d/"),
+      // Define relative base path in cesium for loading assets
+      CESIUM_BASE_URL: JSON.stringify('/service/3d/'),
     }),
   ],
-
-  mode: "production",
+  mode: 'production',
 };