Skip to content

Instantly share code, notes, and snippets.

View james2doyle's full-sized avatar

James Doyle james2doyle

251 followers · 317 following
View GitHub Profile
@james2doyle
james2doyle / generate-deep-slug-urls.groq
Created October 10, 2025 22:06
Generate nested URLs using Groq functions in Sanity
// since the argument variable can only be referenced once, we need this function repeated
fn ex::p($p) = $p->{"c":url.current};
fn ex::pp($p) = $p->{"c": ex::p(parentPage).c};
fn ex::ppp($p) = $p->{"c": ex::pp(parentPage).c};
// will output `level-4/level-3/level-2/level-1`
// usage: { "href": ex::slug(@) }
fn ex::slug($d) = $d{"slug":array::join(
array::compact([
ex::ppp(parentPage).c,
ex::pp(parentPage).c,
@james2doyle
james2doyle / minimal.css
Created October 7, 2025 16:24
Minimal amount of CSS for a plain HTML page to look good. From https://thecascade.dev/article/least-amount-of-css/
/* @see https://thecascade.dev/article/least-amount-of-css/ */
html {
color-scheme: light dark;
}
body {
font-family: system-ui;
font-size: 1.25rem;
line-height: 1.5;
}
@james2doyle
james2doyle / print-with-chrome.sh
Created October 1, 2025 16:13
An example of printing headless with Google Chrome from the CLI
/path/to/chrome --headless \
--disable-gpu \
--no-pdf-header-footer \
--hide-scrollbars \
--print-to-pdf-margins="0,0,0,0" \
--print-to-pdf \
--window-size=1280,720 \
https://example.com
@james2doyle
james2doyle / keybinding.jsonc
Created July 9, 2025 19:18
An example of a complex keybinding in Sublime Text. This example shows you can "press [key] when selecting text to wrap it in template echo tags and a variable"
[
// press $ when selecting text to wrap it in blade echo tags and a variable
{
"keys": [
"$"
],
"command": "insert_snippet",
"args": {
"contents": "{{ \\$${0:$SELECTION} }}"
},
@james2doyle
james2doyle / vite-asset-query-string-version.php
Last active May 5, 2025 17:50
Use the Vite facade in Laravel to version the assets with a query string
<?php
// version the asset path for each deploy
Vite::createAssetPathsUsing(function (string $path): string {
return cache()->rememberForever($path, function () use ($path) {
// "z" is "day of the year" so this value will only change on the day of deployment
return sprintf('%s?v=%s', asset($path), date('z'));
});
});
@james2doyle
james2doyle / add_target_blank_to_external_links.php
Last active May 1, 2025 17:38
A helper function for Laravel that can add missing target blank to HTML so that external links open in a new tab
@james2doyle
james2doyle / sane-defaults.sql
Created December 6, 2024 17:35
Here is a list of sensible defaults when using sqlite https://briandouglas.ie/sqlite-defaults/
-- @see https://briandouglas.ie/sqlite-defaults/
-- Set the journal mode to Write-Ahead Logging for concurrency
PRAGMA journal_mode = WAL;
-- Set synchronous mode to NORMAL for performance and data safety balance
PRAGMA synchronous = NORMAL;
-- Set busy timeout to 5 seconds to avoid "database is locked" errors
PRAGMA busy_timeout = 5000;
@james2doyle
james2doyle / example-markdown.md
Created October 11, 2024 16:39
An example of all the possible Markdown syntax. Taken from: https://www.noteshub.app/notebooks/github/NotesHubApp%2FWelcome/Examples/Supported%20Markdown%20Syntax.md

Heading

Start a line with a hash character # to set a heading. Organize your remarks with subheadings by starting a line with additional hash characters, for example ####. Up to six levels of headings are supported.

Alternatively, on the line below the text, add any number of == characters for heading level 1 or -- characters for heading level 2.

Best practices: Markdown doesn't agree on how to handle a missing space between the number signs # and the heading name. For compatibility, always put a space between the number signs and the heading name.




  


  




    


          
    

      

        
        

          

              @james2doyle
          

          

            
                james2doyle
                / alert.blade.php
            
            

              Created
              October 2, 2024 20:10
            

              
                A simple alert Laravel Blade component that is styled with Tailwind and uses Alpine for the dismissal
              
          

        

      

        

  

    
    


        



  


  

        

          
          <div {{ $attributes }} x-data="{ visible: true }" x-show="visible" x-cloak>
        

        

          
              <div class="relative w-full overflow-hidden rounded-xl border border-red-600 bg-white text-slate-700 dark:bg-slate-900 dark:text-slate-300"
        

        

          
                  role="alert">
        

        

          
                  <div class="flex w-full items-center gap-2 bg-red-600/10 p-4">
        

        

          
                      <div class="rounded-full bg-red-600/15 p-1 text-red-600" aria-hidden="true">
        

        

          
                          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="size-6"
        

        

          
                              aria-hidden="true">
        

        

          
                              <path fill-rule="evenodd"
        

        

          
                                  d="M10 18a8 8 0 1 0 0-16 8 8 0 0 0 0 16ZM8.28 7.22a.75.75 0 0 0-1.06 1.06L8.94 10l-1.72 1.72a.75.75 0 1 0 1.06 1.06L10 11.06l1.72 1.72a.75.75 0 1 0 1.06-1.06L11.06 10l1.72-1.72a.75.75 0 0 0-1.06-1.06L10 8.94 8.28 7.22Z"
        

        

          
                                  clip-rule="evenodd" />
        

  





    


  




    


          
    

      

        
        

          

              @james2doyle
          

          

            
                james2doyle
                / x-cloak.css
            
            

              Created
              September 28, 2024 17:32
            

              
                Trick with v-cloak in Vuejs but updated for Alpine and x-cloak. From https://medium.com/vuejs-tips/v-cloak-45a05da28dc4
              
          

        

      

        

  

    
    


        



  


  

        

          
          [x-cloak],
        

        

          
          [x-cloak]>* {
        

        

          
              display: none !important;
        

        

          
          }
        

        

          
          

        

        

          
          [x-cloak]::before {
        

        

          
              content: "loading\2026";
        

        

          
          }