Allow modifying website

Author: MysaaJava

flake.nix

@@ -7,27 +7,32 @@
 
   outputs = { self, nixpkgs }: let
       pkgs = import nixpkgs {system = "x86_64-linux";};
-      sdow-website = pkgs.buildNpmPackage {
-        name = "sdow";
-        buildInputs = with pkgs; [
-          nodejs_latest
-        ];
-        src = ./website;
-
-        npmDeps = pkgs.importNpmLock {
-          npmRoot = ./website;
-        };
+      sdow-website = {lang ? null, wikipediaApiUrl ? null, sdowApiUrl ? null, sdowUserAgent ? null }:
+        let extraArgs = {} //
+          (if wikipediaApiUrl == null then {VITE_WIKIPEDIA_API_URL=wikipediaApiUrl;} else
+           if lang == null then {VITE_WIKIPEDIA_API_URL="https://${lang}.wikipedia.org/w/api.php";} else {}) //
+          (if sdowApiUrl == null then {VITE_SDOW_API_URL=sdowApiUrl;} else {}) //
+          (if sdowUserAgent == null then {VITE_SDOW_USER_AGENT=sdowUserAgent;} else {});
+        in pkgs.buildNpmPackage ({
+          name = "sdow";
+          buildInputs = with pkgs; [
+            nodejs_latest
+          ];
+          src = ./website;
+          npmDeps = pkgs.importNpmLock {
+            npmRoot = ./website;
+          };
 
-        npmFlags = [ "--legacy-peer-deps" ];
+          npmFlags = [ "--legacy-peer-deps" ];
 
-        npmConfigHook = pkgs.importNpmLock.npmConfigHook;
+          npmConfigHook = pkgs.importNpmLock.npmConfigHook;
 
-        installPhase = ''
-          cp -r ./dist/ $out
-        '';
-      };
+          installPhase = ''
+            cp -r ./dist/ $out
+	  '';
+        } // extraArgs);
       sdow-http = pkgs.writeShellScript "sdow" ''
-        ${pkgs.simple-http-server}/bin/simple-http-server ${self.packages.x86_64-linux.sdow} "$@"
+        ${pkgs.simple-http-server}/bin/simple-http-server ${sdow-website {}} "$@"
       '';
       python-gunicorn = pkgs.python3.withPackages (pp: with pp;[
         flask
@@ -89,7 +94,8 @@
 
     packages.x86_64-linux =  {
       default = self.packages.x86_64-linux.sdow;
-      sdow = sdow-website;
+      sdow = sdow-website {};
+      sdow-lang = sdow-website;
 
       sdow-api = pkgs.stdenv.mkDerivation {
         name = "sdow-api";

website/src/resources/constants.ts

@@ -1,10 +1,10 @@
 const SDOW_API_URL_DEV = 'http://127.0.0.1:5000';
 const SDOW_API_URL_PROD = 'https://api.sixdegreesofwikipedia.com';
 
-export const SDOW_API_URL =
-  process.env.NODE_ENV === 'production' ? SDOW_API_URL_PROD : SDOW_API_URL_DEV;
+export const SDOW_API_URL = import.meta.env.VITE_SDOW_API_URL ??
+  import.meta.env.NODE_ENV === 'production' ? SDOW_API_URL_PROD : SDOW_API_URL_DEV;
 
-export const WIKIPEDIA_API_URL = 'https://en.wikipedia.org/w/api.php';
+export const WIKIPEDIA_API_URL = import.meta.env.VITE_WIKIPEDIA_API_URL ?? 'https://en.wikipedia.org/w/api.php';
 
-export const SDOW_USER_AGENT =
+export const SDOW_USER_AGENT = import.meta.env.VITE_SDOW_USER_AGENT ??
   'Six Degrees of Wikipedia/1.0 (https://www.sixdegreesofwikipedia.com/; wenger.jacob@gmail.com)';