Merge pull request #31 from luisaph/upgrade-node-magicbook

upgrade magicbook and node; use local version of magicbook-webpack

.nvmrc

@@ -1 +1 @@
-14.18.0
+20.0.0

magicbook-html.json

@@ -2,7 +2,7 @@
   "title": "Code of Music",
   "addPlugins": [
     "magicbook-codesplit",
-    "magicbook-webpack",
+    "src/plugins/magicbook-webpack",
     "src/plugins/p5",
     "src/plugins/inlineButton",
     "src/plugins/interactiveSketch"

magicbook-pdf.json

@@ -2,7 +2,7 @@
   "title": "Code of Music",
   "addPlugins": [
     "magicbook-codesplit",
-    "magicbook-webpack",
+    "src/plugins/magicbook-webpack",
     "src/plugins/p5",
     "src/plugins/inlineButton",
     "src/plugins/interactiveSketch"

package.json

@@ -28,9 +28,8 @@
     "copy-webpack-plugin": "6",
     "highlight.js": "^11.2.0",
     "liquidjs": "^9.25.1",
-    "magicbook": "^0.1.19",
+    "magicbook": "^0.1.33",
     "magicbook-codesplit": "^0.1.6",
-    "magicbook-webpack": "0.0.4",
     "monaco-editor": "0.33.0",
     "p5": "^1.4.0",
     "path": "^0.12.7",
@@ -42,10 +41,11 @@
     "source-map-loader": "^3.0.0",
     "tinyliquid": "^0.2.34",
     "tone": "^14.7.77",
-    "webpack": "^4.42.1"
+    "webpack": "^5.0.0"
   },
   "devDependencies": {
     "firebase-tools": "^9.16.0",
     "live-server": "^1.2.1"
-  }
+  },
+  "packageManager": "[email protected]"
 }

src/stylesheets/html.scss

@@ -349,7 +349,7 @@ section[data-type='sect1'] {
   top: 0;
   left: 0;
   padding: $menu-padding;
-  padding-top: $header-height / 2;
+  padding-top: calc($header-height / 2);
   display: block;
   @media (max-width: $bp-medium) {
     box-shadow: 0 0 100px rgba(0, 0, 0, 0.2);

webpack.config.js

@@ -6,7 +6,7 @@ const config = {
   entry: './src/javascripts/app.js',
   output: {
     path: 'assets',
-    filename: 'app-[hash].js',
+    filename: 'app-[fullhash].js',
   },
   module: {
     rules: [