mrclay

/**
 * Generates file ./utils/queries/WpBlocksFragment.ts containing
 * a fragment with all the WP core block fragments Faust provides.
 *
 * USAGE: ts-node block-fragments.ts
 */

import { CoreBlocks } from '@faustwp/blocks';
import { glob } from 'glob';
import { mkdirSync, writeFileSync } from 'node:fs';

mrclay

// Each match includes [fullElement, attributesStr, innerHtml]
function makeElementExpr(tagname, selfClosing = false) {
  return selfClosing
    ? new RegExp(`<${tagname}\\b([^>]*)/?>`, 'g')
    : new RegExp(`<${tagname}\\b([^>]*)>([\\s\\S]*?)</${tagname}>`, 'g');
}

// Parse into obj like React props
// Note: If you don't provide htmlDecoder, string attribute values will be returned
//       as HTML escaped values rather than text.

mrclay

query MenuQuery {
  menus {
    nodes {
      id
      primaryMenuFields {
        demoField
      }
      menuItems {
        nodes {
          url

mrclay

type OmitNull<T> = T extends null ? Exclude<T, null> | undefined : T;
type OmitNullProps<T extends object> = { [Key in keyof T]: OmitNull<T[Key]> };

/**
 * Allow destructuring an object, turning any null properties into undefined so
 * a default can be given. If the given object may be null/undefined, then every
 * property may be undefined.
 * 
 * Useful for assigning defaults for properties that may be null. In a usual destructuring
 * assignment, nulls are passed through so you can't provide a default for that case:

mrclay

/**
 * Creates embed-friendly dist/fragment.html
 *
 * Install qwik: `npm create qwik@latest`
 * Configure static: https://qwik.builder.io/docs/guides/static-site-generation/#static-site-generation-config
 * In adapters/static/vite.config.ts place vitePluginQwikFragment() after the staticAdapter.
 * Build: `npm run build`
 *   The file `dist/fragment.html` will be created.
 * To test: `npx serve dist` and open http://localhost:3000/fragment.html
 *

mrclay

[...document.querySelectorAll('h1,h2,h3,h4,h5,h6')].filter(el => !el.textContent.trim()).forEach(el => console.log(el))

mrclay

// filename.json      <-- the data
// filename.json.d.ts <-- type definition (this file)

// Just an example type
const value: Record<string, string>;

export default value;

mrclay

export interface FetchInfo {
  uri: RequestInfo;
  init: RequestInit;
  res?: unknown;
  text?: string;
  error?: unknown;
}

function defaultLogger({uri, init, text}: FetchInfo): void {
  console.info({uri, text, init});

mrclay

import {useSyncExternalStore} from 'use-sync-external-store/shim';

const DOT = '.';

export default function createStore(defaultStore = {}) {
  let allStore = defaultStore;

  const listeners = new Set();
  function subscribe(listener) {
    listeners.add(listener);

mrclay

#!/bin/bash

# Execution-relative (all shells). Get dir path of the script executed
# by the user.
__0="$(CDPATH= cd -- $(dirname -- $0) && pwd -P)"

echo "$__0"/bar


# Code-relative (bash/zsh only). Get dir path of *this file*,