{"action":"created","issue":{"url":"https://api.github.com/repos/developit/preact-compat-example/issues/3","repository_url":"https://api.github.com/repos/developit/preact-compat-example","labels_url":"https://api.github.com/repos/developit/preact-compat-example/issues/3/labels{/name}","comments_url":"https://api.github.com/repos/developit/preact-compat-example/issues/3/comments","events_url":"https://api.github.com/repos/developit/preact-compat-example/issues/3/events","html_url":"https://github.com/developit/preact-compat-example/issues/3","id":136808011,"number":3,"title":"Some react-toolbox components work, some not","user":{"login":"rsaccon","id":16122,"avatar_url":"https://avatars.githubusercontent.com/u/16122?v=3","gravatar_id":"","url":"https://api.github.com/users/rsaccon","html_url":"https://github.com/rsaccon","followers_url":"https://api.github.com/users/rsaccon/followers","following_url":"https://api.github.com/users/rsaccon/following{/other_user}","gists_url":"https://api.github.com/users/rsaccon/gists{/gist_id}","starred_url":"https://api.github.com/users/rsaccon/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/rsaccon/subscriptions","organizations_url":"https://api.github.com/users/rsaccon/orgs","repos_url":"https://api.github.com/users/rsaccon/repos","events_url":"https://api.github.com/users/rsaccon/events{/privacy}","received_events_url":"https://api.github.com/users/rsaccon/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":16,"created_at":"2016-02-26T20:35:25Z","updated_at":"2016-02-29T17:50:24Z","closed_at":null,"body":"I just tried them all to see how far we get with preact-4.1.0 and preact-compat-1.1.0\r\n\r\nFirst the good news: Many (if not most) components just work as expected.\r\n\r\nNow the bad news.  The following imports fail:\r\n\r\n```\r\nimport DatePicker from 'react-toolbox/lib/date_picker';\r\nimport { List, ListItem, ListSubHeader, ListDivider, ListCheckbox } from 'react-toolbox';\r\nimport {IconMenu, MenuItem, MenuDivider } from 'react-toolbox';\r\nimport { RadioGroup, RadioButton } from 'react-toolbox';\r\nimport { Snackbar } from 'react-toolbox';\r\nimport {Tab, Tabs} from 'react-toolbox';\r\nimport TimePicker from 'react-toolbox/lib/time_picker';\r\n```\r\n\r\nThe error is always the same: `ReactCSSTransitionGroup` module cannot be resolved and/or polyfill modules cannot be resolved. Here is an example of such an error:\r\n\r\n```\r\n./~/react-toolbox/lib/utils/polyfills.js\r\nModule not found: Error: Cannot resolve module 'core-js/fn/array/from' in /Users/robertosaccon/preact-compat-example/node_modules/react-toolbox/lib/utils\r\nresolve module core-js/fn/array/from in /Users/robertosaccon/preact-compat-example/node_modules/react-toolbox/lib/utils\r\n  looking for modules in /Users/robertosaccon/preact-compat-example/node_modules\r\n    /Users/robertosaccon/preact-compat-example/node_modules/core-js doesn't exist (module as directory)\r\n[/Users/robertosaccon/preact-compat-example/node_modules/core-js]\r\n @ ./~/react-toolbox/lib/utils/polyfills.js 3:0-32\r\n\r\n\r\n./~/react-toolbox/lib/utils/polyfills.js\r\nModule not found: Error: Cannot resolve module 'core-js/fn/array/iterator' in /Users/robertosaccon/preact-compat-example/node_modules/react-toolbox/lib/utils\r\nresolve module core-js/fn/array/iterator in /Users/robertosaccon/preact-compat-example/node_modules/react-toolbox/lib/utils\r\n  looking for modules in /Users/robertosaccon/preact-compat-example/node_modules\r\n    /Users/robertosaccon/preact-compat-example/node_modules/core-js doesn't exist (module as directory)\r\n[/Users/robertosaccon/preact-compat-example/node_modules/core-js]\r\n @ ./~/react-toolbox/lib/utils/polyfills.js 5:0-36\r\n\r\n\r\n./~/react-toolbox/lib/utils/polyfills.js\r\nModule not found: Error: Cannot resolve module 'core-js/fn/map' in /Users/robertosaccon/preact-compat-example/node_modules/react-toolbox/lib/utils\r\nresolve module core-js/fn/map in /Users/robertosaccon/preact-compat-example/node_modules/react-toolbox/lib/utils\r\n  looking for modules in /Users/robertosaccon/preact-compat-example/node_modules\r\n    /Users/robertosaccon/preact-compat-example/node_modules/core-js doesn't exist (module as directory)\r\n[/Users/robertosaccon/preact-compat-example/node_modules/core-js]\r\n @ ./~/react-toolbox/lib/utils/polyfills.js 7:0-25\r\n\r\n\r\n./~/react-toolbox/lib/utils/polyfills.js\r\nModule not found: Error: Cannot resolve module 'core-js/fn/string/starts-with' in /Users/robertosaccon/preact-compat-example/node_modules/react-toolbox/lib/utils\r\nresolve module core-js/fn/string/starts-with in /Users/robertosaccon/preact-compat-example/node_modules/react-toolbox/lib/utils\r\n  looking for modules in /Users/robertosaccon/preact-compat-example/node_modules\r\n    /Users/robertosaccon/preact-compat-example/node_modules/core-js doesn't exist (module as directory)\r\n[/Users/robertosaccon/preact-compat-example/node_modules/core-js]\r\n @ ./~/react-toolbox/lib/utils/polyfills.js 9:0-40\r\n\r\n\r\n./~/react-toolbox/lib/utils/polyfills.js\r\nModule not found: Error: Cannot resolve module 'core-js/fn/symbol' in /Users/robertosaccon/preact-compat-example/node_modules/react-toolbox/lib/utils\r\nresolve module core-js/fn/symbol in /Users/robertosaccon/preact-compat-example/node_modules/react-toolbox/lib/utils\r\n  looking for modules in /Users/robertosaccon/preact-compat-example/node_modules\r\n    /Users/robertosaccon/preact-compat-example/node_modules/core-js doesn't exist (module as directory)\r\n[/Users/robertosaccon/preact-compat-example/node_modules/core-js]\r\n @ ./~/react-toolbox/lib/utils/polyfills.js 11:0-28\r\n\r\n\r\n./~/react-addons-css-transition-group/index.js\r\nModule not found: Error: Cannot resolve module 'preact-compat/lib/ReactCSSTransitionGroup' in /Users/robertosaccon/preact-compat-example/node_modules/react-addons-css-transition-group\r\nresolve module preact-compat/lib/ReactCSSTransitionGroup in /Users/robertosaccon/preact-compat-example/node_modules/react-addons-css-transition-group\r\n  looking for modules in /Users/robertosaccon/preact-compat-example/node_modules\r\n    resolve 'file' or 'directory' lib/ReactCSSTransitionGroup in /Users/robertosaccon/preact-compat-example/node_modules/preact-compat\r\n      resolve file\r\n        /Users/robertosaccon/preact-compat-example/node_modules/preact-compat/lib/ReactCSSTransitionGroup doesn't exist\r\n        /Users/robertosaccon/preact-compat-example/node_modules/preact-compat/lib/ReactCSSTransitionGroup.jsx doesn't exist\r\n        /Users/robertosaccon/preact-compat-example/node_modules/preact-compat/lib/ReactCSSTransitionGroup.scss doesn't exist\r\n        /Users/robertosaccon/preact-compat-example/node_modules/preact-compat/lib/ReactCSSTransitionGroup.js doesn't exist\r\n        /Users/robertosaccon/preact-compat-example/node_modules/preact-compat/lib/ReactCSSTransitionGroup.json doesn't exist\r\n      resolve directory\r\n        /Users/robertosaccon/preact-compat-example/node_modules/preact-compat/lib/ReactCSSTransitionGroup doesn't exist (directory default file)\r\n        /Users/robertosaccon/preact-compat-example/node_modules/preact-compat/lib/ReactCSSTransitionGroup/package.json doesn't exist (directory description file)\r\n[/Users/robertosaccon/preact-compat-example/node_modules/preact-compat/lib/ReactCSSTransitionGroup]\r\n[/Users/robertosaccon/preact-compat-example/node_modules/preact-compat/lib/ReactCSSTransitionGroup.jsx]\r\n[/Users/robertosaccon/preact-compat-example/node_modules/preact-compat/lib/ReactCSSTransitionGroup.scss]\r\n[/Users/robertosaccon/preact-compat-example/node_modules/preact-compat/lib/ReactCSSTransitionGroup.js]\r\n[/Users/robertosaccon/preact-compat-example/node_modules/preact-compat/lib/ReactCSSTransitionGroup.json]\r\n @ ./~/react-addons-css-transition-group/index.js 1:17-61\r\n```\r\nThe CSS transition stuff has been mentioned before: https://github.com/developit/preact-compat/issues/14. Now I am wondering whether preact-compat should be extended or instead just a specific toolbox compatibility layer created\r\n\r\nThe following components don't work as expected or throw runtime errors at initial render:\r\n\r\n**Avatar**: Inline SVG (Github Icon in the original documentation example) does not get displayed\r\n\r\n**Dialog** and **Drawer**: throw a runtime error\r\n`Uncaught TypeError: Cannot read property 'map' of undefined`\r\n\r\n**DropDown**: throws a runtime error\r\n`Uncaught Error: Invalid prop `value` of type `number` supplied to `Dropdown`, expected `string`.`\r\n\r\nWould be great if we get all components working !!!"},"comment":{"url":"https://api.github.com/repos/developit/preact-compat-example/issues/comments/190308289","html_url":"https://github.com/developit/preact-compat-example/issues/3#issuecomment-190308289","issue_url":"https://api.github.com/repos/developit/preact-compat-example/issues/3","id":190308289,"user":{"login":"developit","id":105127,"avatar_url":"https://avatars.githubusercontent.com/u/105127?v=3","gravatar_id":"","url":"https://api.github.com/users/developit","html_url":"https://github.com/developit","followers_url":"https://api.github.com/users/developit/followers","following_url":"https://api.github.com/users/developit/following{/other_user}","gists_url":"https://api.github.com/users/developit/gists{/gist_id}","starred_url":"https://api.github.com/users/developit/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/developit/subscriptions","organizations_url":"https://api.github.com/users/developit/orgs","repos_url":"https://api.github.com/users/developit/repos","events_url":"https://api.github.com/users/developit/events{/privacy}","received_events_url":"https://api.github.com/users/developit/received_events","type":"User","site_admin":false},"created_at":"2016-02-29T17:50:24Z","updated_at":"2016-02-29T17:50:24Z","body":"Funky. Might be a bug in preact-svg, will look into this. "}}