4 ms·

I’m curious what framework Apple uses for web now. Last I checked (a week ago) icloud.com is still implemented with SproutCore.

kevin2r 7y ago
Looks like Ember for the most part. Look at the code, it's not minified, yet...
- The_rationalist 7y ago
  It would be nice to save the code and upload it to github.com, is there a tool to make this automatically?
  - wrboyce 7y ago
    wget can do this, the --mirror option is probably a good start along with --page-requisite.
- pier25 7y ago
  Indeed: https://js-cdn.music.apple.com/musickit/v2/components/musickit-components/core-02a04998.js https://js-cdn.music.apple.com/musickit/v2/components/musick...
- nullvoxpopuli 7y ago
  That's weird. Ember minifies by default
jpgvm 7y ago
This is implemented using Ember which is the spiritual successor to SproutCore
spankalee 7y ago
Looks like a combination of Ember and web components.
- yesimahuman 7y ago
  Yep and the web components are built with Stencil: http://stenciljs.com/ http://stenciljs.com/
pier25 7y ago
Ember, jQuery, Moment, and RequireJS. https://imgur.com/DioXtwe https://imgur.com/DioXtwe
- lajr 7y ago
  What extension is this?
  - pier25 7y ago
    UI Stack. Only for Chrome though. https://chrome.google.com/webstore/detail/ui-stack/ijagbooglignnjecmjnmdfapfbgblkdk?hl=en https://chrome.google.com/webstore/detail/ui-stack/ijagboogl...
  - guessmyname 7y ago
    Wappalyzer [1] is much better in my opinion. And is available for both Chrome [2] and Firefox [3] as well as a Bookmarklet [4]. The extension that @pier25 is using seems to be available only on Google Chrome [5]. [1] https://www.wappalyzer.com/ https://www.wappalyzer.com/ [2] https://chrome.google.com/webstore/detail/wappalyzer/gppongmhjkpfnbhagpmjfkannfbllamg https://chrome.google.com/webstore/detail/wappalyzer/gppongm... [3] https://addons.mozilla.org/firefox/addon/wappalyzer/ https://addons.mozilla.org/firefox/addon/wappalyzer/ [4] https://www.wappalyzer.com/download https://www.wappalyzer.com/download [5] https://chrome.google.com/webstore/detail/ui-stack/ijagbooglignnjecmjnmdfapfbgblkdk https://chrome.google.com/webstore/detail/ui-stack/ijagboogl...
    - fireattack 7y ago
      Similar tools include WhatRuns [1] (Chrome only). [1] https://www.whatruns.com/ https://www.whatruns.com/
    - pier25 7y ago
      Thanks, Wappalyzer looks pretty awesome.
    - twhb 7y ago
      Wappalyzer's results for example.com, a 1.3 KB static page with no JS or sub-requests, include eight JS frameworks and two web font providers. Its results for facebook.com include a web framework made by Yahoo and deprecated in 2014. It says Youtube is built on WordPress, and HN is a React app with custom fonts.
yesimahuman 7y ago
They also are using Stencil for many of their web components in the app, like the music video player. http://stenciljs.com http://stenciljs.com

kevin2r 7y ago

Looks like Ember for the most part. Look at the code, it's not minified, yet...

The_rationalist 7y ago
It would be nice to save the code and upload it to github.com, is there a tool to make this automatically?
- wrboyce 7y ago
  wget can do this, the --mirror option is probably a good start along with --page-requisite.
pier25 7y ago
Indeed: https://js-cdn.music.apple.com/musickit/v2/components/musickit-components/core-02a04998.js https://js-cdn.music.apple.com/musickit/v2/components/musick...
nullvoxpopuli 7y ago
That's weird. Ember minifies by default

jpgvm 7y ago

This is implemented using Ember which is the spiritual successor to SproutCore

spankalee 7y ago

Looks like a combination of Ember and web components.

yesimahuman 7y ago
Yep and the web components are built with Stencil: http://stenciljs.com/ http://stenciljs.com/

pier25 7y ago

Ember, jQuery, Moment, and RequireJS. https://imgur.com/DioXtwe https://imgur.com/DioXtwe

lajr 7y ago
What extension is this?
- pier25 7y ago
  UI Stack. Only for Chrome though. https://chrome.google.com/webstore/detail/ui-stack/ijagbooglignnjecmjnmdfapfbgblkdk?hl=en https://chrome.google.com/webstore/detail/ui-stack/ijagboogl...
- guessmyname 7y ago
  Wappalyzer [1] is much better in my opinion. And is available for both Chrome [2] and Firefox [3] as well as a Bookmarklet [4]. The extension that @pier25 is using seems to be available only on Google Chrome [5]. [1] https://www.wappalyzer.com/ https://www.wappalyzer.com/ [2] https://chrome.google.com/webstore/detail/wappalyzer/gppongmhjkpfnbhagpmjfkannfbllamg https://chrome.google.com/webstore/detail/wappalyzer/gppongm... [3] https://addons.mozilla.org/firefox/addon/wappalyzer/ https://addons.mozilla.org/firefox/addon/wappalyzer/ [4] https://www.wappalyzer.com/download https://www.wappalyzer.com/download [5] https://chrome.google.com/webstore/detail/ui-stack/ijagbooglignnjecmjnmdfapfbgblkdk https://chrome.google.com/webstore/detail/ui-stack/ijagboogl...
  - fireattack 7y ago
    Similar tools include WhatRuns [1] (Chrome only). [1] https://www.whatruns.com/ https://www.whatruns.com/
  - pier25 7y ago
    Thanks, Wappalyzer looks pretty awesome.
  - twhb 7y ago
    Wappalyzer's results for example.com, a 1.3 KB static page with no JS or sub-requests, include eight JS frameworks and two web font providers. Its results for facebook.com include a web framework made by Yahoo and deprecated in 2014. It says Youtube is built on WordPress, and HN is a React app with custom fonts.

yesimahuman 7y ago

They also are using Stencil for many of their web components in the app, like the music video player. http://stenciljs.com http://stenciljs.com