From 5eb843fb9cad9cfaa92f018f6f00b4be94298e40 Mon Sep 17 00:00:00 2001 From: Chris Cowan Date: Tue, 29 Nov 2016 18:03:35 -0700 Subject: [PATCH] Changing event creation to be compatible with IE11 --- npm-debug.log | 125 -------------------------------------------------- src/index.js | 3 +- 2 files changed, 2 insertions(+), 126 deletions(-) delete mode 100644 npm-debug.log diff --git a/npm-debug.log b/npm-debug.log deleted file mode 100644 index be379e3..0000000 --- a/npm-debug.log +++ /dev/null @@ -1,125 +0,0 @@ -0 info it worked if it ends with ok -1 verbose cli [ '/Users/federicozivolo/.nvm/versions/node/v6.1.0/bin/node', -1 verbose cli '/Users/federicozivolo/.nvm/versions/node/v6.1.0/bin/npm', -1 verbose cli 'publish' ] -2 info using npm@3.8.6 -3 info using node@v6.1.0 -4 verbose publish [ '.' ] -5 silly cache add args [ '.', null ] -6 verbose cache add spec . -7 silly cache add parsed spec Result { -7 silly cache add raw: '.', -7 silly cache add scope: null, -7 silly cache add name: null, -7 silly cache add rawSpec: '.', -7 silly cache add spec: '/Users/federicozivolo/Progetti/react-resize-aware', -7 silly cache add type: 'directory' } -8 verbose addLocalDirectory /Users/federicozivolo/.npm/react-resize-aware/1.0.9/package.tgz not in flight; packing -9 verbose correctMkdir /Users/federicozivolo/.npm correctMkdir not in flight; initializing -10 info lifecycle react-resize-aware@1.0.9~prepublish: react-resize-aware@1.0.9 -11 verbose lifecycle react-resize-aware@1.0.9~prepublish: unsafe-perm in lifecycle true -12 verbose lifecycle react-resize-aware@1.0.9~prepublish: PATH: /Users/federicozivolo/.nvm/versions/node/v6.1.0/lib/node_modules/npm/bin/node-gyp-bin:/Users/federicozivolo/Progetti/react-resize-aware/node_modules/.bin:/Users/federicozivolo/.nvm/versions/node/v6.1.0/bin:/Users/federicozivolo/.rbenv/shims:/Users/federicozivolo/.nvm/versions/node/v6.1.0/bin:/usr/local/bin:/usr/bin:/bin:/usr/sbin:/sbin:/Users/federicozivolo/.go/bin:/usr/local/opt/go/libexec/bin -13 verbose lifecycle react-resize-aware@1.0.9~prepublish: CWD: /Users/federicozivolo/Progetti/react-resize-aware -14 silly lifecycle react-resize-aware@1.0.9~prepublish: Args: [ '-c', -14 silly lifecycle 'NODE_ENV=production webpack -p && echo `gzip -c dist/resizeAware.js | wc -c`' ] -15 silly lifecycle react-resize-aware@1.0.9~prepublish: Returned: code: 0 signal: null -16 verbose tar pack [ '/Users/federicozivolo/.npm/react-resize-aware/1.0.9/package.tgz', -16 verbose tar pack '/Users/federicozivolo/Progetti/react-resize-aware' ] -17 verbose tarball /Users/federicozivolo/.npm/react-resize-aware/1.0.9/package.tgz -18 verbose folder /Users/federicozivolo/Progetti/react-resize-aware -19 verbose addLocalTarball adding from inside cache /Users/federicozivolo/.npm/react-resize-aware/1.0.9/package.tgz -20 verbose correctMkdir /Users/federicozivolo/.npm correctMkdir not in flight; initializing -21 silly cache afterAdd react-resize-aware@1.0.9 -22 verbose afterAdd /Users/federicozivolo/.npm/react-resize-aware/1.0.9/package/package.json not in flight; writing -23 verbose correctMkdir /Users/federicozivolo/.npm correctMkdir not in flight; initializing -24 verbose afterAdd /Users/federicozivolo/.npm/react-resize-aware/1.0.9/package/package.json written -25 silly publish { name: 'react-resize-aware', -25 silly publish version: '1.0.9', -25 silly publish description: 'A resize aware component used to detect sizes changes on your components', -25 silly publish main: 'dist/ResizeAware.js', -25 silly publish scripts: { prepublish: 'NODE_ENV=production webpack -p && echo `gzip -c dist/resizeAware.js | wc -c`' }, -25 silly publish repository: -25 silly publish { type: 'git', -25 silly publish url: 'git+ssh://git@github.com/FezVrasta/react-resize-aware.git' }, -25 silly publish keywords: -25 silly publish [ 'react', -25 silly publish 'resize', -25 silly publish 'element', -25 silly publish 'queries', -25 silly publish 'media', -25 silly publish 'query', -25 silly publish 'element', -25 silly publish 'query' ], -25 silly publish author: { name: 'Federico Zivolo', email: 'federico.zivolo@gmail.com' }, -25 silly publish license: 'MIT', -25 silly publish bugs: { url: 'https://github.com/FezVrasta/react-resize-aware/issues' }, -25 silly publish homepage: 'https://github.com/FezVrasta/react-resize-aware#readme', -25 silly publish devDependencies: -25 silly publish { 'babel-core': '~5', -25 silly publish 'babel-loader': '~5', -25 silly publish react: '~15.0.1', -25 silly publish webpack: '~1' }, -25 silly publish readme: '# react-resize-aware\n\nA simple React.js component you can use to make any piece of UI aware of its size.\n\nEach time the component changes its size (it can be due to a window resize, a CSS change, a JS action, etc...)\na `resize` event will be fired on the component itself.\n\nYou can then listen to such event to perform any kind of operation.\n\nThis component doesn\'t rely on intervals, loops or any other weird stuff. \nIt takes advantage of the `resize` event of the `` HTML element.\n\nIt requires just React.js and ReactDOM.\n\nInstall it with\n\n```\nnpm install react-resize-aware --save\n```\n\n# License\n\nMIT License\nCopyright 2016, Federico Zivolo\n', -25 silly publish readmeFilename: 'README.md', -25 silly publish gitHead: 'f7214b0bdfbcdc660de73a8f065677b30b148f22', -25 silly publish _id: 'react-resize-aware@1.0.9', -25 silly publish _shasum: '55bdbce14b01a9cd4826101f276ba7ff4fd81696', -25 silly publish _from: '.' } -26 verbose getPublishConfig undefined -27 silly mapToRegistry name react-resize-aware -28 silly mapToRegistry using default registry -29 silly mapToRegistry registry https://registry.npmjs.org/ -30 silly mapToRegistry data Result { -30 silly mapToRegistry raw: 'react-resize-aware', -30 silly mapToRegistry scope: null, -30 silly mapToRegistry name: 'react-resize-aware', -30 silly mapToRegistry rawSpec: '', -30 silly mapToRegistry spec: 'latest', -30 silly mapToRegistry type: 'tag' } -31 silly mapToRegistry uri https://registry.npmjs.org/react-resize-aware -32 verbose publish registryBase https://registry.npmjs.org/ -33 silly publish uploading /Users/federicozivolo/.npm/react-resize-aware/1.0.9/package.tgz -34 verbose request uri https://registry.npmjs.org/react-resize-aware -35 verbose request sending authorization for write operation -36 info attempt registry request try #1 at 21:29:23 -37 verbose request using bearer token for auth -38 verbose request id b87c171fd8310601 -39 http request PUT https://registry.npmjs.org/react-resize-aware -40 http 403 https://registry.npmjs.org/react-resize-aware -41 verbose headers { 'content-type': 'application/json', -41 verbose headers 'cache-control': 'max-age=300', -41 verbose headers 'content-length': '95', -41 verbose headers 'accept-ranges': 'bytes', -41 verbose headers date: 'Thu, 12 May 2016 19:29:26 GMT', -41 verbose headers via: '1.1 varnish', -41 verbose headers connection: 'keep-alive', -41 verbose headers 'x-served-by': 'cache-fra1229-FRA', -41 verbose headers 'x-cache': 'MISS', -41 verbose headers 'x-cache-hits': '0', -41 verbose headers 'x-timer': 'S1463081364.757052,VS0,VE1526', -41 verbose headers vary: 'Accept-Encoding' } -42 verbose request invalidating /Users/federicozivolo/.npm/registry.npmjs.org/react-resize-aware on PUT -43 error publish Failed PUT 403 -44 verbose stack Error: "You cannot publish over the previously published version 1.0.9." : react-resize-aware -44 verbose stack at makeError (/Users/federicozivolo/.nvm/versions/node/v6.1.0/lib/node_modules/npm/node_modules/npm-registry-client/lib/request.js:264:12) -44 verbose stack at CachingRegistryClient. (/Users/federicozivolo/.nvm/versions/node/v6.1.0/lib/node_modules/npm/node_modules/npm-registry-client/lib/request.js:252:14) -44 verbose stack at Request._callback (/Users/federicozivolo/.nvm/versions/node/v6.1.0/lib/node_modules/npm/node_modules/npm-registry-client/lib/request.js:172:14) -44 verbose stack at Request.self.callback (/Users/federicozivolo/.nvm/versions/node/v6.1.0/lib/node_modules/npm/node_modules/request/request.js:199:22) -44 verbose stack at emitTwo (events.js:106:13) -44 verbose stack at Request.emit (events.js:191:7) -44 verbose stack at Request. (/Users/federicozivolo/.nvm/versions/node/v6.1.0/lib/node_modules/npm/node_modules/request/request.js:1036:10) -44 verbose stack at emitOne (events.js:101:20) -44 verbose stack at Request.emit (events.js:188:7) -44 verbose stack at IncomingMessage. (/Users/federicozivolo/.nvm/versions/node/v6.1.0/lib/node_modules/npm/node_modules/request/request.js:963:12) -45 verbose statusCode 403 -46 verbose pkgid react-resize-aware -47 verbose cwd /Users/federicozivolo/Progetti/react-resize-aware -48 error Darwin 15.4.0 -49 error argv "/Users/federicozivolo/.nvm/versions/node/v6.1.0/bin/node" "/Users/federicozivolo/.nvm/versions/node/v6.1.0/bin/npm" "publish" -50 error node v6.1.0 -51 error npm v3.8.6 -52 error code E403 -53 error "You cannot publish over the previously published version 1.0.9." : react-resize-aware -54 error If you need help, you may report this error at: -54 error -55 verbose exit [ 1, true ] diff --git a/src/index.js b/src/index.js index 66dadcf..6b41ad0 100644 --- a/src/index.js +++ b/src/index.js @@ -54,7 +54,8 @@ export default class ResizeAware extends Component { // function called on component resize // a `resize` event will be triggered on the component onResize(evt) { - var event = new Event('resize') + var event = document.createEvent('Event'); + event.initEvent('resize', true, true); this.refs.container.dispatchEvent(event) }