| // prevents "backpressuring" when writing to stream | |
| const write = (writer, data) => { | |
| return new Promise((resolve) => { | |
| if (!writer.write(data)) { | |
| writer.once('drain', resolve) | |
| } | |
| else { | |
| resolve() | |
| } | |
| }) |
| (() => { | |
| const table = document.querySelector('#COVERAGECLASSCODES') | |
| const rows = table.querySelectorAll('tr') | |
| const data_rows = [] | |
| rows.forEach((row) => { | |
| const data_row = [] | |
| const cells = row.querySelectorAll('td') | |
| cells.forEach((cell) => data_row.push(cell.innerText.trim())) | |
| const object = { | |
| code: data_row[0], |
| /** | |
| * This has a specific use case for writing to the contentDocument allowing for a separated scope | |
| * | |
| * There are probably other ways to do this with ShadowDom but this works well for my purposes | |
| * | |
| * USAGE: | |
| * | |
| * <CustomIframe html={<head><title>Doc Title</title></head><body>Hello React User</body>} /> | |
| * | |
| */ |
| import React from 'react'; | |
| import services from '../services/index'; | |
| import BigCalendar from 'react-big-calendar'; | |
| import moment from 'moment'; | |
| import 'react-big-calendar/lib/css/react-big-calendar.css'; | |
| // setting to use Saturday as the first day of the week | |
| moment.updateLocale('en-gb', { | |
| week : { |
| var Note = function(options){ | |
| console.log(window); | |
| this.StaveNote = new Vex.Flow.StaveNote(options); | |
| this.removed = false; | |
| /** | |
| * moves the note right from its ORIGINAL position by x pixels | |
| * (sets the trasform: translate(x) value to x) | |
| */ | |
| this.setOffsetX = (x) => { | |
| if(this.removed){ |
Scripts and config files for setting up FTP and FTPS on Ubuntu 18.04 LTS (works elsewhere but that is where I've used these steps)
nano adduser.sh and paste in scriptchmod +x adduser.shnano adduser-admin.sh and paste in scriptchmod +x adduser-admin.sh
| import React from 'react'; | |
| import { withApollo } from 'react-apollo' | |
| // will add a logout function to this.props when used around a component | |
| // i.e. | |
| // export default logout(LogoutButton) | |
| const logout = function(WrappedComponent) { | |
| class Logout extends React.Component { | |
| constructor(props) { |
You can use the above 2 files to create dynamically generated atomic CSS files
I only added pug and React support but it would be very easy to add more
Say you have this file structure. You can use the above config to get all CSS classes defined in your app.jsx file and views files that match a key in the config.yaml file and build a CSS file that has only the used classes
.
├── gulpfile.js
├── config.yaml
| /** | |
| * gulp file that will restart keystonejs app and compile sass | |
| */ | |
| 'use strict'; | |
| var gulp = require('gulp'); | |
| var watch = require('gulp-watch'); | |
| var shell = require('gulp-shell') | |
| var sass = require('gulp-sass'); |