Get publicpath in runtime (#58)

* Get publicPath in runtime

* Add module to externals

Author: SarantopoulosKon

amd-public-path.js

@@ -0,0 +1,8 @@
+// In an AMD module, we set the public path using the magic requirejs 'module' dependency
+// See https://github.com/requirejs/requirejs/wiki/Differences-between-the-simplified-CommonJS-wrapper-and-standard-AMD-define#module
+// Since 'module' is a requirejs magic module, we must include 'module' in the webpack externals configuration.
+import * as module from 'module';
+const url = new URL(module.uri, document.location);
+
+url.pathname = url.pathname.slice(0, url.pathname.lastIndexOf('/voila/'));
+__webpack_public_path__ = `${url.origin}${url.pathname}/voila/templates/tiledb/static/babylonjs/`;

webpack.config.js

@@ -1,5 +1,4 @@
 const path = require('path');
-const version = require('./package.json').version;
 
 // Custom webpack rules
 const rules = [
@@ -9,7 +8,7 @@ const rules = [
 ];
 
 // Packages that shouldn't be bundled but loaded at runtime
-const externals = ['@jupyter-widgets/base'];
+const externals = ['@jupyter-widgets/base', 'module'];
 
 const resolve = {
   // Add '.ts' and '.tsx' as resolvable extensions.
@@ -28,13 +27,13 @@ module.exports = [
    * the custom widget embedder.
    */
   {
-    entry: './src/embed.ts',
+    entry: ['./amd-public-path.js', './src/embed.ts'],
     output: {
         filename: 'index.js',
         path: path.resolve(__dirname, 'dist'),
         libraryTarget: 'amd',
         library: "@tiledb-inc/pybabylonjs",
-        publicPath: 'https://unpkg.com/@tiledb-inc/pybabylonjs@' + version + '/dist/'
+        publicPath: '', // Set in amd-public-path.js
     },
     devtool: 'source-map',
     module: {