| import { innerHTML, createTree } from 'diffhtml'; | |
| import WebComponent from 'diffhtml-components/web-component'; | |
| import PropTypes from 'proptypes'; | |
| customElements.define('jsx-test', class extends WebComponent { | |
| render({ message }) { | |
| return ( | |
| <div>{message}</div> | |
| ); | |
| } |
| Object.defineProperty(window, Symbol.for('registry'), { | |
| value: new Map(), | |
| }); | |
| window.importScript = src => { | |
| const registry = window[Symbol.for('registry')]; | |
| if (registry.has(src)) { | |
| return registry.get(src).promise; | |
| } |
| <style> | |
| body { display: flex; align-items: center; justify-content: center; } | |
| h1 { font-size: 60px; font-family: Helvetica; } | |
| </style> | |
| <script type="module"> | |
| import { innerHTML, html, use } from 'https://diffhtml.org/master/diffhtml'; | |
| import createLogger from 'https://diffhtml.org/master/diffhtml-middleware-logger'; | |
| import inlineTransitions from 'https://diffhtml.org/master/diffhtml-middleware-inline-transitions'; |
| <body></body> | |
| <script type="module"> | |
| import { innerHTML, html, use } from 'https://diffhtml.org/es/runtime'; | |
| import Pool from 'https://diffhtml.org/es/util/pool'; | |
| use(transaction => { | |
| console.log('Started transaction'); | |
| console.log(transaction); |
| { | |
| const { Component, cloneElement, createElement: jsx } = React; | |
| const { findDOMNode, render } = ReactDOM; | |
| const map = new WeakMap(); | |
| const attrMap = { | |
| htmlFor: 'for', | |
| className: 'class', | |
| }; | |
| const toReactElement = (domNode, props) => { |
| // FIXME This logic is potentially super overkill for our needs. Is there | |
| // a way to change the URL based off changing a param (we could simply | |
| // update the tab param)? | |
| @autobind | |
| handleTabSwitch(index) { | |
| this.setState({ index }); | |
| const { router: { params: { tab }, location } } = this.props; | |
| const identifier = this.identifierMap[index]; | |
| const { search } = location; |
I've been really upset at the following code:
@autobind
handleTabSwitch(index) {
this.setState({ index });
const { router: { params: { tab }, location } } = this.props;
const identifier = this.identifierMap[index];
const { search, pathname } = location;
| import React, { Component, PropTypes } from 'react'; | |
| import { connect } from 'react-redux'; | |
| import { mapStateToProps, mapDispatchToProps } from 'simple-redux-helpers'; | |
| class MyComponent extends Component { | |
| static propTypes = { | |
| slice: PropTypes.shape({ | |
| def: PropTypes.string, | |
| }), | |
| } |
The following code fails in Node 7, while strangely passes in Node 6. I couldn't find any release notes or changelog entries that would account for this breakage.
| it('will hold off rendering until attributeChanged promise resolves', () => { | |
| const promise = Promise.resolve(); | |
| const { use, innerHTML, addTransitionState } = diff; | |
| const { fixture } = this; | |
| const assertions = [ | |
| () => { | |
| ok(fixture.querySelector('p')); | |
| equal(fixture.querySelector('p').className, ''); | |
| }, |