feat: add torchlight

.gitignore

@@ -33,3 +33,5 @@ yarn-debug.log*
 .pnp.js
 # Yarn Integrity file
 .yarn-integrity
+.envrc
+.torchlight-cache

bridgetown.config.yml

@@ -19,6 +19,7 @@ url: "" # the base hostname & protocol for your site, e.g. https://example.com
 permalink: pretty
 template_engine: erb
 
+highlighter: ""
 # Other options you might want to investigate:
 #
 # base_path: "/" # the subpath of your site, e.g. /blog. If you set this option,

frontend/styles/index.css

@@ -91,3 +91,17 @@ hr {
   border-top: 2px dotted #bbb;
   margin: 3rem 0;
 }
+
+pre {
+  @apply my-4 rounded overflow-x-auto;
+}
+
+pre code {
+  @apply block py-4 min-w-max;
+}
+
+
+pre code .line-number,
+pre code .summary-caret {
+  @apply mr-4;
+}

frontend/styles/jit-refresh.css

@@ -1 +1 @@
-/* 1653516523 */
+/* 1653522500 */

package.json

@@ -7,6 +7,8 @@
     "esbuild-dev": "node esbuild.config.js --watch"
   },
   "devDependencies": {
+    "@tailwindcss/typography": "^0.5.2",
+    "@torchlight-api/torchlight-cli": "^0.1.2",
     "esbuild": "^0.13.15",
     "glob": "^7.2.0",
     "postcss": "^8.4.0",

plugins/builders/torchlight.rb

@@ -0,0 +1,9 @@
+class Builders::Torchlight < SiteBuilder
+  def build
+    hook :site, :post_write, priority: :high do
+      # next unless Bridgetown.env.production?
+
+      system "yarn torchlight"
+    end
+  end
+end

src/_layouts/page.erb

@@ -4,4 +4,6 @@ layout: default
 
 <h1><%= resource.data.title %></h1>
 
-<%= yield %>
+<article class="prose max-w-none">
+  <%= yield %>
+</article>

src/_layouts/post.erb

@@ -4,4 +4,6 @@ layout: default
 
 <h1><%= resource.data.title %></h1>
 
-<%= yield %>
+<article class="prose max-w-none">
+  <%= yield %>
+</article>

src/index.md

@@ -1,10 +1,11 @@
 ---
-# Feel free to add content and custom Front Matter to this file.
-
-layout: default
+layout: page
+title: "Welcome to your new Bridgetown website"
 ---
 
-# Welcome to your new Bridgetown website.
+> Tutorial coming soon to [andrewm.codes](https://andrewm.codes/)
+
+## [Bridgetown](https://bridgetownrb.com/)
 
 You can learn more about how to build and deploy your new website by reading the  [Bridgetown documentation](https://www.bridgetownrb.com/docs).
 
@@ -16,7 +17,37 @@ If you run into any issues or have additional questions, please join us in our [
 
 _Have fun and **good luck**!_
 
-----
+## [Torchlight](https://torchlight.dev)
+
+Can be run as a hook on every build, but this can occasionally put you into a weird state where you have to reload to see the changes.
+
+```ruby
+class Builders::Torchlight < SiteBuilder
+  def build
+    hook :site, :post_write, priority: :high do
+      system "yarn torchlight"
+    end
+  end
+end
+```
+
+There really isn't a need to run Torchlight everytime we rebuild the site though...
+
+We can just run it at the end of our build process via the CLI or with a hook. Or we could only run it when BRIDGETOWN_ENV is set to `production`.
+
+```ruby
+class Builders::Torchlight < SiteBuilder
+  def build
+    hook :site, :post_write, priority: :high do
+      next unless Bridgetown.env.production?
+
+      system "yarn torchlight"
+    end
+  end
+end
+```
+
+---
 
 **Generated by v1.0.0**
 {:style="text-align:center"}

tailwind.config.js

@@ -6,5 +6,7 @@ module.exports = {
   theme: {
     extend: {},
   },
-  plugins: [],
+  plugins: [
+    require("@tailwindcss/typography"),
+  ],
 }

torchlight.config.js

@@ -0,0 +1,64 @@
+module.exports = {
+  // Your token from https://torchlight.dev
+  token: process.env.TORCHLIGHT_TOKEN,
+
+  // The Torchlight client caches highlighted code blocks. Here you
+  // can define which directory you'd like to use. You'll likely
+  // want to add this directory to your .gitignore. Set to
+  // `false` to use an in-memory cache. You may also
+  // provide a full cache implementation.
+  cache: '.torchlight-cache',
+
+  // Which theme you want to use. You can find all of the themes at
+  // https://torchlight.dev/docs/themes.
+  theme: 'atom-one-dark',
+
+  // The Host of the API.
+  host: 'https://api.torchlight.dev',
+
+  // Global options to control block-level settings.
+  // https://torchlight.dev/docs/options
+  options: {
+    // Turn line numbers on or off globally.
+    lineNumbers: false,
+
+    // Control the `style` attribute applied to line numbers.
+    // lineNumbersStyle: '',
+
+    // Turn on +/- diff indicators.
+    diffIndicators: true,
+
+    // If there are any diff indicators for a line, put them
+    // in place of the line number to save horizontal space.
+    diffIndicatorsInPlaceOfLineNumbers: true
+
+    // When lines are collapsed, this is the text that will
+    // be shown to indicate that they can be expanded.
+    // summaryCollapsedIndicator: '...',
+  },
+
+  // Options for the highlight command.
+  highlight: {
+    // Directory where your un-highlighted source files live. If
+    // left blank, Torchlight will use the current directory.
+    input: './output',
+
+    // Directory where your highlighted files should be placed. If
+    // left blank, files will be modified in place.
+    output: '',
+
+    // Globs to include when looking for files to highlight.
+    includeGlobs: [
+      '**/*.htm',
+      '**/*.html'
+    ],
+
+    // String patterns to ignore (not globs). The entire file
+    // path will be searched and if any of these strings
+    // appear, the file will be ignored.
+    excludePatterns: [
+      '/node_modules/',
+      '/vendor/'
+    ]
+  }
+}