spf_js - JavaScript management - create, edit, delete, export to file

spiffin · 2012-04-09 22:26:25

A JavaScript plugin – a combination of stm_javascript and rvm_css – thanks to both original authors.

Create, edit and delete scripts in Textpattern admin and export on save to external files – with support for Minify.

Re-written for Textpattern 4.5.1.

Requires Textpattern 4.5.1 and PHP 5 (and Minify for minification).

- Instructions

- Download for Textpattern >= 4.5.1

- Download for Textpattern <= 4.4.1

- Textpack

- Minify

Many thanks to Jukka for invaluable feedback.

—

Version history

0.51 – November 2012

Fixed issue setting prefs in 4.5.x.

0.5 – November 2012

Rewritten for Textpattern 4.5.×.

0.41 – June 2012

Italian Textpack added (thanks Marco);
Last version to support Textpattern 4.4.1 and below.

0.4 – May 2012

Added Minify support.

0.3 – May 2012

Fixed delete issue with script names containing dots (thanks Yiannis).

0.2 – April 2012

French & German Textpacks added (thanks Patrick & Uli);
added syntax highlighting (via spf_codemirror).

0.1 – April 2012

first release.

—

Tags

<txp:spf_js /> (embeds the default JavaScript file)

<txp:spf_js name="myscript" /> (embeds the JavaScript file named “myscript”)

HTML output

<script src="http://mysite.com/js/myscript.js"></script>

“type” attribute

By default the plugin outputs a script tag without the “type” attribute (required in XHTML/HTML4 but optional in HTML5).

To include a “type” attribute just use the type=“1” argument:

<txp:spf_js name="myscript" type="1" />

- will output:

<script type="text/javascript" src="http://mysite.com/js/myscript.js"></script>

“min” attribute

You can now minify your JavaScripts dynamically – requires Minify installed in the standard (DocumentRoot/min) location.

<txp:spf_js name="myscript" min="1" />

Outputs:

<script src="http://mysite.com/min/f=js/myscript.js"></script>

(Works with or without the “type” attribute.)

—

stm_javascript

If stm_javascript is installed and activated you will see two JavaScript tabs in Presentation – one named ‘Javascript’ (stm_javascript – with lowercase ‘s’) and another ‘JavaScript’ (spf_js – uppercase ‘S’).

You can copy and paste scripts from stm_javascript to spf_js – and then disable stm_javascript. It’s not advisable to run both plugins simultaneously.

—

Minify

.. is very easy to install: just download, unzip, and upload the ‘min’ directory to your web root.

You may have to tweak the config.php file .. e.g. $min_cachePath = ‘my_web_root/textpattern/tmp’;

Last edited by spiffin (2012-11-07 20:40:47)

sacripant · 2012-04-10 14:28:21

Very interesting.
Will there be an option to concatenate several files and minifier all?
Because that is what is missing in rvm_css and I regret.

colak · 2012-04-10 17:13:31

I’m so looking forward to this one. Thanks for your work Simon.

Gocom · 2012-04-10 18:04:10

sacripant wrote:

Will there be an option to concatenate several files and minifier all?
Because that is what is missing in rvm_css and I regret.

Don’t like to plug my own junk, but well, there is rah_minify plugin. It’s a wrapper for a YUIcompressor and some other libraries. Slightly more advanced and configuration heavy than my other plugins. If your server has Java and you have knowledge of CLI, basic PHP know-how and what file paths are, then it’s an option.

As it works as a wrapper that minifies flat files (it is not for database stored styles), it can also work with rvm_css and spf_javascript as those create flat files.

Last edited by Gocom (2012-04-10 18:08:30)

spiffin · 2012-04-11 22:42:01

sacripant wrote:

Will there be an option to concatenate several files and minifier all?

Not in the first version — as Jukka mentioned his rah_minify is great if you’re running Java — and, if not, Minify is a breeze to set up and works very well.

uli · 2012-04-20 20:23:27

Simon, though I saw there’s a whole lot of changes you’ve made, the file name, the version number inside the download and the sidebar entry over on TXP Resources is still numbered 0.1. That might keep people who have the real v0.1 from downloading the new one.

