Audio notifications for Claude Code on macOS using text-to-speech and system sounds.
A Claude Code custom skill that incrementally upgrades Laravel applications to the latest stable version, one major version at a time (similar to laravelshift.com).
| // Use like this: node --import logger.js yourapp.js | |
| import path from 'path'; | |
| const { log } = console; | |
| [`debug`, `log`, `warn`, `error`, `table`, `dir`].forEach((methodName) => { | |
| const originalLoggingMethod = console[methodName]; | |
| console[methodName] = (...args) => { | |
| const originalPrepareStackTrace = Error.prepareStackTrace; | |
| Error.prepareStackTrace = (_, stack) => stack; |
These notes are pretty much the same steps as the two extensions list, it's just that I had to collate them together because neither seems to list it fully in the proper order.
-
Install Synthwave ’84/Synthwave + Fluoromachine theme on VS Code (I used the Fluoromachine one)
-
Install Custom CSS and JS Loader
-
Command + Shift + P to open command palette > "Preferences: Open settings (JSON)"
| /** | |
| * Helper function to reduce boilerplate in route creation | |
| * | |
| * @param {string} path The route's path | |
| * @param {object} page A page component definition | |
| * @param {Function} page A function that returns a page import | |
| * @param {string} page A string path to a file in the view/pages folder | |
| * @param {object} attrs Any additional attributes | |
| */ | |
| export function route (path, page, attrs = {}) { |
| <script> | |
| import icons from '@pimer/octicons'; | |
| export default { | |
| functional: true, | |
| render(createElement, { props }) { | |
| return Object.hasOwnProperty.apply(icons, [props.name]) ? createElement('svg', { | |
| domProps: { innerHTML: icons[props.name].path }, | |
| attrs: { ...icons[props.name].options }, | |
| }) : false; |
Here is a little recipe for generating html from github-flavoured markdown. CSS extracted and modified from https://github.com/sindresorhus/github-markdown-css on 22-05-2019. At some point this CSS will probably have to be updated, but for now it works.
-
Install pandoc 2.x or higher
-
Save github-markdown.css (below) to ´~/.pandoc/github-markdown.css´
-
To convert a file called README.md (change as appropriate) run ´pandoc --standalone -c ~/.pandoc/github-markdown.css -f gfm -t html README.md´
| 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; |
| <?php | |
| namespace App\Builders; | |
| use Illuminate\Database\Eloquent\Builder as BaseBuilder; | |
| class Builder extends BaseBuilder | |
| { | |
| public function search($term, $attributes) | |
| { |
| module.exports = { | |
| chainWebpack: config => { | |
| config.plugin('html').tap(args => { | |
| args[0].hash = true | |
| return args | |
| }) | |
| } | |
| } |