Used by the marketplace feature of Flipper: facebook/flipper#3491
This code needs a few changes to make it work, depending on the NPM server used.
npmAdapteris written for verdaccio.co.
yarn && yarn startMartkeplace URL to http://localhost:4004/flipper-plugins
| # Find process running with port 8081 and later kill it. | |
| # Tested on Mac OSx (should work on all unix based os as well) | |
| kill $(lsof -t -i :8081) |
| // React Native version <= 0.59 | |
| { | |
| "presets": ["module:metro-react-native-babel-preset"], | |
| "plugins": [ | |
| ["module-resolver", { | |
| "root": ["./"], | |
| "alias": { | |
| "ReactNativeRenderer-prod": "./node_modules/react-native/Libraries/Renderer/oss/ReactNativeRenderer-profiling", | |
| "scheduler/tracing": "scheduler/tracing-profiling" | |
| } |
| import React, {Component} from "react" | |
| import {Text, View} from "react-native" | |
| const Profiler = React.unstable_Profiler | |
| export default class App extends Component { | |
| logMeasurement = async (id, phase, actualDuration, baseDuration) => { | |
| // see output during DEV | |
| if (__DEV__) console.log({id, phase, actualDuration, baseDuration}) | |
| } |
| import React, {Component} from "react" | |
| import {Text, View} from "react-native" | |
| import firebase from "react-native-firebase" | |
| const Profiler = React.unstable_Profiler | |
| export default class App extends Component { | |
| constructor(props) { | |
| super(props) | |
| this.trace = null |
| /* Transform dasherized, underscored string to camelCase */ | |
| const cameliseMe = (str, separator = "-") => { | |
| const splitted = str.split(separator); | |
| if (splitted.length === 1) return str; | |
| return splitted.reduce( | |
| (acc, [up, ...rest]) => `${acc}${up.toUpperCase() + rest.join("")}` | |
| ); | |
| }; |
| <main> | |
| <section> | |
| <hgroup> | |
| <h1>h1 HTML5 Kitchen Sink</h1> | |
| <h2>h2 Back in my quaint <a href='#'>garden</a></h2> | |
| <h3>h3 Jaunty <a href='#'>zinnias</a> vie with flaunting phlox</h3> | |
| <h4>h4 Five or six big jet planes zoomed quickly by the new tower.</h4> | |
| <h5>h5 Expect skilled signwriters to use many jazzy, quaint old alphabets effectively.</h5> | |
| <h6>h6 Pack my box with five dozen liquor jugs.</h6> | |
| </hgroup> |
| // Open console and run this script | |
| [...document.querySelectorAll('.branch-delete')].forEach(button => button.click()); | |
| // URL to try | |
| // https://github.com/--url-to-repository/branches/stale |
| <!DOCTYPE HTML> | |
| <html> | |
| <head> | |
| <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> | |
| <title>IntersectionObserver</title> | |
| <script src="https://cdn.polyfill.io/v2/polyfill.js?features=IntersectionObserver&min=false"></script> | |
| <style> | |
| html, body { | |
| padding: 0; |