cvan

import React, { useEffect } from 'react';
import * as bodyScrollLock from 'body-scroll-lock';

const disableBodyScroll = bodyScrollLock.disableBodyScroll;
const enableBodyScroll = bodyScrollLock.enableBodyScroll;

export default function Page() {
  const appRef = React.createRef();

  useEffect(() => {

cvan

// Paste into your DevTools Console.
list = $$('input[name*="301_redirects[request]"]').map(src => src.value ? `${src.value}    ${src.closest('div').querySelector('input[name*="301_redirects[destination]"]').value}`
: '').filter(Boolean).sort().join('\n');
copy(list);

cvan

// Adapted from source: https://stackoverflow.com/a/19204980
const flatten = (function(isArray, wrapped) {
  return function(table) {
    return reduce('', {}, table);
  };

  function reduce(path, accumulator, table) {
    if (isArray(table)) {
      const length = table.length;

cvan

servers

• https://github.com/rendrjs/rendr/blob/master/server/server.js
• https://github.com/Strider-CD/strider/blob/master/dist-lib/app.js
• https://github.com/majodev/google-webfonts-helper/blob/master/server/config/express.js
• https://github.com/blockstack/stacks-blockchain-sidecar/blob/b413143b60af1603dc0d1d80f3029fcaa17bec42/src/api/routes/tx.ts
• https://github.com/blockstack/stacks-blockchain-sidecar/blob/b816732f27043282c978d2e24837e257b2f13582/src/api/init.ts
• https://github.com/blockstack/stacks-blockchain-sidecar/blob/27463b4a2934f71a92fec5a6af7124041935cfea/src/api/routes/debug.ts

libs

cvan

describe('test', () => {
  const mockFetchPromise = () =>
    Promise.resolve({
      ok: true,
      json: () => Promise.resolve({}),
      status: 200,
      statusText: 'OK'
    });

  beforeEach(() => {

cvan

@supports (padding-top: constant(safe-area-inset-top)) {
  body {
    padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
  }
}

@media (display-mode: fullscreen) {
  body {
    padding: 0;
  }

cvan

/**
 * Hijacks `window.onerror` for debugging Chrome for iOS (WebView) via `chrome://inspect`.
 *
 * @returns {string|undefined}
 */
window.onerror = function(message, url, lineNumber, columnNumber, error) {
  console.error(
    [
      ['Error message:', message].join(' '),
      ['URL:', url].join(' '),

cvan

thesis

from a usability perspective, the pattern of using <button disabled> states for form validation causes cognitive overload because users have to infer the validation requirements of a form.

an appropriate use of <button disabled> is when an active <button> changes temporarily <button disabled> when some action is being processed (e.g., image uploads, payment verification) that should block the submission of the form.

recommendations

use the browser's built-in HTML5 form validation (e.g., ). clicking on an always-active in a `` validates all fields w/ constraints and will present the user with native error messages. (the error strings can be customised but not the styles.)

cvan

const isProd = process.env.NODE_ENV === 'production';

const options = {
  purgecss: {
    // Docs for PurgeCSS:
    // - https://purgecss.com/configuration.html#options
    // Consider:
    // - https://github.com/americanexpress/purgecss-loader
    // - https://frontstuff.io/how-i-dropped-250-kb-of-dead-css-weight-with-purgecss
    // - https://gorails.com/episodes/purgecss

cvan

rules_version = '2';
service cloud.firestore {
  match /databases/{database}/documents {
    match /{document=**} {
      allow read, write: if false;
    }
  }
}