marcel-js / marcel-js/marcel

Image resize filters

Open
#7 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

brainstorming help wanted
Dominant language
JavaScript
Stars
10
Forks
0
PR merge metrics
No merged PRs in 30d

Description

One of my favorite features in [Timber](https://github.com/timber/timber) is that it adds Twig filters to resize images from within the templates, as:

```twig

```

(Hugo also has something similar I believe.)

The filename is then serialized as `original-file-${operation}-${size}.png` and checked against to avoid processing the same image over and over again.

On the technical front, we need a _fast_ image resizer for Node, and a mechanism to avoid performing the same operation twice, when it's not needed.

If we have images attached to a post (in the same folder as the content), we need a way to specify this resizing in the Markdown file. (Something like shortcodes?)

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

No files or tests are named. Start by locating the template-filter and Markdown/shortcode entry points, then determine how image attachments are processed during generation. Done means templates and Markdown can request image resizing, repeated operations are skipped, and the generated filename records the operation and size.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, node.js
Domain
build-system, content
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.