WordPress local dev site setup automation for Laravel Herd.
Kind of like wp-env but without Docker and with Herd's debugging and mail catching + inspection capabilities. Also supports installing ClassicPress instead of WordPress.
For Windows + PowerShell users.
Best of both worlds! Use Local for pushing and pulling and Herd for local development (so you can use the Dumps window and test emails).
If you put these in your herd bin folder, you can run "local-to-herd" from anywhere to transfer the site's database and link the install to Herd's server, and "local-export-db" to copy the db back from Herd to Local.
| import { addons } from '@storybook/manager-api'; | |
| import events from '@storybook/core-events'; | |
| addons.register('my-manager-addon', () => { | |
| const channel = addons.getChannel(); | |
| Object.values(events).forEach((event) => { | |
| channel.on(event, (data) => { | |
| console.log(event, data); | |
| }); |
| /** | |
| * Customise some of the HTML output of xdebug + add highlightjs + hackily customise that | |
| * Requires: | |
| * - HighlightJS: https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/highlight.min.js | |
| * - HighlightJS PHP: https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/languages/php.min.js | |
| * - Optionally, a base theme, e.g., https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/styles/github.min.css | |
| **/ | |
| document.addEventListener('DOMContentLoaded', function () { | |
| const codeBlocks = document.querySelectorAll('.xdebug-error td:nth-of-type(4)'); | |
| if(codeBlocks.length) { |
| # ZSH Theme based on Solus (https://gist.github.com/cloudnull/4cc7890acaae6cb809e811e09e9eaade#file-solus-zsh-theme) | |
| # Modified with custom colours | |
| # See https://coderwall.com/p/pb1uzq/z-shell-colors for colour codes | |
| if [[ $UID -eq 0 ]]; then | |
| local user_symbol='%F{196}#%f' | |
| else | |
| local user_symbol='%F{226}$%f' | |
| fi |
| // I have sections (called blocks here) that should have top and bottom padding, | |
| // unless two of the same kind with the same background colour are together - | |
| // in which case I want them to be right up next to each other - no padding between them. | |
| // In the HTML it looks something like this: | |
| // <section class="block my-special-block has-primary-background-color"> | |
| .block { | |
| padding-top: map-get($spacing, 'lg'); | |
| padding-bottom: map-get($spacing, 'lg'); | |
| } |
| <script setup lang="ts"> | |
| import Drawer from './components/Drawer.vue'; | |
| </script> | |
| <template> | |
| <div class="app-wrapper"> | |
| <Drawer position="left" :open="true" as="header"> | |
| <p>Stuff goes here</p> | |
| </Drawer> | |
| <main class="page-content"> |
| <?php | |
| // Note: it's not mandatory to put this in a class, it's just how I write my plugins | |
| class Doublee_Admin_UI { | |
| public function __construct() { | |
| add_action('admin_menu', array($this, 'rename_menu_items')); | |
| // ...other function calls | |
| } | |
| /** |
| <?php | |
| /** | |
| * Add spans and icons to buttons added by applying custom link classes in the WYSIWYG editor | |
| * @param $content | |
| * @return string | |
| */ | |
| function wapr_add_icons_to_buttons($content): string { | |
| return preg_replace_callback('/<a class="btn btn--(?:.*) btn--icon" href="(?:.*)">(.*)<\/a>/', function($match) { | |
| return str_replace($match[1], '<span>'.$match[1].'</span><i class="fa-regular fa-chevron-right"></i>', $match[0]); | |
| }, $content); |
| import { useState, useEffect, useMemo, MutableRefObject } from 'react'; | |
| import { useVisibleSize } from './useVisibleSize.ts'; | |
| export function useTruncatedText(outerRef: MutableRefObject<any>, innerRef: MutableRefObject<any>) { | |
| const { width: outerWidth } = useVisibleSize(outerRef.current); | |
| const { width: innerWidth } = useVisibleSize(innerRef.current); | |
| useEffect(() => { | |
| if (innerRef.current) { | |
| innerRef.current.style.whiteSpace = "nowrap"; |