2020-Q4

Rowan Cockett

#Dec 16, 2020

#๐Ÿ““ Edit Notebooks in your browser!

  • You can now edit notebooks in the browser - you wonโ€™t be able to execute the cells, but if you want to quickly collaborate around text those can get sent back and forth as versions.
    • Code cells are still not collaborative. ๐Ÿ™

#๐Ÿ› Bug Fixes

  • Style improvements on asides, links and the sidebars (which now donโ€™t overlap visually)
  • Improvements of styles on the navigation (e.g. published notification)
  • Import a Block now respects the side (top or bottom) of the block that you want to import it on!
  • Navigation will properly show up in published mode (even if it isnโ€™t the most recent version/draft)

#Dec 14, 2020

#๐Ÿคฉ Navigation Style Improvements

Seriously improved style update for the navigation, including a docked version in mobile!! ๐Ÿš€

#๐Ÿ“ฌ Emails

We are now sending emails when you sign up. Baby steps towards notifications. ๐Ÿ™‚

#Dec 09, 2020

There is now a help button in the top right!

Onboarding improvements!!

#Onboarding and Help

We are starting to add to our onboarding and help documentation. The biggest change is a product tour that is now visible on your profile and welcomes you when you sign up!

  • You are now persistently in edit mode when switching between articles in a project.
  • Navigation now updates the title of the page as you are editing.
  • Can open navigation items in new tab using middle click or Ctrl/CMD click.

#Bug Fixes

  • Intermittent crashing of the drag-n-drop contents area is fixed (due to multiple providers on the page)
  • The current nav could show unrelated information when navigating between projects.
  • Better not found handling on some edge cases.
  • Can now close the New Article pop up from inside of the app.
  • Right clicking on a dynamic element (e.g. ) in edit mode now shows the edit menu.
  • Scrolling to all your unorganized articles is now possible!

#Dec 04, 2020

#Features

  • Drag your articles and nest up to three levels deep
  • See at a glance what is published in your project ๐ŸŸข
  • Easily and quickly jump between articles/documents
  • Leave your unorganized notes in that section if they donโ€™t quite fit yet!

#Note

  • A version of your navigation block is saved when you save an article, and is also published when you publish an article.
  • The articles that are not publicly visible will still not be seen externally.

#

#Editor Improvementsโšก ๐Ÿ‘Ÿ

The editor is much faster now to type in, these are general performance improvements in the entire app. We spent a lot of time in the last week to ensure that we can render at 60 FPS. ๐Ÿ’ฅ

New link hovers!!

#Added โž•

  • Links now have a hover in edit mode to change the link
    • This also allows you to remove the whole link when you click the remove button.
  • New / command for code blocks
  • You can now command in a header to Paragraph mode. The shortcut Ctrl/Cmd-Alt-0 still works as well! (and 1-6 for headers!).
  • Commands and short cuts for full-width equations. So make use of the space!! ๐Ÿ‘ฉ๐Ÿ”ฌ ๐Ÿš€
