issue_comments

Here is my suggestion:

^\s*((?:\-\-.*?\n\s*)|(?:/\*.*?(?=\*/)\*/\s*))*select\b

See the following test: https://regex101.com/r/Doeqqa/1

And here I played all your tests: https://regexr.com/713ir

Sorry I forgot the -- comments like that.

I'm afraid there is an issue in your regexp, see: https://regex101.com/r/pyubJf/1

I guess I can fix it.

I guess the issue is here: https://github.com/simonw/datasette/blob/9676b2deb07cff20247ba91dad3e84a4ab0b00d1/datasette/utils/init.py#L209

Here is a working regexp allowing it: diff - re.compile(r"^select\b"), + re.compile(r"^\s*(/\*.+?(?=\*/)\*/\s*)*select"), ^\s*: beginning by 0 or an infinite number of \s (spaces, tabs, newlines...) (/\*.+?(?=\*/)\*/\s*)*: 0 or an infinite number of chars beginning by /* and ending to the next occurrence of */ followed by 0 or an infinite number of \s

You can play with the regexp here: https://regex101.com/r/aESXDL/3

Here is some working javascript code. There might be better solution, I'm not a JS expert. ```javascript var show_hide = document.querySelector(".show-hide-sql > a");

// Hide SQL query if the URL opened with #_hide_sql
var hash = window.location.hash;
if(hash === "#_hide_sql") {
    hide_sql();
}
show_hide.setAttribute("href", "#");
show_hide.addEventListener("click", toggle_sql_display);

function toggle_sql_display() {
    if (show_hide.innerText === "hide") {
        hide_sql();
        return;
    }
    if (show_hide.innerText === "show") {
        show_sql();
        return;
    }
}

function hide_sql() {
    sql_element.style.cssText="display:none";
    show_hide.innerHTML = "show";
    show_hide.setAttribute("href", "#_hide_sql");
}

function show_sql() {
    sql_element.style.cssText="display:block";
    show_hide.innerHTML = "hide";
    show_hide.setAttribute("href", "#_show_sql");
}

```

I'm tempted to add word-wrap: anywhere only to links that are know to be longer than a certain threshold.

Make sense IMHO.

Perhaps some ways to address this.

1. Add a horizontal scrollbar at the top of the table. There are some solutions here: https://stackoverflow.com/questions/3934271/horizontal-scrollbar-on-top-and-bottom-of-table
2. Use a fixed table header. It would be useful when you're lost in the middle of a very big table. Pure CSS solutions seem to exist: https://stackoverflow.com/questions/21168521/table-fixed-header-and-scrollable-body
3. Maybe a possibility to resize columns. Not sure about that because it would more work not to lose it after each reload.
4. A way to keep favorite views for each user. The process would be: I select the column I want or not (with existing "settings" icon of each column); then I select a "favoritize view" option somewhere; then I can recall all my favorite views from a menu. These data could be hosted on the browser.