GitHub - aca/emmet-ls: Emmet support based on LSP.
Emmet support based on LSP. Contribute to aca/emmet-ls development by creating an account on GitHub.
GitHub · github.com [1]
This is the greatest nvim emmet plugin I have tried. In the past I had tried the vim plugin a few times and just could not get a good flow with the keybindings and found it confusing for my occasional use. emmet-ls just uses lsp-completion, so its the same flow as other completions.
You can try it out by installing with :Mason
config # [2]
local lspconfig = require('lspconfig')
local configs = require('lspconfig/configs')
local capabilities = vim.lsp.protocol.make_client_capabilities()
capabilities.textDocument.completion.completionItem.snippetSupport = true
lspconfig.emmet_ls.setup({
-- on_attach = on_attach,
capabilities = capabilities,
filetypes = { "css", "eruby", "html", "javascript", "javascriptreact", "less", "sass", "scss", "svelte", "pug", "typescriptreact", "vue" },
init_options = {
html = {
options = {
-- For possible options, see: https://github.com/emmetio/emmet/blob/master/src/config.ts#L79-L267
["bem.enabled"] = true,
},
},
}
})
References:
[1]: https://github.com/aca/emme...
Publishing rhythm
LLM now provides tools for working with embeddings
LLM is my Python library and command-line tool for working with language models. I just released LLM 0.9 with a new set of features that extend LLM to provide tools …
Simon Willison’s Weblog · simonwillison.net [1]
Simon’s llm cli is getting quite interesting. I really want to run some clustering on my website content.
References:
[1]: https://simonwillison.net/2023/Sep/4/llm-embeddings/
Formatter
How to use the Biome formatter.
Biome · biomejs.dev [1]
Tried out biome today and it worked better than prettier on jinja templates, I might adopt this over prettier.
References:
[1]: https://biomejs.dev/formatter/
Make the easy things easy
It’s so easy to get out of rhythm, get busy, and drop the ball on some things
that you really want to do or should do. This blog is a good example. I took
some time off for some family reasons, but have taken a long time to get back
to it simply because I am out of rhythm. As I am trying to get back into the
rhythm there is some tooling that I have set up for it that I completely forgot
about that feel good to use again.
Repetitive Tasks # [1]
Simple Repetitive Tasks that I have to do often can just feel soul crushing,
and one main thing that got me interested in programming.
AI tools are becoming more and more useful at solving these problems. For
instance code generation tools like co-pilot or codeium are really good at
boilerplate and pattern repetition. Things that used to be a few vim macros is
now just banging on tab.
I often look for setting up templates or some sort of snippet to replace a big
chunk of boilerplate that I know I will need over and over.
timebox # [2]
Do...
Check out aboutfeeds [1] by genmon [2]. It’s a well-crafted project with great potential.
Web feeds/RSS “getting started” guide for new users.
References:
[1]: https://github.com/genmon/aboutfeeds
[2]: https://github.com/genmon
htmx ~ The disable-element Extension
htmx gives you access to AJAX, CSS Transitions, WebSockets and Server Sent Events directly in HTML, using attributes, so you can build modern user interfaces with the simplicity and power of hypert...
v1.htmx.org [1]
An extension to disable elements during flight of an htmx [2] request, Looks super useful for things like a create or delete button where the server would end up with an error if you double delete or double create. This eliminates an error path that the user might see under normal use of the ui.
References:
[1]: https://v1.htmx.org/extensions/disable-element/
[2]: /htmx/
htmx ~ hx-indicator Attribute
The hx-indicator attribute in htmx allows you to specify the element that will have the `htmx-request` class added to it for the duration of the request. This can be used to show spinners or progre...
htmx.org [1]
The htmx-request class is added to htmx-target elements. You can target this css selector to create loading state throbbers.
By default the target element will the self, but you can use the typical htmx [2] css selector to select which element will recieve the htmx-request class while the request is running.
The only way to override the name of the class is through config.
References:
[1]: https://htmx.org/attributes/hx-indicator/
[2]: /htmx/
-
Prime concisely made sense of why htmx is so awesome compared to what has become modern reactive web dev in 2 minutes. I had never thought of it this way and it’s incredible.
One thing I have comepletely missed out on with my use of htmx is setting the disabled state while the server is working, what a genius move!
References:
[1]: /htmx/
htmx ~ Examples ~ Updating Other Content
htmx gives you access to AJAX, CSS Transitions, WebSockets and Server Sent Events directly in HTML, using attributes, so you can build modern user interfaces with the simplicity and power of hypert...
htmx.org [1]
Three ways to support updating other content. Fantastic article walking through the different ways to update other parts of the screen using htmx [2].
In htmx there is no 2 way data binding, the dom is your state, and if you have elements derived from the same data on the screen in different places you need to think about how to keep them in sync.
References:
[1]: https://htmx.org/examples/update-other-content/
[2]: /htmx/
Bigger Applications - Multiple Files - FastAPI
FastAPI framework, high performance, easy to learn, fast to code, ready for production
fastapi.tiangolo.com [1]
Fastapi [2] lets you tag your APIRouter’s so that the swagger docs are grouped according to the router.
router = APIRouter(tags=['router'])
Now all routes in router will appear in the router group in the swagger docs.
References:
[1]: https://fastapi.tiangolo.com/tutorial/bigger-applications/#another-module-with-apirouter
[2]: /fastapi/
Custom pages and templates - Datasette documentation
docs.datasette.io [1]
Datasette has its own static server that can host assets such as style sheets.
datasette -m metadata.json --static assets:static-files/
References:
[1]: https://docs.datasette.io/en/stable/custom_templates.html#serving-static-files
Check out hedgedoc [1] by hedgedoc [2]. It’s a well-crafted project with great potential.
HedgeDoc - Ideas grow better together
References:
[1]: https://github.com/hedgedoc/hedgedoc
[2]: https://github.com/hedgedoc
Just starred htmx-lsp [1] by ThePrimeagen [2]. It’s an exciting project with a lot to offer.
its so over
References:
[1]: https://github.com/ThePrimeagen/htmx-lsp
[2]: https://github.com/ThePrimeagen
[1]
Tailwind css component library. There are many examples with copy and pastabily with the tailwind classes already setup.
References:
[1]: /static/https://preline.co/docs/index.html
Tailwind CSS Cheat Sheet
Cheat sheet to learn Tailwind CSS quickly. Browse and search all Tailwind utility classes or CSS properties on one page.
nerdcave.com [1]
A nice searchable cheatsheet for tailwindcss classes.
References:
[1]: https://nerdcave.com/tailwind-cheat-sheet
cURL Command Without Using Cache | Baeldung on Linux
A quick and practical guide to using curl without cache.
Baeldung on Linux · baeldung.com [1]
Busting cache with curl. I’m not sure how much gets cached by curl, but I have ran into several cases where I am looking for new content and I want to ensure the content is new and no chance of being cached.
This article suggests 3 different techniques.
curl -H 'Cache-Control: no-cache, no-store' http://www.example.com
curl -H 'Pragma: no-cache' http://www.example.com
curl http://www.example.com/?xyzzyspoon
References:
[1]: https://www.baeldung.com/linux/curl-without-cache#adding-the-pragma-http-header
[1]
sqlite has 3 different tokenizers, porter, ascii, trigram.
These can be used with sqlite-utils.
sqlite-utils enable-fts --tokenize porter database.db post title message tags
And with the python api.
db = Database('database.db')
db["post"].enable_fts(
["title", "message", "tags"], create_triggers=True, tokenize="trigram"
)
posts = list(db["post"].search(search))
References:
[1]: /static/https://www.sqlite.org/fts5.html
GitHub - sharkdp/bat: A cat(1) clone with wings.
A cat(1) clone with wings. Contribute to sharkdp/bat development by creating an account on GitHub.
GitHub · github.com [1]
Bat is my favorite pager, its the one for me that seems to just work more than the rest. colors, syntax highlighting, line numbers search, it just feels the most natural.
References:
[1]: https://github.com/sharkdp/bat
Check out server-hot-reload [1] by mikeckennedy [2]. It’s a well-crafted project with great potential.
Include in your web projects for dev-time auto reloading of web browser when any change is detected in content.
References:
[1]: https://github.com/mikeckennedy/server-hot-reload
[2]: https://github.com/mikeckennedy
sqlite_utils Python library - sqlite-utils
sqlite-utils.datasette.io [1]
sqlite-utils is primarily a cli tool for sqlite operations such as enabling full text search, and executing searches, but it also has a nice python api that is exposed and pretty straightforward to use.
from sqlite_utils import Database
db = Database("database.db")
db["post"].enable_fts(["title", "message", "tags])
db["post"].search("water")
This returns a generator object that you can iterate over the row objects with.
References:
[1]: https://sqlite-utils.datasette.io/en/stable/python-api.html#full-text-search
External Link
levelup.gitconnected.com [1]
Use prettier to format all files in a directory. By default prettier does not write, it just echos out the format that it would do. Give it the --write and it will write the changes to the files.
prettier --write .
I just used this on my thoughts repo.
prettier --write templates
References:
[1]: https://levelup.gitconnected.com/how-to-format-all-files-in-a-directory-with-prettier-5f0ff5f4ffb2
GitHub - simonw/datasette-render-markdown: Datasette plugin for rendering Markdown
Datasette plugin for rendering Markdown. Contribute to simonw/datasette-render-markdown development by creating an account on GitHub.
GitHub · github.com [1]
datasette really does everything doesn’t it!
References:
[1]: https://github.com/simonw/datasette-render-markdown
GitHub - simonw/shot-scraper: A command-line utility for taking automated screenshots of websites
A command-line utility for taking automated screenshots of websites - simonw/shot-scraper
GitHub · github.com [1]
> A command-line utility for taking automated screenshots of websites
Daaaang, this is such an elegantly simple way to get web screenshots with a cli. I was literally up and running with two commands on my arch linux machine (which it warned was unsupported by playwright).
pip install shot-scraper
# Now install the browser it needs:
shot-scraper install
shot-scraper waylonwalker.com
shot-scraper https://datasette.io/
shot-scraper https://datasette.io/ -h 1280 -w 1920
shot-scraper https://datasette.io/ -h 480 -w 720
shot-scraper shot --selector '#posts' https://thoughts.waylonwalker.com/post/89
Note shot-scraper https://datasette.io/ is a full length screenshot of the entire page.
Oh and its pretty dang fast, let alone the setup time, this crushes on startup time in my attempts to use a headless browser in the past.
References:
[1]: https://github.com/simonw/shot-scraper
shot-scraper: automated screenshots for documentation, built on Playwright
shot-scraper is a new tool that I’ve built to help automate the process of keeping screenshots up-to-date in my documentation. It also doubles as a scraping tool—hence the name—which I …
Simon Willison’s Weblog · simonwillison.net [1]
An interesting way to build automatically annotaatd docs with arrows pointing to elements on a webpage.
References:
[1]: https://simonwillison.net/2022/Mar/10/shot-scraper/#a-complex-example
External Link
youtube.com [1]
I’d never given this much thought, but there are so many guides that are complete guides for beginner workflows, but once you get beyond beginner there is likely no manual for what you are trying to do in programming. There is no guide that will tell you the best way to get your companies salesforce data, alongside of the ERP data and present it to the users who need to know in a way that compels them to make the right decisions. You are going to have to build this out for yourself by piecing together knowledge about each subject.
References:
[1]: https://www.youtube.com/shorts/wsEuPYFpDgk
HTML Over The Wire | Hotwire
Hotwire is an alternative approach to building modern web applications without using much JavaScript by sending HTML instead of JSON over the wire.
hotwired.dev [1]
An alternative approach to building modern web withhout heavy js and json, but instead html [2] over the wire, keeping the logic in the backend of rails.
References:
[1]: https://hotwired.dev/
[2]: /html/
How do I post form data using Curl?
ReqBin is the most popular online API testing tool for REST, SOAP and HTTP APIs.
ReqBin · reqbin.com [1]
How to pass form data with curl, give it the d.
curl -X POST https://reqbin.com/echo/post/form
-H "Content-Type: application/x-www-form-urlencoded"
-d "param1=value1¶m2=value2"
References:
[1]: https://reqbin.com/req/c-sma2qrvp/curl-post-form-example
I’m really excited about SHARK-Studio [1], an amazing project by nod-ai [2]. It’s worth exploring!
SHARK Studio – Web UI for SHARK+IREE High Performance Machine Learning Distribution
References:
[1]: https://github.com/nod-ai/SHARK-Studio
[2]: https://github.com/nod-ai
The work on AMD-SHARK-Studio [1] by nod-ai [2].
AMD-SHARK Studio – Web UI for SHARK+IREE High Performance Machine Learning Distribution
References:
[1]: https://github.com/nod-ai/AMD-SHARK-Studio
[2]: https://github.com/nod-ai
Vue.js
Vue.js - The Progressive JavaScript Framework
vuejs.org [1]
A super handy reference to the vuejs lifecycle.
[2]
References:
[1]: https://vuejs.org/guide/essentials/lifecycle.html#lifecycle-diagram
[2]: https://vuejs.org/assets/lifecycle.16e4c08e.png
How to Use HTML to Open a Link in a New Tab
Tabs are great, aren't they? They allow the multitasker in all of us to juggle a bunch of online tasks at the same time. Tabs are so common now that, when you click on a link, it's likely it'll ope...
freeCodeCamp.org · freecodecamp.org [1]
Most of the time when creating links in html [2] you want to maintain the default behavior, as this is what users are going to expect, but sometimes your site behaves such that it does not fit, and it does something unexpected anyways. in this case you might want to make the default behavior to open the link in a new tab rather than relying on users to control click.
Use this with restraint as this can make your site feel janky and do things that do not feel natural to the web.
<p>Check out <a href="https://www.freecodecamp.org/" target="_blank" rel="noopener noreferrer">freeCodeCamp</a>.</p>
References:
[1]: https://www.freecodecamp.org/news/how-to-use-html-to-open-link-in-new-tab/
[2]: /html/
Create Models with a Many-to-Many Link - SQLModel
SQLModel, SQL databases in Python, designed for simplicity, compatibility, and robustness.
sqlmodel.tiangolo.com [1]
Creating many to many relationships with sqlmodel requires a LinkTable Model. The link model will keep track of the linked id’s between each of the models.
[2]
from typing import List, Optional
from sqlmodel import Field, Relationship, Session, SQLModel, create_engine
class HeroTeamLink(SQLModel, table=True):
team_id: Optional[int] = Field(
default=None, foreign_key="team.id", primary_key=True
)
hero_id: Optional[int] = Field(
default=None, foreign_key="hero.id", primary_key=True
)
class Team(SQLModel, table=True):
id: Optional[int] = Field(default=None, primary_key=True)
name: str = Field(index=True)
headquarters: str
heroes: List["Hero"] = Relationship(back_populates="teams", link_model=HeroTeamLink)
class Hero(SQLModel, table=True):
id: Optional[int] = Field(default=None, primary_key=True)
name: str = Field(index=True)
secret_name: str
age: Optional[int] = Field(default=None, index=True)
teams: List[Team] = Relationship(back_populates="heroes", link_model=HeroTeamLink)
References:
[1]...
External Link
stackoverflow.com [1]
I went down the route of leveraging the json-enc extention in htmx [2], but later realized that this completely breaks browsers/users who do not wish to use javascript. While most of the web would feel quite broken with javascript disabled, I don’t want to contribute to that without good reason.
Taking a second look into this issue, rather than using json-enc, and using as_form to get form data into a model keeps the nice DX fo everything being a pydantic model, but the site still works without js. with js htmx kicks in, you get a spa like experience by loading partials onto the page, and without, you just get a full page reload.
the implementation # [3]
copied from https://stackoverflow.com/questions/60127234/how-to-use-a-pydantic-model-with-form-data-in-fastapi
import inspect
from typing import Type
from fastapi import Form
from pydantic import BaseModel
from pydantic.fields import ModelField
def as_form(cls: Type[BaseModel]):
new_parameters = []
for field_name, model_field in cls.__fields__.items():
model_field: ModelField # type: ignore
new_parameters.append(
inspect.Parameter(
model_field.alias,
inspect.Parameter.POSITION...
GitHub - chebykinn/sedmario: NES Super Mario Bros level 1 written in pure sed!
NES Super Mario Bros level 1 written in pure sed! Contribute to chebykinn/sedmario development by creating an account on GitHub.
GitHub · github.com [1]
🤯 NES Super Mario Bros level 1 written in pure sed, this is madmess.
References:
[1]: https://github.com/chebykinn/sedmario
External Link
github.com [1]
neovim stopped formatting on save for me awhile ago and I have just been dealing with it. looks like there may have been an api change, idk.
I had to make this update.4
- vim.lsp.buf.format()
+ vim.lsp.buf.format({async=false})
References:
[1]: https://github.com/jose-elias-alvarez/null-ls.nvim/wiki/Formatting-on-save#code
[1]
How to enable debug mode in pywebview.
import webview
webview.create_window('Woah dude!', 'https://pywebview.flowrl.com/hello')
webview.start(debug=True)
References:
[1]: /static/https://pywebview.flowrl.com/guide/debugging.html
`ValueError: Constraint must have a name` in alembic 1.10.0 · Issue #1195 · sqlalchemy/alembic
Describe the bug ValueError: Constraint must have a name in alembic 1.10.0. Expected behavior Migration succeeds. To Reproduce Please try to provide a Minimal, Complete, and Verifiable example, wit...
GitHub · github.com [1]
After a nasty time with alembic upgrades, thoughts is about to get a new users table. This may have came from incorrectly setting up alembic for sqlite from the start, but I was able to fix the issue with this GitHub issue.
alembic sqlite ValueError: Constraint must have a name
The change I needed to make to get my migration to run.
+ batch_op.create_foreign_key('fk_post_author_id_user', 'user', ['author_id'], ['id'])
References:
[1]: https://github.com/sqlalchemy/alembic/issues/1195
![[None]]
Since using alembic I have been just running out a new revision checking its content and deleting it if its empty, today I learned there is an alembic check command to check for operations that need to be created.
❯ alembic check
INFO [alembic.runtime.migration] Context impl SQLiteImpl.
INFO [alembic.runtime.migration] Will assume non-transactional DDL.
No new upgrade operations detected.
API — Jinja Documentation (3.1.x)
jinja.palletsprojects.com [1]
🤯 jinja comes with a loader to pre-compile templates! Defihnitely need to look at this for markata, as jinja is till one of the biggest hot spots.
References:
[1]: https://jinja.palletsprojects.com/en/3.0.x/api/#jinja2.Environment.compile_templates
[1]
I’ve definitely been missing out on setting up a proper jinja loader on a few projects, I need to lean on this a bit more.
class jinja2.FileSystemLoader(searchpath, encoding='utf-8', followlinks=False):
'''
Load templates from a directory in the file system.
'''
The path can be relative or absolute. Relative paths are relative to the current working directory.
loader = FileSystemLoader("templates")
# A list of paths can be given. The directories will be searched in order, stopping at the first matching template.
loader = FileSystemLoader(["/override/templates", "/default/templates"])
References:
[1]: /static/https://jinja.palletsprojects.com/en/3.0.x/api/#jinja2.FileSystemLoader
-
Nice intro into tailwind, I definitely started grasping some of the concepts after watching Brad.
GitHub - wagoodman/dive: A tool for exploring each layer in a docker image
A tool for exploring each layer in a docker image. Contribute to wagoodman/dive development by creating an account on GitHub.
GitHub · github.com [1]
Really cool tui to inspect docker imaages that runs with docker.
References:
[1]: https://github.com/wagoodman/dive
Gzip/Brotli Compression Test | GiftOfSpeed
Check if Gzip or Brotli compression is working on your website.
giftofspeed.com [1]
A nice tool to check compression on a public url.
References:
[1]: https://www.giftofspeed.com/gzip-test/
Read a Range of Data - LIMIT and OFFSET - SQLModel
SQLModel, SQL databases in Python, designed for simplicity, compatibility, and robustness.
sqlmodel.tiangolo.com [1]
Implement paging in sqlmodel with where, limit, and offset.
def select_heroes():
with Session(engine) as session:
statement = select(Hero).where(Hero.age > 32).limit(3)
results = session.exec(statement)
heroes = results.all()
print(heroes)
References:
[1]: https://sqlmodel.tiangolo.com/tutorial/limit-and-offset/?h=#combine-limit-and-offset-with-where
DuckDB vs. MotherDuck: When to Move to the Cloud | Kestra
DuckDB is fast and free. MotherDuck adds cloud storage, collaboration, and scale. Here
kestra.io [1]
duckdb is a new in process database that has been making its rounds in analytics for its high performance in those applications.
Mother duck is a centeralized server that brings manages storage, data sharing and an ide to duckdb.
References:
[1]: https://kestra.io/blogs/2023-07-28-duckdb-vs-motherduck
Textual - Center things
Textual is a TUI framework for Python, inspired by modern web development.
Textual Documentation · textual.textualize.io [1]
How to center things in textual. Textual has a very unique way of styling text user interfaces for the terminal using css. If you know css it feels natural.
@willmcgugan [2], has put together a great article on how to center things in textual
here the final result
from textual.app import App, ComposeResult
from textual.widgets import Static
QUOTE = "Could not find you in Seattle and no terminal is in operation at your classified address."
class CenterApp(App):
"""How to center things."""
CSS = """
Screen {
align: center middle;
}
#hello {
background: blue 50%;
border: wide white;
width: 40;
height: 9;
text-align: center;
content-align: center middle;
}
"""
def compose(self) -> ComposeResult:
yield Static(QUOTE, id="hello")
if __name__ == "__main__":
app = CenterApp()
app.run()
References:
[1]: https://textual.textualize.io/how-to/center-things/
[2]: https://willmcgugan.github.io
s3-tree
list s3 objects in tree-like format.
PyPI · pypi.org [1]
Super useful way to show a tree view of an s3 bucket’s structure!
pip install s3-tree
s3-tree bucketname
References:
[1]: https://pypi.org/project/s3-tree/
External Link
stackoverflow.com [1]
How to sort results from a sqlalchemy based orm.
.order_by(model.Entry.amount.desc())
I needed this to enable paging on my thoughts api.
@post_router.get("/posts/")
async def get_posts(
*,
request: Request,
session: Session = Depends(get_session),
hx_request: Annotated[str | None, Header()] = None,
accept: Annotated[str | None, Header()] = None,
current_user: Annotated[User, Depends(try_get_current_active_user)],
page_size: int = 10,
page: int = 1,
) -> Posts:
"get all posts"
statement = (
select(Post)
.where(Post.published)
.order_by(Post.id.desc())
.limit(page_size)
.offset((page - 1) * page_size)
)
posts = session.exec(statement).all()
posts = Posts(__root__=posts)
if isinstance(current_user, RedirectResponse):
is_logged_in = False
else:
is_logged_in = True
if hx_request and page == 1 and len(posts.__root__) == 0:
return HTMLResponse('<ul id="posts"><li>No posts</li></ul>')
if hx_request and len(posts.__root__) == 0:
return HTMLResponse("")
if not hx_request and len(posts.__root__) == 0:
return ["no posts"]
if hx_request:
return templates.TemplateResponse(
"posts.html",
{
"request": request,
"config":...
GitHub - kndndrj/nvim-dbee: Interactive database client for neovim
Interactive database client for neovim. Contribute to kndndrj/nvim-dbee development by creating an account on GitHub.
GitHub · github.com [1]
A neovim database client that I need to check out.
References:
[1]: https://github.com/kndndrj/nvim-dbee
Relocating the Docker root directory
If the space in the file system where the Docker root directory is located is not adequate and cannot be increased, you must relocate the directory.
ibm.com [1]
A very straightforward guide to moving your docker data, such as container storage to a different location. In my case I wanted it off of my boot drive.
References:
[1]: https://www.ibm.com/docs/en/z-logdata-analytics/5.1.0?topic=compose-relocating-docker-root-directory