Last edited by uli (2012-04-20 20:40:59)

uli · 2012-04-20 21:01:37

German language pack:

#@spf_js
#@language de-de
spf_javascript => JavaScript
spf_js_dir => JavaScript-Verzeichnis
spf_script_name => Name dieses Scripts:
spf_edit_script => Sie bearbeiten das Script
spf_copy_script => Script kopieren als:
spf_all_scripts => Alle Scripts
spf_create_new_script => Neues Script erstellen
spf_script_created => Script <strong>»{name}«</strong> wurde erstellt.
spf_script_exists => Script <strong>»{name}«</strong> gibt es bereits, bitte vergeben Sie einen anderen Namen.
spf_script_name_required => Bitte vergeben Sie einen Namen für Ihr Script.
spf_script_updated => Script <strong>»{name}«</strong> wurde aktualisiert.
spf_script_deleted => Script <strong>»{name}«</strong> wurde gelöscht.
spf_cannot_delete_default_script => Script <strong>»default«</strong> konnte nicht gelöscht werden.

colak · 2012-04-21 07:00:53

works wonderfuly. Thanks so much for your work Simon

Dragondz · 2012-04-21 09:52:55

Hi Simon

Is the plugin parsed (can we include txp tag inside javascript file) ?

spiffin · 2012-04-21 10:42:31

uli wrote:

Simon, though I saw there’s a whole lot of changes you’ve made, the file name, the version number inside the download and the sidebar entry over on TXP Resources is still numbered 0.1. That might keep people who have the real v0.1 from downloading the new one.

Hi Uli

There wasn’t another version – spf_javascript was pulled immediately – spf_js is completely rewritten therefore new name and version 0.1.

uli · 2012-04-21 11:30:04

spiffin wrote:

spf_javascript was pulled immediately

Well, then I’m the lucky owner of the Blue Mauritius :))

Pat64 · 2012-04-21 16:37:39

… fr-fr Textpack file:

#@spf_js
#@language fr-fr
spf_javascript => JavaScript
spf_js_dir => Répertoire JavaScript
spf_script_name => Nom de ce script
spf_edit_script => Vous éditez le script
spf_copy_script => …ou copier le script sous
spf_all_scripts => Tous les scripts
spf_create_new_script => Créer un nouveau script
spf_script_created => Le script <strong>{name}</strong> a été créé.
spf_script_exists => Le script <strong>{name}</strong> existe déjà.
spf_script_name_required => Veuillez renseigner un nom pour votre script.
spf_script_updated => Le script <strong>{name}</strong> a été mis à jour.
spf_script_deleted => Le script <strong>{name}</strong> a été supprimé.
spf_cannot_delete_default_script => Le script <strong>default</strong> ne peut pas être supprimé.

Textpattern CMS

Textpattern CMS support forum

#1 2012-04-09 22:26:25

spf_js - JavaScript management - create, edit, delete, export to file

#2 2012-04-10 14:28:21

Re: spf_js - JavaScript management - create, edit, delete, export to file

#3 2012-04-10 17:13:31

Re: spf_js - JavaScript management - create, edit, delete, export to file

#4 2012-04-10 18:04:10

Re: spf_js - JavaScript management - create, edit, delete, export to file

#5 2012-04-11 22:42:01

Re: spf_js - JavaScript management - create, edit, delete, export to file

#6 2012-04-20 20:23:27

Re: spf_js - JavaScript management - create, edit, delete, export to file

#7 2012-04-20 21:01:37

Re: spf_js - JavaScript management - create, edit, delete, export to file

#8 2012-04-21 07:00:53

Re: spf_js - JavaScript management - create, edit, delete, export to file

#9 2012-04-21 09:52:55

Re: spf_js - JavaScript management - create, edit, delete, export to file

#10 2012-04-21 10:42:31

Re: spf_js - JavaScript management - create, edit, delete, export to file

#11 2012-04-21 11:30:04

Re: spf_js - JavaScript management - create, edit, delete, export to file

#12 2012-04-21 16:37:39

Re: spf_js - JavaScript management - create, edit, delete, export to file

Board footer