| // enter this in your browser then add it as favorite ! | |
| data:text/html,<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"/> <meta name="viewport" content="width=device-width, initial-scale=1.0"/><meta http-equiv="X-UA-Compatible" content="ie=edge"/><style>html, body{font-family: 'Fira Code', monospace; margin: 0;} %23container{position: fixed; top: 0; bottom: 0; left: 0; right: 0;}</style> <title>Codepad</title> </head> <body> <div id="container"></div><script src="https://unpkg.com/[email protected]/min/vs/loader.js"></script> <script>require.config({paths:{vs: 'https://unpkg.com/[email protected]/min/vs'}}); require(['vs/editor/editor.main'], function(){function isApplePlatform(){return window && window.navigator && window.navigator.platform ? window.navigator.platform.match(/(Mac|iPhone|iPod|iPad)/i) ? true : false : true;}console.log(monaco.languages.typescript); monaco.languages.typescript.typescriptDefaults.setCompilerOptions({jsx: 'react',}); const fileContent=['function x(){', '\tconso |
| const secret = Symbol(); | |
| type Secret = typeof secret; | |
| type Keys<T> = keyof T; | |
| type NotNeverKeys<T> = { [P in keyof T]: T[P] extends never ? never : P }[keyof T]; | |
| type WithoutNever<T> = keyof Pick<T, NotNeverKeys<T>> extends never | |
| ? never |
IMO the main reason we need a way to have nested modules is that it would let us create libraries without forcing the user to put it in a specific module.
A basic appraoch to nested modules is to simply destrcuturate a module anywhere in state & actions.
| import App, { derive, hidden, Action, Operation, Mutate } from 'overmind'; | |
| declare module 'overmind' { | |
| function hidden<T>(val: T): T; | |
| } | |
| namespace Resource { | |
| enum Status { | |
| Void = 'void', | |
| Pending = 'pending', |
| export class Hook { | |
| constructor() { | |
| this.taps = []; | |
| } | |
| call(value) { | |
| return this.taps.reduce((acc, tap) => { | |
| return acc.then(val => { | |
| try { | |
| return tap.fn(val); |
| import React from 'react'; | |
| function onlyChild(children) { | |
| return Array.isArray(children) ? children[0] : children; | |
| } | |
| export function combineContext(contexts) { | |
| class Provider extends React.Component { | |
| render() { | |
| const init = this.props.children; |
| import { NormalizedCache, NormalizedCacheObject, StoreObject } from 'apollo-cache-inmemory'; | |
| import { Store, Action } from 'redux'; | |
| import produce from 'immer'; | |
| // SET | |
| const SET = '@apollo/SET'; | |
| interface SetAction extends Action { | |
| payload: { | |
| dataId: string; | |
| value: StoreObject; |
| function detectCircularDependencies(graph) { | |
| let steps = Object.keys(graph).map(v => [v]); | |
| do { | |
| steps = steps.reduce((acc, step) => { | |
| const current = step[step.length - 1]; | |
| const init = step[0]; | |
| if (step.length > 1 && current === init) { | |
| console.error(`Circular error: ${step.join(' > ')}`) | |
| throw new Error(`Circular error: ${step.join(' > ')}`); | |
| } |
| function createStore(initialState) { | |
| let state = initialState; | |
| const listeners = []; | |
| return { | |
| getState: () => state, | |
| dispatch: (action) => { | |
| state = action(state); | |
| listeners.forEach(listener => listener()) | |
| return action; | |
| }, |
A Pen by Etienne Deladonchamps on CodePen.