GithubHelp home page GithubHelp logo

pklaschka / lorem-ipsum-plugin Goto Github PK

View Code? Open in Web Editor NEW
9.0 3.0 0.0 2.06 MB

A small plugin for Adobe XD to insert placeholder text

Home Page: https://xdplugins.pabloklaschka.de/plugins/lorem-ipsum

License: GNU General Public License v3.0

JavaScript 39.30% TypeScript 59.63% SCSS 1.06%
adobe-xd plugin adobe-xd-plugin lorem-ipsum lorem-ipsum-generator placeholder-text

lorem-ipsum-plugin's Introduction

Hi there 👋

My name is Zuri Klascha, I'm a student, developer and creative from Würzburg Germany.

I primarily develop websites, plugins for Adobe XD and developer tooling, but also individual web- and desktop apps.

When I'm not developing things, I study space- and aerospace computer science in Würzburg, Germany, lead the team that develops the Ground Station Software for the Daedalus2 WüSpace Project and more.

Apart from that

I have autism (and try to fight against prejudice in this field).

Links

lorem-ipsum-plugin's People

Contributors

dependabot-preview[bot] avatar dependabot[bot] avatar pklaschka avatar renovate-bot avatar renovate[bot] avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

lorem-ipsum-plugin's Issues

Create placeholder texts from rectangles

As per a user request, it may be feasible to convert selected rectangles into placeholder texts. Since the current process of creating placeholder text is a little cumbersome, cf. [State now], adding this functionality could decrease the effort to create placeholder text even further, cf. [State after].

[State before]

Process of creating placeholder text:

  • Select the text tool: T
  • Create a text area: Left-click and drag with mouse
  • Enter some strings so the text area doesn't disappear when clicking away from it: A
  • Exit text edit mode: ESC
  • Run plugin: Ctrl/Cmd+Alt/Opt+L
  • Confirm settings: Return
  • Done

[State after]

The before is still possible, but additionally, it's also possible to:

  • Select the rectangle tool: R
  • Create a rectangle: Left-click and drag with mouse
  • Run plugin: Ctrl/Cmd+Alt/Opt+L
  • Confirm settings: Return
  • Done

Add a shortcut for the most commonly used "Quick Lorem Ipsum"

The option "Quick Lorem Ipsum" is used the most often (or the equivalent of it via the dialog, thereof).

In the next version, I'd like to add a keyboard shortcut for this option. To keep things consistent, that'll have to be Cmd/Ctrl+Opt/Alt+Shift+L.

Refactor function names

I never expected to make this open-source, so function names are a bit messy. Note to myself: Write good function names from the beginning in the future and refactor this mess in the next few days 😆

Option for fixed text length

As per a user request, it might be useful to have an option to specify a specific text length, instead of the text adjusting to the text area size.

Proposed implementation

The behavior would be the same as before for point text, i.e., two words would get used.

The Lorem Ipsum Config Dialog

The dialog would get another option, text length. Implemented as radio buttons, this gives the user two choices:

Text length:

  • Adjust to layer [Tooltip: Two words for point text]
  • Fixed length

Also, a slider gets added to specify the text length. This would be disabled when "Adjust to layer" is selected.

Estimation

A first, rough estimation for this implementation would be 2 hours.

Randomize Lorem Ipsum

Hi,

You have created a very useful Adobe Xd plugin 👍 .

I would like to make the suggestion to add a randomise option to the dialog, so that the inserted text won't always start with "Lorem ipsum". When working with multiple blocks of text, all the blocks now look the same which is distracting while Lorem Ipsum texts should achieve the opposite.

Dependency Dashboard

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

Pending Approval

These branches will be created by Renovate only once you click their checkbox below.

  • deps(dev): update actions/cache action to v4
  • deps(dev): update actions/checkout action to v4
  • deps(dev): update actions/labeler action to v5
  • deps(dev): update actions/setup-node action to v4
  • deps(dev): update actions/upload-artifact action to v4
  • deps(dev): update dependency esbuild-sass-plugin to v3
  • deps(dev): update dependency lint-staged to v15
  • deps(dev): update softprops/action-gh-release action to v2
  • 🔐 Create all pending approval PRs at once 🔐

Other Branches

These updates are pending. To force PRs open, click the checkbox below.

  • deps(dev): replace dependency standard-version with commit-and-tag-version 9.5.0

Open

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

Detected dependencies

github-actions
.github/workflows/ci.yml
  • actions/checkout v3
  • actions/setup-node v3
  • pnpm/action-setup v2
  • actions/upload-artifact v3
.github/workflows/label.yml
  • actions/labeler v4
.github/workflows/lint.yml
  • actions/checkout v3.6.0
  • actions/setup-node v3.8.2
  • actions/cache v3.3.2
  • pnpm/action-setup v2
  • wearerequired/lint-action v2.3.0
.github/workflows/release.yml
  • actions/checkout v3
  • actions/setup-node v3
  • pnpm/action-setup v2
  • softprops/action-gh-release v1
npm
package.json
  • xd-dialog-helper 1.1.0
  • xd-localization-helper 1.1.3
  • xd-storage-helper 1.2.3
  • @adobe/xdpm 4.1.1
  • @types/jest 29.5.11
  • esbuild ^0.19.11
  • esbuild-sass-plugin ^2.5.0
  • lint-staged 13.3.0
  • prettier 3.1.1
  • sass ^1.69.7
  • sloc 0.3.1
  • standard-version 9.5.0
  • ws ^8.16.0
  • zip-a-folder ^3.1.5

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

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.