{"id":13340925,"url":"https://github.com/yq314/vscode-braze-liquid-preview","last_synced_at":"2026-01-19T05:35:14.860Z","repository":{"id":34613601,"uuid":"180824633","full_name":"yq314/vscode-braze-liquid-preview","owner":"yq314","description":"Braze Liquid Preview for Visual Studio Code","archived":false,"fork":false,"pushed_at":"2022-02-26T13:38:20.000Z","size":765,"stargazers_count":3,"open_issues_count":0,"forks_count":2,"subscribers_count":2,"default_branch":"master","last_synced_at":"2024-10-24T06:30:32.963Z","etag":null,"topics":["braze","hacktoberfest","liquid","previewer","vscode-extension"],"latest_commit_sha":null,"homepage":"https://marketplace.visualstudio.com/items?itemName=chinyip.braze-liquid-preview","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":"kirchner-trevor/vscode-shopify-liquid-preview","license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/yq314.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2019-04-11T15:46:36.000Z","updated_at":"2024-07-02T13:57:28.000Z","dependencies_parsed_at":"2022-08-08T01:15:54.300Z","dependency_job_id":null,"html_url":"https://github.com/yq314/vscode-braze-liquid-preview","commit_stats":null,"previous_names":[],"tags_count":3,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yq314%2Fvscode-braze-liquid-preview","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yq314%2Fvscode-braze-liquid-preview/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yq314%2Fvscode-braze-liquid-preview/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yq314%2Fvscode-braze-liquid-preview/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/yq314","download_url":"https://codeload.github.com/yq314/vscode-braze-liquid-preview/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243098672,"owners_count":20236068,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["braze","hacktoberfest","liquid","previewer","vscode-extension"],"created_at":"2024-07-29T19:24:30.589Z","updated_at":"2026-01-19T05:35:14.810Z","avatar_url":"https://github.com/yq314.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Braze Liquid Preview for Visual Studio Code\n\n![GitHub](https://img.shields.io/github/license/yq314/vscode-braze-liquid-preview.svg)\n![Visual Studio Marketplace Version](https://img.shields.io/visual-studio-marketplace/v/chinyip.braze-liquid-preview.svg?logo=visual-studio-code)\n![Visual Studio Marketplace Installs](https://img.shields.io/visual-studio-marketplace/i/chinyip.braze-liquid-preview.svg?logo=visual-studio-code)\n\n\nGives a live preview for [Braze Liquid](https://www.braze.com/docs/user_guide/personalization_and_dynamic_content/liquid/overview/) templates. The extension compiles Braze Liquid template on the fly, applying preview data and rendering resulting HTML in separate window.\n\nThe code is based on [Trevor Kirchner](https://github.com/kirchner-trevor)'s [vscode-shopify-liquid-preview](https://github.com/kirchner-trevor/vscode-shopify-liquid-preview). I extended it with additional Braze specific tags and filters so it works for Braze liquid too.\n\n## Features\n\n- Live preview for Braze Liquid templates, updating as you type\n- Support for fake data. Assuming your template file name is `template.liquid`, add a file `template.liquid.json` in the same directory to be a context of the template\n\n## Usage\n\n- Use the keybinding `ctrl+k v` while selecting a file with a `.liquid` extension\n- Use the keybinding `ctrl+shift+p` and type **Braze Liquid: Open Preview to the Side** to run from command panel\n\n## Running locally\n\nRunning with `npm`\n```\nnpm install\nnpm run test\n```\n\nTest your extension with [Visual Studio Code](https://code.visualstudio.com/api/working-with-extensions/testing-extension)\n\n## Implemented Braze Features\n\nThe Braze templating features are provided by [brazejs](https://github.com/yq314/brazejs), refer to its [README](https://github.com/yq314/brazejs#difference-with-liquidjs) for supported features and usage.\n\n## Caveats\n\n⚠️ Braze only implements a subset of Shopify liquid, so things working here may not work in Braze, do test it in Braze to confirm everything works fine before publishing the template.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fyq314%2Fvscode-braze-liquid-preview","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fyq314%2Fvscode-braze-liquid-preview","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fyq314%2Fvscode-braze-liquid-preview/lists"}