amoshydra

Future quick diagnosis from the console

If you have a fiber, you can walk up the return chain and compare:

• props changed → fiber.memoizedProps !== fiber.alternate.memoizedProps
• state changed → for hooks with queue (useState / useReducer) or class memoizedState
• context changed → find a Context.Provider fiber (tag === 10) whose memoizedProps.value changed

Here’s a paste-ready snippet. Select the changed DOM element with the browser inspector, then run this in the console:

amoshydra

document.body.insertAdjacentHTML("beforeend", `
<style>
body {
  font-family: system-ui, -apple-system, sans-serif;
  padding: 2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #f8f9fa;
}

amoshydra

// https://github.com/figma/code-connect/issues/261
// This type is generated by referencing https://www.figma.com/code-connect-docs/template-v2-api/

declare module "figma" {
  interface InstanceHandle {
    /**
     * Object containing all properties of the instance.
     */
    properties: Record<string, string | boolean | InstanceHandle>;
    /*

amoshydra

  // Available variables:
  // - Machine
  // - interpret
  // - assign
  // - send
  // - sendParent
  // - spawn
  // - raise
  // - actions

amoshydra

import type { Module } from '@nuxt/types';
import type * as webpack from 'webpack';

class UnableToExtendError extends Error {
  constructor() {
    super('Unable to configure for css module');
  }
}

const isCssOrScssRule = (rule: webpack.RuleSetRule): boolean | undefined => {

amoshydra

const fs = require('fs');
const glob = require('glob');

module.exports = (options = {}) => {
  const collector = {};
  const stuffs = glob.sync(options.inputGlob)
    .map(filepath => fs.readFileSync(filepath, { encoding: 'utf8' }))
    .join('\n')
    // Collect then remove import syntax
    .replace(/@import url\([^;]+\);/g, (match) => {

amoshydra

const { performance } = require('perf_hooks');
const consola = require('consola');
const path = require('path');
const glob = require('glob');
const shell = require('shelljs');
const camelCase = require('lodash/camelCase');
const upperFirst = require('lodash/upperFirst');
const fs = require('fs-extra');
const os = require('os');

amoshydra

// Complements: Planet PDF (http://www.planetpdf.com/)
// Source: https://forums.adobe.com/thread/286654?start=40&tstart=0
// Modified by
//   - Christian Sass for Acrobat XI compatibility
//   - Bernd Alheit for newer Acrobat compatibility
//   - amoshydra for comsolidating solution

// Add a menu item to reverse all pages in the active document
app.addToolButton({ cName: "Reverse", cLabel: "Reverse", cExec: "PPReversePages();", cEnable: "event.rc = (event.target != null);"});
app.addToolButton({ cName: "Collate", cLabel: "Collate", cExec: "trustedCollatePages();", cEnable: "event.rc = (event.target != null);"});

amoshydra

// http://eslint.org/docs/user-guide/configuring

module.exports = {
  'extends': [
    'standard',
    'plugin:vue/recommended',
  ],
  'plugins': [
    'standard'
  ],

amoshydra