Andrew Luetgers andrewluetgers
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| foo |
andrewluetgers
/ Panel.jsx
Created
May 2, 2023 21:27
based on https://stackoverflow.com/a/61844861/2217755
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div css={styles}> | |
| <div class="panel flex-container"> | |
| <div class="header">fixed</div> | |
| <div class="content flex-container non-scrollable"> | |
| <div class="flex-container non-scrollable"> | |
| expands.. | |
| <div class="list scrollable"> | |
| scrolls... |
andrewluetgers
/ RuleBuilder.stories.jsx
Last active
December 18, 2021 19:48
A pile of code that captures the core of a system to mock out apis that can be used in msw or in express. A standard crud api generator is implemented for the client that uses reactQuery.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import {mswMocks as ruleMocks, getRulesBody} from '../../../api/rules/rulesMocks' | |
| import {mswMocks as rulesetMocks, getRulesetsBody} from '../../../api/rulesets/rulesetsMocks' | |
| import {mswMocks as channelMocks} from '../../../api/channels/channelMocks' | |
| import RuleBuilder from './RuleBuilder' | |
| // -------------------------------------- setup ---------------------------------------- | |
| let items = getRulesetsBody, | |
| item = items[0], | |
| {name, uuid} = item || {}, |
andrewluetgers
/ PresentInteraction.jsx
Last active
January 23, 2024 19:17
Presentation mode for Storybook play functions
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import {useEffect} from 'react' | |
| import {fireEvent, within} from '@storybook/testing-library' | |
| import userEvent from '@testing-library/user-event' | |
| export const presentInteraction = storyFn => { | |
| return ( | |
| <div> | |
| <PresentInteraction/> | |
| {storyFn()} |
andrewluetgers
/ useThisState.js
Created
October 16, 2020 18:40
Works like useState but for Class Components using this.setState
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| function useThisState(key, component, initialState) { | |
| let set = (val) => component.setState({[key]: val}), | |
| initial = !(key in component.state) | |
| if (initial) { | |
| set(initialState) | |
| } | |
| let retVal = initial ? initialState : component.state[key] |
andrewluetgers
/ simpleRulesEngine.js
Created
September 14, 2020 20:28
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import {every, filter} from 'lodash' | |
| export const numericComparisons = { | |
| lte: (a, b) => a <= b, | |
| lt: (a, b) => a < b, | |
| gt: (a, b) => a > b, | |
| gte: (a, b) => a >= b, | |
| eq: (a, b) => a === b, | |
| neq: (a, b) => a !== b |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // get n linear steps between point{x, y} a and b | |
| function interPoints(a, b, n) { | |
| let int = (t) => ({ | |
| x: a.x * (1 - t) + b.x * t, | |
| y: a.y * (1 - t) + b.y * t | |
| }), | |
| step = 1/(n+1), | |
| ret = []; | |
| for (let i=0; i<n; i++) { |
andrewluetgers
/ selectParent.js
Last active
February 28, 2019 16:08
Select a parent node that matches a query selector.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| export default function selectParent(el, selector) { | |
| let parent = null, | |
| p = el.parentNode, | |
| pp = p.parentNode, | |
| sel = pp ? pp.querySelector(selector) : null, | |
| done = !pp || sel === p; | |
| console.log(selector, el) | |
| return done ? sel : selectParent(p, selector); | |
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <html> | |
| <body> | |
| <script> | |
| function round(n) { | |
| return Math.round(n * 100)/100 | |
| } | |
| // parameters for 35mm microfilm rolls |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // debounce function if arguments do not change | |
| // https://github.com/lodash/lodash/issues/2403#issuecomment-290760787 | |
| function activate(func, wait=0, options={}) { | |
| var mem = _.memoize(function() { | |
| return _.debounce(func, wait, options) | |
| }, options.resolver); | |
| return function(){mem.apply(this, arguments).apply(this, arguments)} | |
| } |
NewerOlder