[1ฮ”tโˆ‚ฮธn+1โˆ‚ฯˆn+1+Dย diag(DโŠคฯˆn+1)โˆ‚kAvโˆ‚ฯˆn+1+Dย diag(kAv(ฯˆn+1,m))DโŠค+Dzโˆ‚kAvโˆ‚ฯˆn+1]โžA0(ฯˆn+1)โˆ‚ฯˆn+1โˆ‚m+[โˆ’1ฮ”tโˆ‚ฮธnโˆ‚ฯˆn]โŸAโˆ’1(ฯˆn)โˆ‚ฯˆnโˆ‚m=[Dย diag(DโŠคฯˆn+1)โˆ‚kAvโˆ‚m+DzโŠคโˆ‚kAvโˆ‚m]โŸB(ฯˆn+1)\begin{aligned}\overbrace{ \left[ \frac{1}{\Delta t} \frac{\partial \boldsymbol{\theta}^{n+1}}{\partial\boldsymbol{\psi}^{n+1}} +\mathbf{D} \text{ diag}\left( \mathbf{D}^{\top} \boldsymbol{\psi}^{n+1} \right) \frac{\partial \mathbf{k}_{Av}}{\partial\boldsymbol{\psi}^{n+1}} +\mathbf{D} \text{ diag}\left( \mathbf{k}_{Av}(\boldsymbol{\psi}^{n+1},\mathbf{m}) \right) \mathbf{D}^{\top} + \mathbf{D}_{z} \frac{\partial \mathbf{k}_{Av}}{\partial\boldsymbol{\psi}^{n+1}} \right]}^{\mathbf{A}_0(\boldsymbol{\psi}^{n+1})}\frac{\partial \boldsymbol{\psi}^{n+1}}{\partial\mathbf{m}}\\+\underbrace{ \left[ -\frac{1}{\Delta t} \frac{\partial \boldsymbol{\theta}^n}{\partial\boldsymbol{\psi}^n} \right]}_{\mathbf{A}_{-1}(\boldsymbol{\psi}^n)}\frac{\partial \boldsymbol{\psi}^n}{\partial\mathbf{m}}=\underbrace{\left[ \mathbf{D} \text{ diag}\left( \mathbf{D}^{\top} \boldsymbol{\psi}^{n+1} \right) \frac{\partial \mathbf{k}_{Av}}{\partial\mathbf{m}} +\mathbf{D}^{\top}_{z} \frac{\partial \mathbf{k}_{Av}}{\partial\mathbf{m}}\right]}_{\mathbf{B}(\psi^{n+1})}&\end{aligned}
(1)#
  • To create an equation, make a new paragraph, and type $$, if you do this inline you will create inline mฮฑฯ„hm^\alpha\tau_h.
  • A dropdown menu to the editor toolbar with extra commands.
    • For inline math, you can now select your text and use this command to wrap it in math!

#Improved โœ…

  • Full width editor โ€” More space for all your ideas!! ๐Ÿ™‚
  • The asides now show you where they are in edit mode, and will never be underneath the next block, making them impossible to click on. ๐Ÿ›
    • We have changed the look of asides to be floating to the left of the text, rather than margin notes. We will bring that back soon!
    • Asides also will not overlap with callouts now.
  • Suggestion menu no longer tries to fight with your scroll bar
  • Your page will scroll to where you are typing (before we were locking the scroll ๐Ÿ›)
  • Selections have been improved after you insert a new node or through a / command.
  • Right clicking on a widget (e.g. a slider ) in edit mode now will always open the menu!
  • Inline number displays have improved styles so you can tell they are displays!
  • Dynamic text (e.g. ) has styling so that you know you can drag it around!
  • The shortcut for list items will now remove the list if there is one.
  • Images now โ€œpulseโ€ ever so gently when they are uploading. ๐Ÿง‘๐Ÿš€ ๐ŸŽ‰

#Removed ๐Ÿ—‘๏ธ

  • Removed the clicking on headers creates a #link - this will come back, when it is improved.

#Nov 24, 2020

#Improved Menus

  • Menu items in most places now have icons, which helps in scanning and quickly finding the action you need!
  • Menu items on cards in both the profile and project page have been added to cards. These can accelerate you to the right place in the app.
  • The in editor menu respond to the role of the user in some cases! This is helpful when you are importing a block across projects where you can view, but not edit.
  • You can now import a block from the block menu on the left *or* the right side. ๐Ÿ™‚

#Quality of Life Improvements

  • Links in the editor are now created when the editor recognizes a URL as you are typing!
  • Links now open in new page in view mode.
  • Projects in your profile now have indicators if they are public or private.
  • A menu item to add project collaborators is available from the editor settings menu.

#๐Ÿ› Bug Fixes

  • Choosing Edit in the menu of a block, now actually edits that block rather than the one selected.
  • You can now remove a block name if you want to refer to it only by itโ€™s ID

#Nov 15, 2020

#โš™๏ธ ๐Ÿ–ผ๏ธ Block Settings & Thumbnail

Blocks can now have thumbnails! ๐ŸŽ‰ You can access this through the new Settings โš™๏ธ icon when you are editing your article or individual block.

This means that your project pages can start to look a lot nicer!! ๐Ÿ–ผ๏ธ ๐Ÿš€

This is the release notes page, now with images!! ๐Ÿง‘๐ŸŽจ

#Quality of Life Improvements

  • All pages now have titles! This helps in some browsers as you can navigate to the page based on the title of the page -- plus it you have multiple pages of iooxa up, you can now tell them apart!
  • Some new editor shortcuts: โ†”, โ‡”, โ†’, โ‡’, โ†, โ‡, โ€”
    • Use the appropriate combinations of -=<> as in: --> becomes โ†’
    • Note that you have to put a space in after before it recognizes the shortcut!
  • Images that are private now have an expiry of 12 hours โฒ๏ธ, meaning it is unlikely that the URL will expire on you while you are working (which showed a broken link ๐Ÿ˜ฅ).
  • All forms now have better validation, and give you feedback when they fail or succeed! โœ…
  • The article pages now have links to your account information, which now also includes your email address on hover.

#Bug Fixes

  • Open in API now works on first drafts, and actually goes to the draft.
  • Publishing a block with a new name will now update the URL.

#Nov 5, 2020

#More Interactive Outputs

Since integrating plotly weโ€™ve take a small step back to look at the range and types of visualization renderers out there for Jupyter.

From that, weโ€™ve updated our Plotly rendering to directly use the Jupyterlab interfaces provided by the Plotly extension, instead of side-loading the plugin ourselves. ๐Ÿ‘จ๐Ÿ’ป

This means that weโ€™re able to rely more on the official Plotly extension distribution and that we can now use the same mechanism for other standard Jupyter outputs. ๐Ÿ‘

So now, if you have text streams or errors, and images, math, html and javascript embedded from IPython display commands, this will all be displayed by invoking JupyterLab renderers themselves ๐Ÿค“. Some of the visible impacts of this are:

  • Jupyter native tree browser for JSON data
  • Secure execution of user javascript

#Bokeh

We have also added first class support for Bokeh plots too which we expect to work just as well as Plotly in iooxa notebook and articles.

#Extension: Comments on output blocks

Outputs are now more of a first class object in the chrome extension ๐Ÿ“Š meaning that you can see their status and comments independently from the code block that created them.

This enables much more effective collaboration ๐Ÿ‘ around figures and outputs via iooxa.com.

#Quality of Life Improvements

Weโ€™ve also made some small UI changes to the iooxa.com:

  • Version and comment status badges are now visible outside of edit mode.
  • Breadcrumbs now have a tag for published versions. letting you see what the latest published version of your article is.

#Oct 16, 2020

#Interactive Plots with Plotly

We have been making changes to the way we handle and render Jupyter outputs, setting the stage for supporting the huge variety of figures and visualizations that Jupyter can support.

  • The first interactive output is Plotly where we can render their full range of plots! ๐Ÿ“Š ๐Ÿ“ˆ
  • We have put together some example notebooks with various Plotly plots to show whats possible:
    • plotly basics
    • plotly express
    • plotly financial
    • plotly maps
    • plotly webgl

See some examples here: https://iooxa.com/@rowanc1/example-notebooks

#JupyterCon 2020

We attended JupyterCon and presented our new Jupyter Integration!

See the video here: https://iooxa.com/for/jupyter/

#Chrome Extension - 0.1.6

Improved the startup experience for the iooxa extension to it doesnโ€™t crash between different JupyterLab builds.

There is now a details panel for showing the content-types for various outputs side-by-side.

#Oct 8, 2020

#Improved Project Overview

  • We have done our first (of many!) updates to the project page to improve the user experience.
    • New layout for list view.
    • Added the ability to add thumbnails to your project.

#Thumbnails

Our thumbnail creator allows you to quickly scale and position what will be shown on the rest of the site.

#Oct 6, 2020

#Jupyter Extension 0.1.5

  • Allow project refresh without reloading the Jupyter extension, this allows you to create your first project without reloading the page on Jupyter!

#Oct 3, 2020

#Improved Profiles

  • The profile got a major overhaul, with a better are to show yourself off.
  • Added GitHub and Twitter links
  • Ability to add a profile banner!

#Shared with Me

  • You now have a tab on your main page that allows you to see all projects that are shared with you.

#Oct 1, 2020

#Outputs Rendering

  • We are now rendering more outputs from Jupyter in the iooxa preview
    • Including outputs for Pandas, LaTeX, Simple HTML (tables, SVG, IFrame)

#Jupyter Extension - v0.1.4

  • Better handling and rendering of Traceback errors
  • Bug fix for intermittent brokenness on the Save Cell Version ๐Ÿ›
  • Bug fix for broken cell status and diff when switching between versions of cell with a traceback