# Wow, the new update for the Crystal Playground is amazing

**URL:** <https://forum.crystal-lang.org/t/wow-the-new-update-for-the-crystal-playground-is-amazing/1237>\
**Category:** Offtopic\
**Created:** [October 14, 2019, 3:07am UTC](https://forum.crystal-lang.org/t/wow-the-new-update-for-the-crystal-playground-is-amazing/1237 "2019-10-14T03:07:31Z")\
**Posts on this page:** 11\
**Page:** 1

<div class="post-metadata">

**Author:** ![girng\_github](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.crystal-lang.org/girng_github/32/571_2.png) [@girng\_github](https://forum.crystal-lang.org/u/girng_github)\
**Post date:** [October 14, 2019, 3:07am UTC](https://forum.crystal-lang.org/t/wow-the-new-update-for-the-crystal-playground-is-amazing/1237/1 "2019-10-14T03:07:31Z")

</div>

Not sure who worked on the new update, but it’s awesome.

Better padding and line-height for text, shiny buttons, and smooth fading tooltips = ❤

Great job!

---

<div class="post-metadata">

**Author:** ![asterite](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.crystal-lang.org/asterite/32/60_2.png) [@asterite](https://forum.crystal-lang.org/u/asterite)\
**Post date:** [October 14, 2019, 11:02am UTC](https://forum.crystal-lang.org/t/wow-the-new-update-for-the-crystal-playground-is-amazing/1237/2 "2019-10-14T11:02:06Z")

</div>

I don’t remember any work done to Crystal Playground.

Do you mean the thing that pops up when you run `crystal play`, or `play.crystal-lang.org`? (in any case I don’t see any change, but then I have bad memory)

---

<div class="post-metadata">

**Author:** ![jgaskins](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.crystal-lang.org/jgaskins/32/2449_2.png) [@jgaskins](https://forum.crystal-lang.org/u/jgaskins)\
**Post date:** [October 14, 2019, 1:56pm UTC](https://forum.crystal-lang.org/t/wow-the-new-update-for-the-crystal-playground-is-amazing/1237/3 "2019-10-14T13:56:02Z")

</div>

Are you talking about [https://code.labstack.com/crystal](https://code.labstack.com/crystal)?

---

<div class="post-metadata">

**Author:** ![girng\_github](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.crystal-lang.org/girng_github/32/571_2.png) [@girng\_github](https://forum.crystal-lang.org/u/girng_github)\
**Post date:** [October 14, 2019, 5:41pm UTC](https://forum.crystal-lang.org/t/wow-the-new-update-for-the-crystal-playground-is-amazing/1237/4 "2019-10-14T17:41:22Z")

</div>

Nah, [https://play.crystal-lang.org](https://play.crystal-lang.org)

It looks way cleaner than before. Whoever changed it, it is deeply appreciated (I use it soooo much)

---

<div class="post-metadata">

**Author:** ![straight-shoota](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.crystal-lang.org/straight-shoota/32/36_2.png) [@straight-shoota](https://forum.crystal-lang.org/u/straight-shoota)\
**Post date:** [October 14, 2019, 6:30pm UTC](https://forum.crystal-lang.org/t/wow-the-new-update-for-the-crystal-playground-is-amazing/1237/5 "2019-10-14T18:30:11Z")

</div>

Yeah, that was updated.  
Commit: [https://github.com/jhass/carc.in/commit/90f490f2fdeaf8303792711a6a632f091c97e96e](https://github.com/jhass/carc.in/commit/90f490f2fdeaf8303792711a6a632f091c97e96e)

---

<div class="post-metadata">

**Author:** ![RespiteSage](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.crystal-lang.org/respitesage/32/793_2.png) [@RespiteSage](https://forum.crystal-lang.org/u/RespiteSage)\
**Post date:** [October 14, 2019, 6:30pm UTC](https://forum.crystal-lang.org/t/wow-the-new-update-for-the-crystal-playground-is-amazing/1237/6 "2019-10-14T18:30:34Z")

</div>

I actually no longer see how to compile and run code there:

> **Screenshot**
>
> ![image](https://canada1.discourse-cdn.com/flex036/uploads/crystal_lang/original/1X/5c51aad76ec8e1d1304ae2f7bc10f1710ec81e60.png)

I mean, the interface looks a little slicker, to be sure, but I’m currently totally unable to use it (both on [play.crystal-lang.org](http://play.crystal-lang.org) and on [carc.in](http://carc.in)).

Edit: The interface appears when I refresh the page (but not the first time I navigate to it).

---

<div class="post-metadata">

**Author:** ![girng\_github](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.crystal-lang.org/girng_github/32/571_2.png) [@girng\_github](https://forum.crystal-lang.org/u/girng_github)\
**Post date:** [October 14, 2019, 7:05pm UTC](https://forum.crystal-lang.org/t/wow-the-new-update-for-the-crystal-playground-is-amazing/1237/7 "2019-10-14T19:05:12Z")

</div>

Yeah, I’ve noticed that as well. I tried a hard reload, and it’s still happening, weird. Console shows:

```auto
vendor-fd3b6e051b057eda03550a10f8ddf786.js:250 jQuery.Deferred exception: Cannot read property 'filter' of undefined TypeError: Cannot read property 'filter' of undefined
    at r.updateVersions (https://play.crystal-lang.org/assets/carcin-c82300b955d2f980cb02ca14bf6893ed.js:17:142)
    at r.didReceiveAttrs (https://play.crystal-lang.org/assets/carcin-c82300b955d2f980cb02ca14bf6893ed.js:15:44)
    at r.trigger (https://play.crystal-lang.org/assets/vendor-fd3b6e051b057eda03550a10f8ddf786.js:2510:34)
    at r [as trigger] (https://play.crystal-lang.org/assets/vendor-fd3b6e051b057eda03550a10f8ddf786.js:2365:9)
    at n.i.create (https://play.crystal-lang.org/assets/vendor-fd3b6e051b057eda03550a10f8ddf786.js:966:45)
    at Object.evaluate (https://play.crystal-lang.org/assets/vendor-fd3b6e051b057eda03550a10f8ddf786.js:3438:9)
    at e.t.evaluate (https://play.crystal-lang.org/assets/vendor-fd3b6e051b057eda03550a10f8ddf786.js:3292:13)
    at e.t.evaluateSyscall (https://play.crystal-lang.org/assets/vendor-fd3b6e051b057eda03550a10f8ddf786.js:3628:73)
    at e.t.evaluateInner (https://play.crystal-lang.org/assets/vendor-fd3b6e051b057eda03550a10f8ddf786.js:3620:158)
    at e.t.evaluateOuter (https://play.crystal-lang.org/assets/vendor-fd3b6e051b057eda03550a10f8ddf786.js:3620:67) undefined
_.Deferred.exceptionHook @ vendor-fd3b6e051b057eda03550a10f8ddf786.js:250
c @ vendor-fd3b6e051b057eda03550a10f8ddf786.js:242
setTimeout (async)
(anonymous) @ vendor-fd3b6e051b057eda03550a10f8ddf786.js:243
l @ vendor-fd3b6e051b057eda03550a10f8ddf786.js:234
fireWith @ vendor-fd3b6e051b057eda03550a10f8ddf786.js:235
fire @ vendor-fd3b6e051b057eda03550a10f8ddf786.js:235
l @ vendor-fd3b6e051b057eda03550a10f8ddf786.js:234
fireWith @ vendor-fd3b6e051b057eda03550a10f8ddf786.js:235
ready @ vendor-fd3b6e051b057eda03550a10f8ddf786.js:252
U @ vendor-fd3b6e051b057eda03550a10f8ddf786.js:252
vendor-fd3b6e051b057eda03550a10f8ddf786.js:250 Uncaught TypeError: Cannot read property 'filter' of undefined
    at r.updateVersions (carcin-c82300b955d2f980cb02ca14bf6893ed.js:17)
    at r.didReceiveAttrs (carcin-c82300b955d2f980cb02ca14bf6893ed.js:15)
    at r.trigger (vendor-fd3b6e051b057eda03550a10f8ddf786.js:2510)
    at r [as trigger] (vendor-fd3b6e051b057eda03550a10f8ddf786.js:2365)
    at n.i.create (vendor-fd3b6e051b057eda03550a10f8ddf786.js:966)
    at Object.evaluate (vendor-fd3b6e051b057eda03550a10f8ddf786.js:3438)
    at e.t.evaluate (vendor-fd3b6e051b057eda03550a10f8ddf786.js:3292)
    at e.t.evaluateSyscall (vendor-fd3b6e051b057eda03550a10f8ddf786.js:3628)
    at e.t.evaluateInner (vendor-fd3b6e051b057eda03550a10f8ddf786.js:3620)
    at e.t.evaluateOuter (vendor-fd3b6e051b057eda03550a10f8ddf786.js:3620)

```

On the first load. Then when you refresh, the error is gone. This might help @jhass

---

<div class="post-metadata">

**Author:** ![phpdude](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.crystal-lang.org/phpdude/32/508_2.png) [@phpdude](https://forum.crystal-lang.org/u/phpdude)\
**Post date:** [October 14, 2019, 7:11pm UTC](https://forum.crystal-lang.org/t/wow-the-new-update-for-the-crystal-playground-is-amazing/1237/8 "2019-10-14T19:11:50Z")

</div>

Same for me. I loaded it, it only showed the editor, then reloaded it, it was fine. 😕

Also, I haven’t even used Crystal playground on this device yet, so it must be on the first load of the new update (maybe some caching issue? 🤔)

---

<div class="post-metadata">

**Author:** ![straight-shoota](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.crystal-lang.org/straight-shoota/32/36_2.png) [@straight-shoota](https://forum.crystal-lang.org/u/straight-shoota)\
**Post date:** [October 14, 2019, 8:15pm UTC](https://forum.crystal-lang.org/t/wow-the-new-update-for-the-crystal-playground-is-amazing/1237/9 "2019-10-14T20:15:45Z")

</div>

/cc @jhass

---

<div class="post-metadata">

**Author:** ![jhass](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.crystal-lang.org/jhass/32/1779_2.png) [@jhass](https://forum.crystal-lang.org/u/jhass)\
**Post date:** [October 14, 2019, 9:35pm UTC](https://forum.crystal-lang.org/t/wow-the-new-update-for-the-crystal-playground-is-amazing/1237/10 "2019-10-14T21:35:07Z")

</div>

Sorry folks, hopefully fixed now :)

---

<div class="post-metadata">

**Author:** ![phpdude](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.crystal-lang.org/phpdude/32/508_2.png) [@phpdude](https://forum.crystal-lang.org/u/phpdude)\
**Post date:** [October 14, 2019, 10:14pm UTC](https://forum.crystal-lang.org/t/wow-the-new-update-for-the-crystal-playground-is-amazing/1237/11 "2019-10-14T22:14:44Z")

</div>

Seems to be fixed now! 😄