chore(web): switch to napalm from yarn2nix

These days, support for npm's package-lock.json seems to besser than for
yarn, so let's drop yarn2nix which is not quite where it needs to be
yet (we pinned an experimental branch after all) and use napalm instead.
For this we have to migrate from yarn to npm completely.

Using npmlock2nix would be preferrable (as it doesn't require building a
Haskell registry server), but there we end up running into an unsolved
issue [1].

[1]: svanderburg/node2nix#106

README.md

@@ -59,7 +59,8 @@ Then you should be able to run `likely-music` from the command line (in the latt
 First make sure you have the following prerequisites installed:
 
 * Functional Haskell environment, i. e. `ghc` and `cabal-install`
-* `yarn`
+* `npm`
+* `esbuild`
 * A MIDI to WAV synthesizer
     * One possibility is fluidsynth:
         * `fluidsynth`
@@ -71,15 +72,13 @@ Then run the following commands:
 ```bash
 cd /path/to/likely-music
 
-cd web
-yarn install --pure-lockfile
-yarn run build:assets
-yarn run build:prod
+pushd web
+make
 
 # optionally if you want to avoid relative path problems
-export LIKELY_MUSIC_FRONTEND=/path/to/web/dist
+export LIKELY_MUSIC_FRONTEND=$(realpath dist)
 
-cd ..
+popd
 cabal v2-build
 cabal v2-run likely-music-backend
 ```

default.nix

@@ -1,3 +1,11 @@
-{ pkgs ? import <nixpkgs> {} }:
+let
+  napalmSrc = builtins.fetchTarball {
+    url = "https://github.com/nix-community/napalm/archive/master.tar.gz";
+  };
+in
 
-import ./pkgs.nix { inherit pkgs; }
+{ pkgs ? import <nixpkgs> {}
+, napalm ? pkgs.callPackage napalmSrc {}
+}:
+
+import ./pkgs.nix { inherit pkgs napalm; }

pkgs.nix

@@ -1,11 +1,13 @@
-{ pkgs }:
+{ pkgs, napalm }:
 
 rec {
   # likely-music haskellPackage
   likely-music-lib = likely-music-backend;
   likely-music-backend = pkgs.haskellPackages.callPackage ./likely-music-backend.nix { };
 
-  likely-music-frontend = pkgs.callPackage ./web { };
+  likely-music-frontend = pkgs.callPackage ./web {
+    inherit napalm;
+  };
 
   # executable wrapper around everything with correct paths
   likely-music = pkgs.runCommand "likely-music" { } ''

web/GNUmakefile

@@ -2,7 +2,7 @@
 DIST ?= dist
 # Change this to "development" for source maps and non-minifyed code
 NODE_ENV ?= production
-# If true, we don't attempt to fetch dependencies via yarn
+# If true, we don't attempt to fetch dependencies via npm
 OFFLINE ?= false
 
 ifeq ($(NODE_ENV),production)
@@ -26,7 +26,7 @@ $(DIST):
 	mkdir -p $@
 
 node_modules:
-	$(OFFLINE) || yarn install --frozen-lockfile --prod
+	$(OFFLINE) || npm install --production --omit=peer --omit=dev
 
 $(DIST)/vis-network.min.css: node_modules $(DIST)
 	$(ESBUILD) node_modules/vis-network/dist/dist/vis-network.min.css --outfile=$@

web/default.nix

@@ -1,50 +1,30 @@
-{ stdenv, lib, fetchFromGitHub, callPackage, esbuild }:
+{ stdenv, lib, esbuild, napalm, nix-gitignore }:
 
 let
-  pkgInfo = lib.importJSON ./package.json;
-  src = yarn2nix-lib.removePrefixes [ "node_modules" "dist" ] ./.;
-#  yarn2nixSrc = /home/lukas/src/nix/yarn2nix;
-  yarn2nixSrc = fetchFromGitHub {
-    owner  = "sternenseemann";
-    repo   = "yarn2nix";
-    rev    = "b0825bbe4b40f39763d53ba0044431a44b5f25cf";
-    sha256 = "1q8wc5rnb00xwzcqsgb6wfkmymipf2bv1g2i33l5wyadp0hd18cp";
+  src = builtins.path {
+    name = "likely-music-frontend-source";
+    path = ./.;
+    filter = nix-gitignore.gitignoreFilter (builtins.readFile ../.gitignore) ./..;
   };
-  yarn2nix = import yarn2nixSrc { };
-  yarn2nix-lib = yarn2nix.nixLib;
-  deps = yarn2nix-lib.callYarnLock ./yarn.lock { };
-  template = yarn2nix-lib.callPackageJson ./package.json { };
-  calledTemplate = template (yarn2nix-lib.buildNodeDeps deps);
-  node_modules = yarn2nix-lib.linkNodeDeps {
-    inherit (pkgInfo) name;
-    dependencies = calledTemplate.nodeBuildInputs;
-  };
-
 in
 
-stdenv.mkDerivation rec {
-  pname = pkgInfo.name;
-  inherit (pkgInfo) version;
-  inherit src;
-
-  nativeBuildInputs = [ esbuild ];
-
-  makeFlags = [
-    "OFFLINE=true"
+napalm.buildPackage src {
+  nativeBuildInputs = [
+    esbuild
   ];
 
-  NODE_PATH = node_modules;
-  preBuild = ''
-    ln -s ${node_modules} node_modules
-  '';
+  npmCommands = "make";
 
   installPhase = ''
-    mkdir -p $out/share/
-    mv dist $out/share/${pname}
+    runHook preInstall
+    mkdir -p $out/share
+    mv dist $out/share/likely-music-frontend
+    runHook postInstall
   '';
 
-  meta = calledTemplate.meta // {
+  meta = {
     description = "Frontend of likely music, a probabilistic music notation software";
     homepage = "https://github.com/sternenseemann/likely-music";
+    license = lib.licenses.agpl3Only;
   };
 }