wizbos-pub/wand-front-utils
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

fix n format

Browse Source
This commit is contained in:
notgne2 2020-04-27 18:50:31 -07:00
parent 6035f3931f
commit 4565d0858f
1 changed files with 207 additions and 162 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

369
default.nix
View File

@ -1,16 +1,26 @@
{ pkgs, google-chrome, symlinkJoin, stdenv, elmPackages, libjpeg, optipng { pkgs
, pngquant, libwebp, ... }: , google-chrome
, symlinkJoin
, stdenv
, elmPackages
, libjpeg
, optipng
, pngquant
, libwebp
, ...
}:
let let
workingElmPackages = if elmPackages.elmVersion == "0.19.1" then workingElmPackages = if elmPackages.elmVersion == "0.19.1" then
elmPackages elmPackages
else else
(import <unstable> { }).elmPackages; (import <unstable> {}).elmPackages;
pnpm2nix = pkgs.callPackage (builtins.fetchGit { pnpm2nix = pkgs.callPackage (
url = "https://github.com/notgne2/pnpm2nix.git"; builtins.fetchGit {
rev = "909accd35d23664254b43109ee58cd0c3d83a6d9"; url = "https://github.com/notgne2/pnpm2nix.git";
}) { }; rev = "909accd35d23664254b43109ee58cd0c3d83a6d9";
}
) {};
nodeCleanSourceFilter = name: type: nodeCleanSourceFilter = name: type:
pkgs.lib.cleanSourceFilter name type pkgs.lib.cleanSourceFilter name type
@ -36,179 +46,214 @@ let
pnpmLock = ./pnpm-lock.yaml; pnpmLock = ./pnpm-lock.yaml;
src = nodeCleanSource ./.; src = nodeCleanSource ./.;
overrides = pnpm2nix.defaultPnpmOverrides // { overrides = pnpm2nix.defaultPnpmOverrides // {
puppeteer = (drv: puppeteer = (
drv.overrideAttrs (oldAttrs: { drv:
preBuild = '' drv.overrideAttrs (
# Define the local chromium directory oldAttrs: {
local_chromium=$HOME/node_modules/puppeteer/.local-chromium/linux-686378 preBuild = ''
# Make sure that directory exists # Define the local chromium directory
mkdir -p $local_chromium local_chromium=$HOME/node_modules/puppeteer/.local-chromium/linux-686378
# Link pkgs' standard google chrome into place # Make sure that directory exists
cp -r --no-preserve=mode,ownership ${google-chrome}/share/google/chrome $local_chromium/chrome-linux mkdir -p $local_chromium
cp ${google-chrome}/bin/google-chrome-stable $local_chromium/chrome-linux/chrome # Link pkgs' standard google chrome into place
chmod +x $local_chromium/chrome-linux/chrome cp -r --no-preserve=mode,ownership ${google-chrome}/share/google/chrome $local_chromium/chrome-linux
''; cp ${google-chrome}/bin/google-chrome-stable $local_chromium/chrome-linux/chrome
})); chmod +x $local_chromium/chrome-linux/chrome
imagemin-pngquant = (drv: '';
drv.overrideAttrs }
(oldAttrs: { buildInputs = oldAttrs.buildInputs ++ [ pkgs.libpng ]; })); )
pngquant-bin = (drv: );
drv.overrideAttrs (oldAttrs: { imagemin-pngquant = (
preBuild = '' drv:
mkdir -p $HOME/node_modules/pngquant-bin/vendor drv.overrideAttrs
ln -s ${pngquant}/bin/pngquant $HOME/node_modules/pngquant-bin/vendor/pngquant (oldAttrs: { buildInputs = oldAttrs.buildInputs ++ [ pkgs.libpng ]; })
''; );
})); pngquant-bin = (
drv:
drv.overrideAttrs (
oldAttrs: {
preBuild = ''
mkdir -p $HOME/node_modules/pngquant-bin/vendor
ln -s ${pngquant}/bin/pngquant $HOME/node_modules/pngquant-bin/vendor/pngquant
'';
}
)
);
gifsicle = (drv: gifsicle = (
drv.overrideAttrs (oldAttrs: { drv:
buildInputs = oldAttrs.buildInputs ++ [ pkgs.autoconf pkgs.automake ]; drv.overrideAttrs (
})); oldAttrs: {
buildInputs = oldAttrs.buildInputs ++ [ pkgs.autoconf pkgs.automake ];
}
)
);
optipng = optipng =
(drv: drv.overrideAttrs (oldAttrs: { buildInputs = [ optipng ]; })); (drv: drv.overrideAttrs (oldAttrs: { buildInputs = [ optipng ]; }));
optipng-bin = (drv: optipng-bin = (
drv.overrideAttrs (oldAttrs: { drv:
preBuild = '' drv.overrideAttrs (
mkdir -p $HOME/node_modules/optipng-bin/vendor oldAttrs: {
ln -s ${optipng}/bin/optipng $HOME/node_modules/optipng-bin/vendor/optipng preBuild = ''
''; mkdir -p $HOME/node_modules/optipng-bin/vendor
})); ln -s ${optipng}/bin/optipng $HOME/node_modules/optipng-bin/vendor/optipng
'';
}
)
);
jpegtran = jpegtran =
(drv: drv.overrideAttrs (oldAttrs: { buildInputs = [ libjpeg ]; })); (drv: drv.overrideAttrs (oldAttrs: { buildInputs = [ libjpeg ]; }));
jpegtran-bin = (drv: jpegtran-bin = (
drv.overrideAttrs (oldAttrs: { drv:
preBuild = '' drv.overrideAttrs (
mkdir -p $HOME/node_modules/jpegtran-bin/vendor oldAttrs: {
ln -s ${libjpeg}/bin/jpegtran $HOME/node_modules/jpegtran-bin/vendor/jpegtran preBuild = ''
''; mkdir -p $HOME/node_modules/jpegtran-bin/vendor
})); ln -s ${libjpeg}/bin/jpegtran $HOME/node_modules/jpegtran-bin/vendor/jpegtran
'';
}
)
);
cwebp-bin = (drv: cwebp-bin = (
drv.overrideAttrs (oldAttrs: { drv:
buildPhase = '' drv.overrideAttrs (
mkdir -p $HOME/node_modules/cwebp-bin/vendor/ oldAttrs: {
ln -s ${libwebp}/bin/cwebp $HOME/node_modules/cwebp-bin/vendor/cwebp buildPhase = ''
''; mkdir -p $HOME/node_modules/cwebp-bin/vendor/
})); ln -s ${libwebp}/bin/cwebp $HOME/node_modules/cwebp-bin/vendor/cwebp
'';
}
)
);
}; };
}; };
mkWandardFront = { name, prettyName ? name, description ? "" mkWandardFront =
, themeColor ? "#000000", backgroundColor ? "#000000", src { name
, nodePackages ? [ ], routes ? [ "/" ], }: , prettyName ? name
let , description ? ""
nodeSource = symlinkJoin { , themeColor ? "#000000"
name = "${name}-node-sources"; , backgroundColor ? "#000000"
paths = [ builderPkg.lib ] ++ nodePackages; , src
}; , nodePackages ? []
, routes ? [ "/" ]
,
}:
let
nodeSource = symlinkJoin {
name = "${name}-node-sources";
paths = [ builderPkg.lib ] ++ nodePackages;
};
baseWebpackConfig = builtins.readFile ./webpack.config.js; baseWebpackConfig = builtins.readFile ./webpack.config.js;
webpackConfig = '' webpackConfig = ''
const ROUTES = ${builtins.toJSON routes} const ROUTES = ${builtins.toJSON routes}
const PRETTY_NAME = ${builtins.toJSON prettyName} const PRETTY_NAME = ${builtins.toJSON prettyName}
const DESCRIPTION = ${builtins.toJSON description} const DESCRIPTION = ${builtins.toJSON description}
const THEME_COLOR = ${builtins.toJSON themeColor} const THEME_COLOR = ${builtins.toJSON themeColor}
const BACKGROUND_COLOR = ${builtins.toJSON backgroundColor} const BACKGROUND_COLOR = ${builtins.toJSON backgroundColor}
'' + "\n" + baseWebpackConfig; '' + "\n" + baseWebpackConfig;
webpackConfigFile = pkgs.writeText "${name}-webpack-config" webpackConfig; webpackConfigFile = pkgs.writeText "${name}-webpack-config" webpackConfig;
wandInit = pkgs.writeText "wand.js" '' wandInit = pkgs.writeText "wand.js" ''
document.body.innerHTML = ''' document.body.innerHTML = '''
const sourceTarget = document.createElement('script') const sourceTarget = document.createElement('script')
sourceTarget.src = '/main.js' sourceTarget.src = '/main.js'
document.body.appendChild(sourceTarget) document.body.appendChild(sourceTarget)
''; '';
templateHtml = pkgs.writeText "template.html" '' templateHtml = pkgs.writeText "template.html" ''
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8"/> <meta http-equiv="Content-type" content="text/html; charset=utf-8"/>
<title>${prettyName}</title> <title>${prettyName}</title>
<link rel="apple-touch-icon" sizes="57x57" href="/appdata/apple-touch-icon-57x57.png"> <link rel="apple-touch-icon" sizes="57x57" href="/appdata/apple-touch-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="/appdata/apple-touch-icon-60x60.png"> <link rel="apple-touch-icon" sizes="60x60" href="/appdata/apple-touch-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="/appdata/apple-touch-icon-72x72.png"> <link rel="apple-touch-icon" sizes="72x72" href="/appdata/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="/appdata/apple-touch-icon-76x76.png"> <link rel="apple-touch-icon" sizes="76x76" href="/appdata/apple-touch-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="/appdata/apple-touch-icon-114x114.png"> <link rel="apple-touch-icon" sizes="114x114" href="/appdata/apple-touch-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="/appdata/apple-touch-icon-120x120.png"> <link rel="apple-touch-icon" sizes="120x120" href="/appdata/apple-touch-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="/appdata/apple-touch-icon-144x144.png"> <link rel="apple-touch-icon" sizes="144x144" href="/appdata/apple-touch-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="/appdata/apple-touch-icon-152x152.png"> <link rel="apple-touch-icon" sizes="152x152" href="/appdata/apple-touch-icon-152x152.png">
<link rel="apple-touch-icon" sizes="167x167" href="/appdata/apple-touch-icon-167x167.png"> <link rel="apple-touch-icon" sizes="167x167" href="/appdata/apple-touch-icon-167x167.png">
<link rel="apple-touch-icon" sizes="180x180" href="/appdata/apple-touch-icon-180x180.png"> <link rel="apple-touch-icon" sizes="180x180" href="/appdata/apple-touch-icon-180x180.png">
<link rel="apple-touch-icon" sizes="1024x1024" href="/appdata/apple-touch-icon-1024x1024.png"> <link rel="apple-touch-icon" sizes="1024x1024" href="/appdata/apple-touch-icon-1024x1024.png">
<link rel="apple-touch-startup-image" media="(device-width: 320px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 1)" href="/appdata/apple-touch-startup-image-320x460.png"> <link rel="apple-touch-startup-image" media="(device-width: 320px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 1)" href="/appdata/apple-touch-startup-image-320x460.png">
<link rel="apple-touch-startup-image" media="(device-width: 320px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 2)" href="/appdata/apple-touch-startup-image-640x920.png"> <link rel="apple-touch-startup-image" media="(device-width: 320px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 2)" href="/appdata/apple-touch-startup-image-640x920.png">
<link rel="apple-touch-startup-image" media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2)" href="/appdata/apple-touch-startup-image-640x1096.png"> <link rel="apple-touch-startup-image" media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2)" href="/appdata/apple-touch-startup-image-640x1096.png">
<link rel="apple-touch-startup-image" media="(device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2)" href="/appdata/apple-touch-startup-image-750x1294.png"> <link rel="apple-touch-startup-image" media="(device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2)" href="/appdata/apple-touch-startup-image-750x1294.png">
<link rel="apple-touch-startup-image" media="(device-width: 414px) and (device-height: 736px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 3)" href="/appdata/apple-touch-startup-image-1182x2208.png"> <link rel="apple-touch-startup-image" media="(device-width: 414px) and (device-height: 736px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 3)" href="/appdata/apple-touch-startup-image-1182x2208.png">
<link rel="apple-touch-startup-image" media="(device-width: 414px) and (device-height: 736px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 3)" href="/appdata/apple-touch-startup-image-1242x2148.png"> <link rel="apple-touch-startup-image" media="(device-width: 414px) and (device-height: 736px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 3)" href="/appdata/apple-touch-startup-image-1242x2148.png">
<link rel="apple-touch-startup-image" media="(device-width: 768px) and (device-height: 1024px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 1)" href="/appdata/apple-touch-startup-image-748x1024.png"> <link rel="apple-touch-startup-image" media="(device-width: 768px) and (device-height: 1024px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 1)" href="/appdata/apple-touch-startup-image-748x1024.png">
<link rel="apple-touch-startup-image" media="(device-width: 768px) and (device-height: 1024px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2)" href="/appdata/apple-touch-startup-image-1496x2048.png"> <link rel="apple-touch-startup-image" media="(device-width: 768px) and (device-height: 1024px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2)" href="/appdata/apple-touch-startup-image-1496x2048.png">
<link rel="apple-touch-startup-image" media="(device-width: 768px) and (device-height: 1024px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 1)" href="/appdata/apple-touch-startup-image-768x1004.png"> <link rel="apple-touch-startup-image" media="(device-width: 768px) and (device-height: 1024px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 1)" href="/appdata/apple-touch-startup-image-768x1004.png">
<link rel="apple-touch-startup-image" media="(device-width: 768px) and (device-height: 1024px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2)" href="/appdata/apple-touch-startup-image-1536x2008.png"> <link rel="apple-touch-startup-image" media="(device-width: 768px) and (device-height: 1024px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2)" href="/appdata/apple-touch-startup-image-1536x2008.png">
<link rel="icon" type="image/png" sizes="16x16" href="/appdata/favicon-16x16.png"> <link rel="icon" type="image/png" sizes="16x16" href="/appdata/favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="/appdata/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="32x32" href="/appdata/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="228x228" href="/appdata/coast-228x228.png"> <link rel="icon" type="image/png" sizes="228x228" href="/appdata/coast-228x228.png">
<link rel="manifest" href="/appdata/manifest.json"> <link rel="manifest" href="/appdata/manifest.json">
<link rel="shortcut icon" href="/appdata/favicon.ico"> <link rel="shortcut icon" href="/appdata/favicon.ico">
<link rel="yandex-tableau-widget" href="/appdata/yandex-browser-manifest.json"> <link rel="yandex-tableau-widget" href="/appdata/yandex-browser-manifest.json">
<meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"> <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="apple-mobile-web-app-title"> <meta name="apple-mobile-web-app-title">
<meta name="application-name" content="${prettyName}"> <meta name="application-name" content="${prettyName}">
<meta name="mobile-web-app-capable" content="yes"> <meta name="mobile-web-app-capable" content="yes">
<meta name="msapplication-TileColor" content="#fff"> <meta name="msapplication-TileColor" content="#fff">
<meta name="msapplication-TileImage" content="/appdata/mstile-144x144.png"> <meta name="msapplication-TileImage" content="/appdata/mstile-144x144.png">
<meta name="msapplication-config" content="/appdata/browserconfig.xml"> <meta name="msapplication-config" content="/appdata/browserconfig.xml">
<meta name="theme-color" content="${themeColor}"> <meta name="theme-color" content="${themeColor}">
</head> </head>
<body> <body>
</body> </body>
</html> </html>
''; '';
in stdenv.mkDerivation { in stdenv.mkDerivation {
inherit name; inherit name;
src = elmCleanSource src; src = elmCleanSource src;
buildInputs = with workingElmPackages; [ elm elm-format nodeSource ]; buildInputs = with workingElmPackages; [ elm nodeSource ];
patchPhase = '' patchPhase = ''
ln -sf ${nodeSource}/node_modules . ln -sf ${nodeSource}/node_modules .
cp ${webpackConfigFile} webpack.config.js cp ${webpackConfigFile} webpack.config.js
cp ${ cp ${
./imagemin-jpgify-webpack-plugin.js ./imagemin-jpgify-webpack-plugin.js
} .imagemin-jpgify-webpack-plugin.js } .imagemin-jpgify-webpack-plugin.js
cp ${wandInit} wand.js cp ${wandInit} wand.js
cp ${templateHtml} template.html cp ${templateHtml} template.html
''; '';
shellHook = '' shellHook = ''
ln -sf ${nodeSource}/node_modules . ln -sf ${nodeSource}/node_modules .
rm -f webpack.config.js rm -f webpack.config.js
rm -f wand.js rm -f wand.js
rm -f template.html rm -f template.html
cp ${webpackConfigFile} webpack.config.js cp ${webpackConfigFile} webpack.config.js
cp ${ cp ${
./imagemin-jpgify-webpack-plugin.js ./imagemin-jpgify-webpack-plugin.js
} .imagemin-jpgify-webpack-plugin.js } .imagemin-jpgify-webpack-plugin.js
cp ${wandInit} wand.js cp ${wandInit} wand.js
cp ${templateHtml} template.html cp ${templateHtml} template.html
export NODE_PATH=$PWD/node_modules export NODE_PATH=$PWD/node_modules
''; '';
buildPhase = workingElmPackages.fetchElmDeps { buildPhase = workingElmPackages.fetchElmDeps {
elmPackages = import (src + "/elm-srcs.nix"); elmPackages = import (src + "/elm-srcs.nix");
registryDat = src + "/registry.dat"; registryDat = src + "/registry.dat";
elmVersion = "0.19.1"; elmVersion = "0.19.1";
};
installPhase = ''
mkdir -p $out
${nodeSource}/node_modules/webpack-cli/bin/cli.js --mode production
mv dist/* $out
'';
}; };
in
installPhase = '' { inherit mkWandardFront; }
mkdir -p $out
${nodeSource}/node_modules/webpack-cli/bin/cli.js --mode production
mv dist/* $out
'';
};
in { inherit mkWandardFront; }