Arild

Category: Data

  • Debounce inside a Vue composable

    —

    by

    arild
    in

    In the Queerlit frontend, I keep a query object in vuex state, and there’s a helper function for modifying the query object and then immediately performing a search request. This helper lives in a composable, useSearch() in search.composable.js. The search function is debounced, because it may be issued multiple times, quickly in succession. This happens…

  • —

    by

    arild
    in

    I have been adding Matomo tracking to the Queerlit frontend, using Dennis Ruhe’s vue-matomo plugin. The plugin hooks nicely into the router and tracks page views for each route change. It has not, however, been tracking the page title. My first attempt to fix this was by sending the setDocumentTitle event after async-fetching the data…

  • RDF in version control

    RDF in version control

    —

    by

    arild
    in

    TL;DR: Write as N-Triples and then sort the lines.

  • Streams in Vite

    —

    by

    arild
    in

    I’m trying to use N3 to parse and query Turtle files in a Vite/Vue 3 project. The N3 readme says “N3.js seamlessly works in browsers via webpack or browserify” and I had trouble interpreting what that would mean in a Vite context. I made an attempt at properly learning all about bundling, but I did…

  • Sort empty strings last

    —

    by

    arild
    in

    You want to sort a list of strings in JavaScript, but some of the strings are empty, and you want those to come last. localeCompare is your friend, but it places empty strings first. The solution is a bit of boolean sweetness: [“foo”, “”, “bar”].sort((a, b) => a && b ? a.localeCompare(b) : !a -…

  • Comma, comma & and

    Comma, comma & and

    —

    by

    arild
    in ,

    I recently had to concatenate author names with commas and an ampersand in the following manner: commaAnd([‘Emir Jong’]); // becomes: “Emir Jong” commaAnd([‘Kristian Josefsen’, ‘Tetyana Bohuňková’]); // becomes: “Kristian Josefsen & Tetyana Bohuňková” commaAnd([‘Luana Ferreira Carvalho’, ‘Jian Tu’, ‘Ambessa Afwerki’]); // becomes: “Luana Ferreira Carvalho, Jian Tu & Ambessa Afwerki” Here are a few implementations…

  • GU Eduroam trouble solved

    —

    by

    arild
    in

    Connecting to Eduroam (at the University of Gothenburg) was tricky this time. The main problem was ensuring the CA Certificate was installed. Clicking the certificate link on the instructions page at Medarbetarportalen gave a message saying This certificate is already installed as a certificate authority. Yet, when configuring the WiFi connection, there was no option…

  • Push to deploy Vue app

    Push to deploy Vue app

    —

    by

    arild
    in

    With this workflow, my web space contains a git remote which, whenever pushed to, builds the Vue project and puts it on a public path.

  • Artsy Engineering Blog

    —

    by

    arild
    in

    http://artsy.github.io/blog/2017/11/27/Babel-7-and-TypeScript/ An airy and business card-like blog design, clean and free from distractions. I like how the elegant Garamond font is used throughout, and the cyan gradient in the background.

  • perfectcykel.se

    —

    by

    arild
    in

    http://perfectcykel.se/ Zero images. Zero links. Webfonts for flare, a cute icon. Sometimes, a website should just be this simple.