Skip to content

Fix Liquid syntax error in design system README.md#3

Merged
NAME0x0 merged 2 commits into
secondfrom
copilot/fix-6cb6ae67-471b-46e7-adc8-a4fc8f89909d
Sep 12, 2025
Merged

Fix Liquid syntax error in design system README.md#3
NAME0x0 merged 2 commits into
secondfrom
copilot/fix-6cb6ae67-471b-46e7-adc8-a4fc8f89909d

Conversation

Copy link
Copy Markdown
Contributor

Copilot AI commented Sep 12, 2025

Fixes a Jekyll build failure caused by Liquid template processor attempting to parse JSX syntax in the design system documentation.

Problem

GitHub Pages deployment was failing with the following error:

Liquid Exception: Liquid syntax error (line 241): Variable '{{ animationDelay: `${index * 100}' was not properly terminated with regexp: /\}\}/ in lib/design-system/README.md

The issue occurred because Jekyll's Liquid template engine was trying to interpret {{ animationDelay: ${index * 100}ms }} as a Liquid variable within a JSX code example in the README, but the syntax didn't match Liquid's expected format.

Solution

Wrapped the problematic TSX code block with {% raw %} and {% endraw %} tags to prevent Liquid from processing the JSX syntax:

{% raw %}
```tsx
<section className="cinematic-section">
  <div className="container-cinematic">
    <h1 className="heading-primary animate-slide-up">
      Section Heading
    </h1>
    <div className="grid gap-6 mt-12">
      {items.map((item, index) => (
        <div 
          key={item.id}
          className="frame animate-fade-in"
          style={{ animationDelay: `${index * 100}ms` }}
        >
          {item.content}
        </div>
      ))}
    </div>
  </div>
</section>

{% endraw %}


## Changes

- Added `{% raw %}` tag before the TSX code block (line 230)
- Added `{% endraw %}` tag after the TSX code block (line 251)
- No existing content was modified or removed

This ensures that Jekyll/Liquid ignores the curly braces within the code example while preserving the documentation's readability and structure.

> [!WARNING]
>
> <details>
> <summary>Firewall rules blocked me from connecting to one or more addresses (expand for details)</summary>
>
> #### I tried to connect to the following addresses, but was blocked by firewall rules:
>
> - `fonts.googleapis.com`
>   - Triggering command: `/usr/local/bin/node /home/REDACTED/work/NAME0x0.github.io/NAME0x0.github.io/node_modules/next/dist/compiled/jest-worker/processChild.js` (dns block)
>
> If you need me to access, download, or install something from one of these locations, you can either:
>
> - Configure [Actions setup steps](https://gh.io/copilot/actions-setup-steps) to set up my environment, which run before the firewall is enabled
> - Add the appropriate URLs or hosts to the custom allowlist in this repository's [Copilot coding agent settings](https://github.com/NAME0x0/NAME0x0.github.io/settings/copilot/coding_agent) (admins only)
>
> </details>

<!-- START COPILOT CODING AGENT SUFFIX -->



<!-- START COPILOT CODING AGENT TIPS -->
---

✨ Let Copilot coding agent [set things up for you](https://github.com/NAME0x0/NAME0x0.github.io/issues/new?title=✨+Set+up+Copilot+instructions&body=Configure%20instructions%20for%20this%20repository%20as%20documented%20in%20%5BBest%20practices%20for%20Copilot%20coding%20agent%20in%20your%20repository%5D%28https://gh.io/copilot-coding-agent-tips%29%2E%0A%0A%3COnboard%20this%20repo%3E&assignees=copilot) — coding agent works faster and does higher quality work when set up for your repo.

Co-authored-by: NAME0x0 <119836361+NAME0x0@users.noreply.github.com>
Copilot AI changed the title [WIP] The job failed due to a Liquid syntax error in lib/design-system/README.md at line 241. The error message is: Liquid Exception: Liquid syntax error (line 241): Variable '{{ animationDelay: `${index * 100}' was not properly terminated with regexp: /\}\... Fix Liquid syntax error in design system README.md Sep 12, 2025
Copilot AI requested a review from NAME0x0 September 12, 2025 13:49
@NAME0x0 NAME0x0 marked this pull request as ready for review September 12, 2025 13:54
@NAME0x0 NAME0x0 merged commit 6d4f541 into second Sep 12, 2025
1 check failed
@NAME0x0 NAME0x0 deleted the copilot/fix-6cb6ae67-471b-46e7-adc8-a4fc8f89909d branch September 12, 2025 14:06
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants