📚 Type ?something for docs

frontend/components/CellInput.js

@@ -87,14 +87,22 @@ export const CellInput = ({
                 }
             } else {
                 const token = cm.getTokenAt(cm.getCursor())
-                if (token.type != null && token.type != "string") {
+                if(token.start === 0 && token.type === "operator" && token.string === "?"){
+                    // https://github.com/fonsp/Pluto.jl/issues/321
+                    const second_token = cm.getTokenAt({...cm.getCursor(), ch: 2})
+                    on_update_doc_query(second_token.string)
+                } else if (token.type != null && token.type !== "string") {
                     on_update_doc_query(token.string)
                 }
             }
         })
 
         cm.on("change", () => {
-            change_handler_ref.current(cm.getValue())
+            const new_value = cm.getValue()
+            if(new_value.length > 1 && new_value[0] === "?"){
+                window.dispatchEvent(new CustomEvent("open_live_docs"))
+            }
+            change_handler_ref.current(new_value)
         })
 
         // cm.on("focus", () => {

frontend/components/LiveDocs.js

@@ -10,13 +10,25 @@ export class LiveDocs extends Component {
         this.state = {
             shown_query: null,
             searched_query: null,
-            body: "Start typing code to learn more!",
-            hidden: true,
+            body: "Start typing in a cell to learn more!",
+            hidden: false,
             loading: false,
         }
         this.updateDocTimer = undefined
     }
 
+    componentDidMount() {
+        window.addEventListener("open_live_docs", () => {
+            // https://github.com/fonsp/Pluto.jl/issues/321
+            this.setState({
+                hidden: false,
+            })
+            if (window.getComputedStyle(this.base).display === "none") {
+                alert("This browser window is too small to show docs.\n\nMake the window bigger, or try zooming out.")
+            }
+        })
+    }
+
     componentDidUpdate() {
         if (this.state.hidden || this.state.loading) {
             return

frontend/sw.js

@@ -16,7 +16,6 @@ const whiteList = ["www.gstatic.com", "fonts.gstatic.com", "fonts.googleapis.com
 
 function shouldCache(request) {
     const url = new URL(request.url)
-    console.log(url.host)
     return whiteList.includes(url.host)
 }
 

test/Dynamic.jl

@@ -68,6 +68,12 @@ stringify_keys(x::Any) = x
         # TODO: we need to wait for all above command to finish before we can do this:
         # send(:shutdown_notebook, Dict(:keep_in_session => false), Dict(:notebook_id => n))
     end
+
+    @testset "Docs" begin
+        @test occursin("square root", Pluto.PlutoRunner.doc_fetcher("sqrt")[1])
+        @test occursin("square root", Pluto.PlutoRunner.doc_fetcher("Base.sqrt")[1])
+        @test occursin("No documentation found", Pluto.PlutoRunner.doc_fetcher("Base.findmeta")[1])
+    end
 end
 
 # TODO: test returned data