jwodicka / svg-gen Goto Github PK

WrapText currently attempts to reflow text to fit, but cannot resize it.

For autoscaling, WrapText should accept a list of allowable sizes in priority order (probably largest to smallest unless we add some rule other than overflow that would force a reflow). If it cannot obtain a valid flow at one size, it should move to the next in line until it finds a valid flow or it runs out of sizes and flows to attempt.

This puts the template designer in control of what reflows are permissible, without making them manually reflow everything.

This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.

Open

These updates have all been created already. Click a checkbox below to force a retry/rebase of any.

• Update dependency file-saver to v2.0.5
• Update dependency @testing-library/react to v9.5.0
• Update dependency @testing-library/user-event to v8.1.3
• Update dependency react-scripts to v3.4.4
• Update react monorepo to v16.14.0 (react, react-dom)
• Update dependency @testing-library/jest-dom to v5
• Update dependency @testing-library/react to v13
• Update dependency @testing-library/user-event to v14
• Update dependency react-scripts to v5
• Update react monorepo to v18 (major) (react, react-dom)
• Click on this checkbox to rebase all open PRs at once

Detected dependencies

• Check this box to trigger a request for Renovate to run again on this repository

Right now, WrapText is working with some hardcoded font metrics and inheriting properties from the overall SVG. It should take that in as props and directly control it for the text boxes under its control to make it more reusable.

There needs to be some sort of UI affordance for selecting what template we want to work with.

Some of the things create-react-app produces are only for use in their initial demo page. Expunge them from the repo; we don't need 'em!

There are three major components in this project:

• The app, which presents a template and its variables to the user and permits them to interactively adjust variables.
• The templates, which should be clean and design-centric, so they are easy to work with for someone who is familiar with SVG but not necessarily JS.
• The helper components, which should be neatly encapsulated so they expose clean blocks of functionality to the templates.

The code structure should reflect this general structure.

A template is a standard React component, plus some additional metadata that allows us to render some props as user-editable variables.

We should document this contract in a .md file in the repo, and add some validation code to the app that checks whether an object presented as a template is valid.

WrapText currently centers text both horizontally and vertically in its available range.

It should definitely support pin-to-top and pin-to-bottom, as well as left- and right-justified ragged text. If there's an acceptable justification algorithm available to us, it would also be nice to support more standard justification.