lpil / elixre

🦑 An Elixir regular expression editor & tester, with Elm

Elixre

An Elixir regular expression editor & tester.

A massive rip off of Michael Lovitt's Rubular.

Usage

# Print dev usage
make
# Start the app in dev mode
make start

# Run backend tests
mix test
# Run frontend tests
make elm-test-watch

Setup

Install Elixir and Node.

cd path/to/elixre

# Install the deps
npm i -g yarn
make install

Deployment

TODO

LICENCE

Elixre - An Elixir regular expression editor & tester
Copyright © 2015 - Present Louis Pilfold

This program  is free software: you can redistribute it and/or modify
it under the terms of the GNU Affero General Public License as
published by the Free Software Foundation, either version 3 of the
License, or (at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
See the GNU Affero General Public License for more details.

You should have received a copy of the GNU Affero General Public License
along with this program. If not, see <http://www.gnu.org/licenses/>.

elixre's Issues

Move off of Heroku

Their free tier will have 6 hours mandatory downtime a day soon.

Mix task to run the app

i.e. mix elixre or mix server

@scripttease

Don't submit if subject or regex inputs are blank

Consider trying brunch?

We went with Grunt because we knew it. Perhaps it's a good time to try brunch now.

Negative lookahead doesn't work correctly

Plug router has a / route

Can return a hello world, or a HTML page, or an EEx template, or whatever.

@scripttease

Multi line subjects are displayed kinda funky.

Styling

• SCSS compilation grunt task
• SCSS written
• Responsive (narrow)
• Responsive (wide)

Unable to deploy due to node compilation issues on Heroku

Switch to docker.

Configure app for deployment on Heroku

Possible Regex error with escaped characters?

~r/\\e\[([\d;]*)m(.*)/

should be

~r/\e\[([\d;]*)m(.*)/

Test on \e[4m (should match)

Start PhantomJS automatically for integration tests

Deployed

• 'build' grunt task created
• Domain aquired
• Live

Permalinks

One of the most useful features of http://rubular.com/ is the ability to get a permanent link to particular examples for posterity. I generally include a Rubular link as a comment with regular expressions in my Ruby code.

A quick search seems to suggest this feature has not yet been requested of Elixre. I took a shot and failed at adding this feature here. It looks like there is a new version in progress that is currently incomplete. I would be happy to give it another shot with some guidance!

Thanks for the useful tool ❤️

"/" serves a HTML page

@scripttease

Metrics

Google analytics?

http://www.elixre.uk/ is down

Not sure if this is the best place, but http://www.elixre.uk/ is down. Also tried https://www.elixre.uk/ (https).

If the sleep time that Heroku enforces is a problem (which it has been for some of my apps), you should take a look at https://gigalixir.com/ .

Come up with a name

Ruby regular expression = Rubular

Elixir regular expression = ???

Text content for frontend

• Regex cheatsheet
• Links to regex reference material
• Info about me
• Licence info

Backend: Support regex flags

Update to latest Elm

Create POST /regex route

For now have it accept a JSON encoded body which is an array, and then returns the array reversed.

Unit tests for the backend

Integration tests

• Invalid regex
• Valid regex with match
• Valid matching regex starting with a space
• Valid regex with multiple subjects
• Valid regex with multi-line subject

Backend serves static assets from the public directory

@scripttease

Angular front end

• Accept regex
• Accept regex flags
• Accept subject string
• Optionally disable subject splitting on newline
• Post to backend
• Post to backend on keypress
• Results displayed
• Match highlighted in result subjects
• Errors displayed
• Display the regex in results

Escape HTML in subject

I guess the subject should be html-escaped.

Credit Rubular in the site footer

Debounce input fields

Let's not hammer the backend as we type.

Tests for the frontend

Broke link

Elixir RegEx documentation goes to github Docs instead of Hexdocs package

Make subject textarea grow with text

New directive.
Div with editable content set to true.
Model bound to the innerHTML.

Enable ES6 in JS tests

https://github.com/babel/karma-babel-preprocessor

Swap grunt for Brunch

Docs are wrong.

You don't need to run grunt.