Skip to content

Instantly share code, notes, and snippets.

View juanmaguitar's full-sized avatar

JuanMa juanmaguitar

209 followers · 30 following
View GitHub Profile
@juanmaguitar
juanmaguitar / __experimental-block-json,txt
Last active April 28, 2023 20:40
use of __experimental in Gutenberg
⬢ gutenberg  trunk ⦾ grep -Rinw . -e '__experimental.*' --include=\block.json
./packages/block-library/src/read-more/block.json:28: "__experimentalFontFamily": true,
./packages/block-library/src/read-more/block.json:29: "__experimentalFontWeight": true,
./packages/block-library/src/read-more/block.json:30: "__experimentalFontStyle": true,
./packages/block-library/src/read-more/block.json:31: "__experimentalTextTransform": true,
./packages/block-library/src/read-more/block.json:32: "__experimentalLetterSpacing": true,
./packages/block-library/src/read-more/block.json:33: "__experimentalTextDecoration": true,
./packages/block-library/src/read-more/block.json:34: "__experimentalDefaultControls": {
./packages/block-library/src/read-more/block.json:42: "__experimentalDefaultControls": {
./packages/block-library/src/read-more/block.json:46: "__experimentalBorder": {
@juanmaguitar
juanmaguitar / gutenberg-search-CLIError.txt
Last active January 1, 2022 09:47
⬢ gutenberg trunk ⦾ grep -Rinw . -e 'new CLIError' --exclude=\*.test.js --exclude=\*npm.js --exclude=\*.json
./packages/create-block/lib/templates.js:106: throw new CLIError( 'Template found but invalid definition provided.' );
./packages/create-block/lib/templates.js:132: throw new CLIError(
./packages/create-block/lib/templates.js:139: throw new CLIError(
./packages/create-block/lib/templates.js:170: throw new CLIError(
@juanmaguitar
juanmaguitar / express-cors.js
Created January 30, 2020 08:28
const app = require('express')()
app.get('/', (req, res) => res.set('Access-Control-Allow-Origin', '*').status(400).send('ok'))
app.options('/', (req, res) => res.set('Access-Control-Allow-Origin', '*').set('Access-Control-Allow-Headers', 'Authorization').send())
app.listen(8080, () => console.log('server up'))
@juanmaguitar
juanmaguitar / flattenArray.js
Created December 9, 2019 10:20
const assert = require('assert');
/**
* flattenArray
* Flatten an array of arbitrarily nested arrays of integers
* into a flat array of integers
* e.g. [[1,2,[3]],4] -> [1,2,3,4].
*
* @param {array} arrayNested Array to be flattened
*
@juanmaguitar
juanmaguitar / cloudSettings
Created April 4, 2019 21:40
Visual Studio Code Settings Sync Gist
{"lastUpload":"2019-04-04T21:40:22.473Z","extensionVersion":"v3.2.7"}
@juanmaguitar
juanmaguitar / vexflow-b-sequence.md
Created June 30, 2018 12:49
https://music.stackexchange.com/questions/72436/chord-sequence-of-learn-to-fly-by-the-foo-fighters | http://www.vexflow.com/vextab/playground.html

options space=20 font-style=italic font-face=times font-size=10

tabstave notation=true key=B tablature=false notes B/3-C-D-E/4 | notes F-G-A-B/4

options space=20

tabstave notation=true key=B tablature=false

@juanmaguitar
juanmaguitar / withDidMountStateMessages.js
Last active June 3, 2018 11:18
import { lifecycle } from "recompose";
const getPendingMessages = () => {
const randomNumber = Math.ceil(Math.random() * 10);
return new Promise(resolve => {
setTimeout(() => resolve(randomNumber), randomNumber * 1000);
});
};
const withDidMountStateMessages = lifecycle({
@juanmaguitar
juanmaguitar / withDisplayMessages.js
Last active June 3, 2018 11:05
import React from "react";
import { compose, setDisplayName } from "recompose";
const withDisplayMessages = WrappedComponent => props => {
const { children, messages, loading, ..._props } = props;
return (
<WrappedComponent {..._props}>
{children}
{loading ? (
<span className="fas fa-spinner fa-pulse"> </span>
@juanmaguitar
juanmaguitar / using-recompose-to-write-clean-HOCs.md
Created June 1, 2018 19:24
Using Recompose to write clean HOCs

Using Recompose to write clean HOCs

In Javascript, we have a special type of functions, called Higher Order Functions that is those functions that work with other functions, either because they receive them as parameters (to execute them at some point of the body's functions) or because they return a new function when they're called

const sum = (a, b) => a + b
const multiplication = (a, b) => a * b

// Our Higher-Order Function
const getResultOperation = op =&gt; (a, b) =&gt; `The ${op.name} of ${a} and ${b} is ${op(a, b)}`
@juanmaguitar
juanmaguitar / recompose-notes.md
Last active May 18, 2018 11:33
recompose notes