franzenzenhofer/f19n-obtrusive-livetest

A sandboxed, extendable testing chrome extension and framework! It runs pre-defined and custom tests on each page that you visit.

EC2 web app template

This is a template I use to quickly set up Node.js-backed web apps on Amazon EC2

• Less than 15 minutes from start to finish
• Eligible/compatible with the "AWS Free Usage Tier"
• Ubuntu Linux
• High-performance Nginx HTTP server
  • Sensible default configuration (three flavors to chose from)
  • Automatically handles all static file requests
  • Delegates non-static requests to the Node.js web server
• Git-based deployment
• Init.d scripts

This template enables a very smooth, simple and scalable workflow

• When developing locally, the single command bin/franzenzenhofer-httpd.mv runs your web server and takes care of serving static files
• When deploying changes (after a git push), franzenzenhofer-update restart deploys changes and restarts services on your server
• Rolling back the server to an earlier version is a simple as franzenzenhofer-update restart v0.1.2

Here's a guide on getting started with Amazon EC2: http://rsms.me/2011/03/23/ec2-wep-app-template.html

Let's get started! Head over to INSTALL.md

f19n-obtrusive-livetest's Issues

create default rules

• rel next previous
• http vary header

Default rules folder - freebie

Must be updateable with extesion update

Scope field on rules/options page to whitelist domains using a regex (2-3*)

Need to find a smart way for presenting the while/black list of domains.

Example 1: Run for all sites except .google.com/
Example 2: Run just on .orf.at/

Add empty rule must be closeable without adding a rule (<1)

Close Edit-Rule-Modal only on "X" not on backdrop click

Limit event collection to top frame (<1/2)

limitierung des testing frameworks, dass es nur auf den _top HTML request läuft (also nicht auf chrome extensions oder auf iframes)

Rules should be "downloadable" - button already added (1)

Error Message must be deletable (or self delete after new upload) (<1)

Sprint #2

• Rules vereinheitlichen und an jede Regel alle gesammelten Daten übergeben (1-2)
• Möglichkeit eigene Rules hinzuzufügen (Fileupload auf Options-Page, wird gleich mit Daten durchgespielt und Resultat angezeigt) (4-6)
• Panel auf der linken Seite statt oben (<1)
• Panel pro offnen Tab ein- und ausschaltbar (1/2)
• HTML in Rule-Results nicht escapen (<1)
• Priorität/Ordering/Position für Rules (<1)
• Filtering nach Label und Priorität/Ordering/Position (2/2)
• Dokumentation zu Programmcode
• Dokumentation für den Einbau eigener Rules

new page must get rid of old executed rules

somtimes it happens, that the results of the rule execution of the previous page gets handed over to the next page

ever page load needs a new clean context

Allow CoffeeScript Custom Rules (3-4)

nice to have: Helper to access Live DOM

ein ergebnis sollte die möglichkeit haben das liveDom anzufassen und ev. zu editieren

z.b. um links welche auf nofollow gesetzt sind zu highlighten z.B.: this bookmarklet javascript:var a%3Ddocument.getElementsByTagName(%27a%27)%3Bfunction nfc()%7Bfor(var i%3D0%3Bi<a.length%3Bi%2B%2B)%7Bif(a%5Bi%5D.rel.toLowerCase()%3D%3D%27nofollow%27) %7Ba%5Bi%5D.style.backgroundColor%3D%27%23f00%27%3Ba%5Bi%5D.style.border%3D%272px solid %23000%27%3Ba%5Bi%5D.style.color%3D%27%23fff%27%3B%7D%7D%7Dnfc()%3B

Panel should be floatable (3-5*) (toggleable)

where is the css that defines the with and hight of the edit-rule overlay

sorry, can't find it @neuling

filter settings should be remembered per tab

rule configuration

rule configuration

%GoogleApiKey%

leads to

GoogleApiKey: [ ]

rules that need a rule configuration are default disabled

jump directly to rule editing from error messages in results

css leak

on orf.at with the extension the text is now mini? is this a css leak?
@hg-lr please investigate and fix if it is

need to turn off/on whole extension for cahnges in rulescontext to get recognized

Upload rule after file selected (<1)

Error Message must show (filename, linenumber) (1-2)

hidding the app (x - or click on icon in browser bar) should completely stop rule execution

Floating panel should be resizable

All data should be visible without scrolling!

Type should be filterabel (1)

Async rules (make ajax requests availably within a rule) (4-5)

Error in one rule must not stop the other rules form executing (1-2)

on veganblatt iframe and content is not on the same place

MVP finish

• able to import rules

• (ideally: choose a (single) folder (rules still enable / disable / view))

• new: no pre-check of rules anymore

• new import rules / custom rules add further down (de-emphasizing of this feature)

• upload with same rule as existing one should update the old one

• view button for custom rules

• no longer able to edit rules in browser (no new rule button, no duplicate rules, no edit)

• new default position: right top (and snapped if at top right position)

• default rules that were deleted (after app update) should vanish

• change name of the extension to "Obtrusive Live Test" (change name of repository to "f19n-obtrusive-live-test"

• general bug fixes

Wishlist Sprint 3

• Allow CoffeeScript Custom Rules (3-4)
• Error Message must show (filename, linenumber) (1-2)
• Error Message must be deletable (or self delete after new upload) (<1) - high prio
• Add empty rule must be closeable without adding a rule (<1) (only X closes the window)
• Remove whole concept of integer-priority (1) - high prio
• All links in the panel should open default in target="_top" and not within the panel (<1) - DONE
• limitierung des testing frameworks, dass es nur auf den _top HTML request läuft (also nicht auf chrome extensions oder auf iframes) (<1/2) - high prio
• zugriff auf die URLs und anzahl und weitere infos der von der HTML page abgesetzten HTTP requests? (2-3*)
• panel should be (drag&drop) resizeable (3-5*)
• pane should be floatable (3-5*) (toggleable)
• rules should be "duplicateable" - button already added (1) - high prio
• rules should be "downloadable" - button already added (1)
• edit rule overlay should be as big as possible (nearly whole viewport) (1-2 @holger)
• panel show fast (1) - high prio
• progressive rendering: one rule after the other (1-2*)
• scope field on rules/options page to whitelist domains using a regex (2-3*) - high prio
• rule upload should support multi upload format (1-4, depends on the number of formats)
• type should be filterabel (tried it, but can't get it to work) (1)
• rename to "fso" to "f19n" (<1) - high prio
• is there a way to access the raw HTTP header? if no, there should be (<1) - high prio
• error in one rule must not stop the other rules form executing (1-2) - high prio
• default rule has an error (@franz)
• textarea element in message must only fill available space (@holger)
• default URL folder - freebie - high prio (should be duplicateable, dissableable) - TODO
• default URLs must be updateable with extesion update - high prio

'brace/theme/monokai' dependency not resolved via npm install

Panel show fast (1)

Dont wait for rule evaluation. Show at least the panel header as soon as possible.

Remove whole concept of integer-priority (1)

Zugriff auf die URLs und Anzahl und weitere infos der von der HTML page abgesetzten HTTP requests? (2-3*)

wishlist sprint 4

[ ] - robots.txt tester method
[ ] - page speed insights api integration
[ ] - google search console api integration

A way for rules to pring debug messages inside the panel (1-2)

Progressive rendering: one rule after the other (1-2*)

make "Loading f19n Livetest ..." prelaod message beautiful

it's ok to change the message, too

Rule upload should support multiple files (2-3)

All links in the panel should open default in target="_top" and not within the panel (<1)

Edit rule overlay should be as big as possible (nearly whole viewport)

rules should be "duplicateable" - button already added (1)

Make default rules duplicate but not edit or deletable

floating panel is mini on tripadvisor

is: mini panel

should: panel should always be as long as possible within the viewport

Split default rules into two separate lists

Make raw HTTP-Headers accessible (+ normalised headers) (<1)

resize panel in size

• doc to right (remember per page)

filter by type in panel - what am I doing wrong

hi @neuling was mach ich falsch

https://github.com/franzenzenhofer/f19n-livetest-chrome-extension/blob/master/src/javascripts/components/Panel/ResultList.jsx#L38

ich will im panel auch den type filerable machen, aber wenn man jetzt auf den type clickt filtert sich die ganze liste weg?

show partial code

• must support UTF8
• method for showing only start tags

Cannot resolve module 'npm-zepto'

Grunt output:

ERROR in ./src/javascripts/content_script.js
Module not found: Error: Cannot resolve module 'npm-zepto' in C:\GIT\fso-livetest-chrome-extension\src\javascripts
@ ./src/javascripts/content_script.js 3:16-36
Warning: Task "webpack:someName" failed. Use --force to continue.

Aborted due to warnings.

[save] button on edit rule does not save changes

is: change code in edit window, click save, reopen file, changes are gone

should: save should save changes

panel should be (drag&drop) and floatable (3-5*)