Created
March 1, 2019 14:32
-
-
Save insin/12b1022b77d6123339c5491a488b8c2b to your computer and use it in GitHub Desktop.
I done a Deno
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import * as path from 'https://deno.land/x/fs/path.ts' | |
| export { path } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import { path } from './package.ts' | |
| // import shuffle from 'https://stackoverflow.com/a/12646864' | |
| function shuffle(array) { | |
| for (let i = array.length - 1; i > 0; i--) { | |
| const j = Math.floor(Math.random() * (i + 1)) | |
| ;[array[i], array[j]] = [array[j], array[i]] | |
| } | |
| return array | |
| } | |
| async function main() { | |
| const args = Deno.args.slice(1) | |
| if (args.length == 0) { | |
| console.error('A target directory must be provided') | |
| Deno.exit(1) | |
| } | |
| let files: Deno.FileInfo[] | |
| try { | |
| files = Deno.readDirSync(args[0]) | |
| } catch (e) { | |
| if (e instanceof Deno.DenoError && e.kind == Deno.ErrorKind.NotFound) { | |
| console.error(`${args[0]} is not a directory`) | |
| Deno.exit(1) | |
| } | |
| throw e | |
| } | |
| let encodedPictureFilenames = files | |
| .filter(f => /\.(jpe?g|png|gif)$/.test(f.path)) | |
| .map(f => encodeURI(f.name).replace(/'/g, '%27')) | |
| let filenames = [] | |
| while (filenames.length < 1000) { | |
| filenames = filenames.concat(shuffle(encodedPictureFilenames)) | |
| } | |
| let pictureHTML = filenames | |
| .map(p => `<div class="picture" style="background-image: url(${p})"></div>`) | |
| .join('') | |
| Deno.writeFileSync( | |
| path.join(args[0], 'index.html'), | |
| new TextEncoder().encode( | |
| ` | |
| <!DOCTYPE html> | |
| <style> | |
| body { | |
| margin: 0; | |
| padding: 0; | |
| width: 9000px; | |
| } | |
| .pictures { | |
| display: flex; | |
| flex-wrap: wrap; | |
| } | |
| .picture { | |
| flex: 1; | |
| min-width: 300px; | |
| height: 166px; | |
| background-size: cover; | |
| } | |
| </style> | |
| <div class="pictures"> | |
| ${pictureHTML} | |
| </div>`.trim() | |
| ) | |
| ) | |
| } | |
| main() |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment