Scrippets — the way to refine Snippets Application

Scrippets
What they are and how they work

Code Snippets
Pieces of re-usable code

<body>
<div id="page-wrap">

</div>
</body>

HTML SQL
Centered Webpage

#page-wrap {
width: 800px;
margin: 0 auto;
}

CSS …

Snippets App
Code manager for Mac OS X

Snippets App
Supported features

✓ Syntax highlighting
✓ Smart groups
✓ Folders
✓ Labels
✓ Quick search
✓ Menu bar integration

What do we want to do with
snippets?

• Collect • Search
• Edit • Sync
• Manage • Export
• Copy • Import
• Paste • Share

Snippets App
We’re almost there

✓ Collect ✓ Search
✓ Edit ✓ Sync
✓ Manage • Export
✓ Copy • Import
✓ Paste ✗ Share

✓ Fully Implemented • Partially implemented ✗ Not implemented

Export
✓ Source code
✓ PDF
✓ RTF
✓ HTML*
✓ HTML+CSS*

✓ * — in development

Export
✓ Source code ✗ XML

?
✓ PDF ✗ ZIP
✓ RTF ✗ FTP
✓ HTML* ✗ Web
✓ HTML+CSS* ✗ etc.

✓ * — in development

Import
✓ Pasteboard
✓ Selection
✓ File system
✓ iDisk

Import
✓ Pasteboard ✗ XML

?
✓ Selection ✗ ZIP
✓ File system ✗ FTP
✓ iDisk ✗ Web
✗ etc.

Share
So many services all over the place:

Pastie Lodge It Paste2
DZone Snippets Snipt.org Gist
Snipt.net GnoPaste Snipplr
Pastebin.ca Droplr TinyPaste
Pastebin.com YFS* …

✓ * — your favorite service

Conclusion

It’s almost impossible to
cover all use cases by
standalone features…

Problem
Here’s the challenge we’re facing

How to implement
advanced Export,
Import and Sharing?

Fact
Export, Import and Sharing have
something in common

Fact
Export, Import and Sharing have
something in common

These are custom operations
on snippets

Solution
Oﬀered by the Snippets App

Provide a platform to
run custom operations
on selected snippets!

Example
How to share via Snipplr

1 Select snippets

Example

1 Select snippets 2 Enter API Key

User-speci c string provided by the Snipplr
service to allow authorized API-requests

827364827301

Example

1 Select snippets 2 Enter API Key 3 Upload snippets

827364827301 Script

Example

1 Select snippets 2 Enter API Key 3 Upload snippets 4 Display links

snipplr.com/?id=1
snipplr.com/?id=2
snipplr.com/?id=3
snipplr.com/?id=4
827364827301 Script

Example


snipplr.com/?id=1
snipplr.com/?id=2
snipplr.com/?id=3
snipplr.com/?id=4
827364827301 Script

Custom operations

Example


snipplr.com/?id=1
snipplr.com/?id=2
snipplr.com/?id=3
snipplr.com/?id=4
827364827301 Script

HTML Ruby HTML
+JavaScript (Perl, Bash, +JavaScript
+CSS Python) +CSS

Custom operations

Example


input.html uploader.rb output.html
Step 1: Step 2: Step 3:
Authorization Uploading Result

Custom Steps

Snippets App
Provides a mechanism to run any number of steps as…

Step 1: Step 2: Step 3:
Authorization Uploading Result

Scrippet

Scrippet
Collection of scripts and resources

<html lang="en"> require 'net/http' <html lang="en">
<head> require 'uri' <head>
! <meta http- ! <meta http-
equiv="Content-Type" snipplr_url = equiv="Content-Type"

+ +
content="text/html; Net::HTTP.post_form content="text/html;
charset=utf-8"> (url, charset=utf-8">
</head> parameters).body.matc </head>
<body> h(/href="([^"]+)"/) <body>
<input></input> [1] <div></div>
</body> snipplr_url = </body>
</html> snipplr_url.gsub… </html>


Scripts + Resources = Scrippet

Scrippet
Can be developed to automate
almost any task you want

✓ Export ✓ Tweet
✓ Import ✓ Transform
✓ Share ✓ Evaluate
✓ Backup ✓ Run

Scrippet
Includes property list describing
all steps to perform

</> </>
<Scrippet>
<Name>Share via Snipplr.com</Name>
<Icon>snipplr.png</Icon>
<Steps>
<Step>
<Name>Security Options</Name>
<Source>input.html</Source>
</Step>
<Step>
<Name>Uploading…</Name> input.html uploader.rb output.html
<Source>uploader.rb</Source>
</Step>
<Step>
<Name>Result</Name>
<Source>output.html</Source>

Aa
</Step>
</Steps>
</Scrippet>
S
info.plist

scrippet.js default.css snipplr.png

Scrippet
Is a folder with .scrippet extension

Snipplr.scrippet root of the package
/ Contents
info.plist property list
/ Resources
/ input.html UI for the 1st step
/ uploader.rb script for the 2nd step
/ output.html UI for the 3rd step
/ scrippet.js scrippet APIs
/ default.css CSS styles
/ snipplr.png icon image

Scrippets
Are recognized by Mac OS X as Bundles

Snipplr Pastie

Snipt.org …

Scrippets
Can be installed and executed by the Snippets App

Pastie

Scrippets
You can develop them

Developers

Scrippets
Easy to share over the internet

Developers Internet

Scrippets
Everyone can use them

Developers Internet Happy users

What’s Next

Developers Internet Happy users

Easy & powerful Public scrippet Pastie, Snipplr,
APIs will be database is in Snipt.org scrippets
published soon development* are available now;
more in development

✓ * — all scrippets will be tested for security before publishing

Summary
✓ Snippets application is a cool code
manager for Mac OS X
✓ Now we have universal solution for
extending its functionality
✓ Scrippets let you create powerful
custom scenarios
✓ Everybody can develop and use
them

www.snippetsapp.com

@snippetsapp

Scrippets — the way to refine Snippets Application

Recommandé

Recommandé

Contenu connexe

Similaire à Scrippets — the way to refine Snippets Application

Similaire à Scrippets — the way to refine Snippets Application (20)

Dernier

Dernier (20)

Scrippets — the way to refine Snippets Application