marcus-at-localhost

// injects the script in the body of the document.
// returns a promise that gets resolves once the script has been loaded in the document
export const injectScript = (url, document = window.document) => {
  const script = document.createElement('script');
  script.src = url;
  script.type = 'text/javascript';
  script.async = true;

  const body = document.getElementsByTagName('body')?.[0] ?? null;
  if (body === null) {

marcus-at-localhost

## Pre-requisite: You have to know your last commit message from your deleted branch.
git reflog
# Search for message in the list
# a901eda HEAD@{18}: commit: <last commit message>

# Now you have two options, either checkout revision or HEAD
git checkout a901eda 
# Or
git checkout HEAD@{18}

marcus-at-localhost

// This is meant to be in a html head script tag
// checkboxes are very inconvenient in html and will serialize nothing when the checkbox is unchecked
// instead of using hx-vals and writting a bit of JSON each time you have a checkbox I decided to fix it globally:
window.onload = function() {
    document.body.addEventListener('htmx:configRequest', function(evt) {
        const isInput = evt.detail.elt.tagName == 'INPUT';
        const isCheckbox = evt.detail.elt.type == 'checkbox';
        const isNotChecked = evt.detail.elt.checked == false;
        if(isInput && isCheckbox && isNotChecked) {
            const name = evt.detail.elt.name;

marcus-at-localhost

[MySQL] Permanently change SQL Mode in MySQL (disable_strict_mode)

Set into [mysqld] of MySQL config, for Ubuntu your could create a file /etc/mysql/conf.d/disable_strict_mode.cnf:

[mysqld]
sql_mode=NO_ENGINE_SUBSTITUTION

SQL mode example: STRICT_TRANS_TABLES,ERROR_FOR_DIVISION_BY_ZERO,NO_AUTO_CREATE_USER,NO_ENGINE_SUBSTITUTION

marcus-at-localhost

Sans jQuery

Events

// jQuery
$(document).ready(function() {
  // code
})

marcus-at-localhost

/* -------------------------------------------------------------------------- */
// All Bootstrap 5 Sass Mixins [ Cheat sheet ]
// Updated to Bootstrap v5.1.x
// @author https://anschaef.de
// @see https://github.com/twbs/bootstrap/tree/main/scss/mixins
// @see https://github.com/twbs/bootstrap/blob/main/scss/_variables.scss
/* -------------------------------------------------------------------------- */

// Options
// @see https://getbootstrap.com/docs/5.1/customize/options/

marcus-at-localhost

const echoPostRequest = {
  url: 'https://<my url>.auth0.com/oauth/token',
  method: 'POST',
  header: 'Content-Type:application/json',
  body: {
    mode: 'application/json',
    raw: JSON.stringify(
        {
        	client_id:'<your client ID>',
        	client_secret:'<your client secret>',

marcus-at-localhost

Effective September 2021, Dropbox will be deprecating long-lived access tokens.

This GIST generally describes how to authenticate requests to Dropbox API v2, for anyone working on a server-side PHP Dropbox implementation.

It's important to understand three types of codes you'll encounter:

1. Access Code - this is a one-time code that represents user-granted app access.
2. Access Token - this is short-lived token that provides access to Dropbox API endpoints.
3. Refresh Token - this is a long-lived token that allows you to fetch a fresh Access Token.

marcus-at-localhost

details summary {
  cursor: pointer;
  outline: none !important;
  display: inline-block;
  padding: 8px 12px;
  padding-top: 10px;
  border-radius: 4px;
  overflow: hidden;
  background: #F09825;
  color: white;

marcus-at-localhost

<IfModule mod_rewrite.c>
    <IfModule mod_negotiation.c>
        Options -MultiViews -Indexes
    </IfModule>

    RewriteEngine On
    RewriteBase / # <= add this

    # Handle Authorization Header
    RewriteCond %{HTTP:Authorization} .