| /* | |
| MIT License http://www.opensource.org/licenses/mit-license.php | |
| Author Tobias Koppers @sokra | |
| */ | |
| "use strict"; | |
| const glob2regexp = require("glob-to-regexp"); | |
| const { | |
| JAVASCRIPT_MODULE_TYPE_AUTO, |
The following example shows the result of bundling of css modules in the following setting:
"sideEffect": "true" for all packages package.jsonBecause of "sideEffect": "true" webpack processes all imports when dealing with barrel files.
| // tested on: https://www.youtube.com/results?search_query=chrome+performance | |
| const styleElement = document.createElement("style"); | |
| styleElement.innerHTML = ` | |
| @property --unused-property-no-inherit { inherits: false } | |
| *, *:before, *:after { box-sizing: inherit } | |
| .opacity-30 { | |
| opacity: 0.3; | |
| } |
| const styleElement = document.createElement("style"); | |
| styleElement.innerHTML = `@property --unused-property-no-inherit { inherits: false }` | |
| document.head.appendChild(styleElement); | |
| const styleSheet = styleElement.sheet; | |
| setTimeout(() => { | |
| performance.mark("inject html opacity 0.5"); | |
| console.log("add to <html> opacity: 0.5"); | |
| styleSheet.insertRule("html { opacity: 0.5 }", styleSheet.cssRules.length); | |
| }, 1000); |
| brew update | |
| brew install Cmake protobuf rust python | |
| git clone https://github.com/bfirsh/stable-diffusion.git | |
| git checkout apple-silicon-mps-support | |
| mkdir -p models/ldm/stable-diffusion-v1/ | |
| # accept license and download the model | |
| # sd-v1-4.ckpt from: | |
| # https://huggingface.co/CompVis/stable-diffusion-v-1-4-original |
| #!/usr/bin/env bash | |
| git fetch & | |
| MAIN_BRANCH="main" | |
| # detect master / main branch | |
| if [ "$(git rev-parse --quiet --verify $MAIN_BRANCH)" ]; then | |
| echo "main branch: ${MAIN_BRANCH}" | |
| else | |
| MAIN_BRANCH="master" |
| export const actionCreator = <TState>() => <TOptions extends {}>( | |
| actionHandler: ActionHandler<TOptions, TState> | |
| ) => actionHandler; | |
| type ActionHandler<TOptions extends {}, TState extends {}> = ( | |
| state: TState, | |
| options: TOptions | |
| ) => TState; | |
| type ActionOptions<T> = T extends ActionHandler<infer TOptions, infer State> | |
| ? TOptions | |
| : never; |
| //https://codepen.io/anon/pen/XyVQyp | |
| setUpTestEnvironment(); | |
| console.log('Test', 500) | |
| setViewportSize(500); | |
| assert.equal(meassureElementWidth('.content'), 500) |
| export default function() { | |
| return import('react-dom'); | |
| } |
| const viewportClassPrefix = (viewport: 'xs' | 'sm' | 'md' | 'lg') => viewport === 'xs' ? '' : ('-' + viewport); | |
| const flexAlignment = { | |
| col: { | |
| direction: { | |
| outer: (viewport: 'xs' | 'sm' | 'md' | 'lg') => `flex${viewportClassPrefix(viewport)}-column`, | |
| inner: (viewport: 'xs' | 'sm' | 'md' | 'lg') => `flex${viewportClassPrefix(viewport)}-row`, | |
| }, |