tvl-depot/website/goals/default.nix

{ pkgs, ... }:

pkgs.stdenv.mkDerivation {
  name = "goals-webpage";
  src = builtins.path { path = ./.; name = "goals"; };
  buildInputs = with pkgs; [
    nodejs
    # Exposes lscpu for parcel.js
    utillinux
  ];
  # parcel.js needs number of CPUs
  PARCEL_WORKERS = "1";
  buildPhase = ''
    npx parcel build src/index.html --public-url ./
  '';
  installPhase = ''
    mv dist $out
  '';
}
Create wpcarro.dev/goals Create a simple React app to define my goals. See the goals/README.md for more context. 2020-03-25 17:30:22 +01:00			`{ pkgs, ... }:`

			`pkgs.stdenv.mkDerivation {`
Use boilerplate/typescript for goals After deploying the version of this application that built everything in the browser, which originally was the impetus for the entire project, I learned that the babel in-browser transformer won't work. I'm not sure why, but I need to move on from this project and do other work. I ported the code to my boilerplate/typescript, which works. Wahoo! 2020-03-25 18:04:41 +01:00			`name = "goals-webpage";`
Prefer builtins.path Thanks to the Nix anti-patterns documented here... https://nix.dev/anti-patterns/language.html#reproducability-referencing-top-level-directory-with ...I'm cleaning up some of my Nix expressions. Read the article for more context. 2020-07-02 14:28:59 +02:00			`src = builtins.path { path = ./.; name = "goals"; };`
Use boilerplate/typescript for goals After deploying the version of this application that built everything in the browser, which originally was the impetus for the entire project, I learned that the babel in-browser transformer won't work. I'm not sure why, but I need to move on from this project and do other work. I ported the code to my boilerplate/typescript, which works. Wahoo! 2020-03-25 18:04:41 +01:00			`buildInputs = with pkgs; [`
			`nodejs`
			`# Exposes lscpu for parcel.js`
			`utillinux`
			`];`
			`# parcel.js needs number of CPUs`
			`PARCEL_WORKERS = "1";`
			`buildPhase = ''`
Use Parcel's --public-url option when building By default Parcel prefixes output paths with /. So when Chrome loads wpcarro.dev/goals it attempts to get the CSS and JS and other assets from wpcarro.dev/ instead of wpcarro.dev/goals/. Using the --public-url ./ option makes Parcel output relative paths, which should work better for my needs. 2020-03-25 18:18:51 +01:00			`npx parcel build src/index.html --public-url ./`
Use boilerplate/typescript for goals After deploying the version of this application that built everything in the browser, which originally was the impetus for the entire project, I learned that the babel in-browser transformer won't work. I'm not sure why, but I need to move on from this project and do other work. I ported the code to my boilerplate/typescript, which works. Wahoo! 2020-03-25 18:04:41 +01:00			`'';`
Create wpcarro.dev/goals Create a simple React app to define my goals. See the goals/README.md for more context. 2020-03-25 17:30:22 +01:00			`installPhase = ''`
Use boilerplate/typescript for goals After deploying the version of this application that built everything in the browser, which originally was the impetus for the entire project, I learned that the babel in-browser transformer won't work. I'm not sure why, but I need to move on from this project and do other work. I ported the code to my boilerplate/typescript, which works. Wahoo! 2020-03-25 18:04:41 +01:00			`mv dist $out`
Create wpcarro.dev/goals Create a simple React app to define my goals. See the goals/README.md for more context. 2020-03-25 17:30:22 +01:00			`'';`
			`}`