This file documents Metalink Frontend's package.json in a human-readable manner designed to make it easy for contributors to see how related units work together.
Units are ordered by Dependency Type > Category > Group, then listed with Titles, Descriptions, Links and Notes.
Please edit or improve the sections and descriptions as required, then keep this document up to date.
| import Vue from 'vue' | |
| import VueRouter from 'vue-router' | |
| // route helper | |
| function route (path, component) { | |
| if (typeof component === 'string') { | |
| component = require(`../views/${component.replace('.vue', '')}.vue`).default | |
| } | |
| return { path, component } | |
| } |
| const s = document.createElement('style') | |
| s.setAttribute('type', 'text/css') | |
| s.innerHTML = ` | |
| @keyframes fade { | |
| 0% { background: #FF000022; outline: 2px solid #000000; } | |
| 100% { background: #FF000000; outline: 2px solid #00000000; } | |
| } | |
| .updated { | |
| animation: fade 1s linear; |
This document is an attempt to pin down all the things you don't think about when quoting for a project, and hopefully provide a starting point for some kind of framework to make quoting, working and delivering small-medium jobs more predictable and less stressful.
For any YouTube video with captions, you can access the captions via a linked URL.
This bookmarklet grabs that URL, loads the captions, and converts the XML to text.
That text is then:
Opt+Cmd+I / F12) where you can click the copy button to grab it
Modern JavaScript build tools compile entire folder structures of JavaScript code into single, minified files that are near-impossible to read, but can also include source maps which can be used to display the original code in tools such as the Chrome DevTools Sources panel.
These source maps can be processed to extract mainly meaningful code and file structures, by installing a package calling Shuji and running a simple bash command.
Generally, production builds shouldn't include source maps, but if you do manage to lose your source files, or for some (obviously, ethical!) reason need to view the original files, and you happen to have / find the source maps, you're good to go.
| module.exports = { | |
| presets: [ | |
| [ | |
| '@vue/cli-plugin-babel/preset', // or any other preset, I guess | |
| { | |
| targets: { | |
| chrome: '73', | |
| node: '11' | |
| } | |
| } |
| // @see https://twitter.com/dave_stewart/status/1332340558069690371 | |
| // Special thanks to https://github.com/nicholasoxford | |
| // YMMV! | |
| module.exports = { | |
| build: { | |
| extend (config, { isDev, isClient }) { | |
| if (isDev) { | |
| // provides proper source and properly-named source map for pages and components | |
| config.devtool = 'source-map' |
| // decorated search function | |
| const search = last(function (query) { | |
| return new Promise(function (resolve, reject) { | |
| setTimeout(() => { | |
| // randomly fail | |
| Math.random() < .25 | |
| ? reject(new Error('failed for query ' + query)) | |
| : resolve(String(query).toUpperCase()) | |
| }, Math.random() * 2000) | |
| }) |
| /** | |
| * INSTRUCTIONS | |
| * | |
| * Video at: https://youtube.com/watch?v=AzSDmfDDijQ | |
| * | |
| * 1. copy the code below into a bookmark | |
| * 2. go to https://www.facebook.com/stories/ | |
| * 3. click on a story | |
| * 4. hit pause on one you like | |
| * 5. find and run your bookmark |