├── .bowerrc
├── .gitignore
├── .htaccess
├── README.md
├── css
├── fonts
│ ├── Chunkfive-webfont.eot
│ ├── Chunkfive-webfont.svg
│ ├── Chunkfive-webfont.ttf
│ ├── Chunkfive-webfont.woff
│ ├── League_Gothic-webfont.eot
│ ├── League_Gothic-webfont.svg
│ ├── League_Gothic-webfont.ttf
│ └── League_Gothic-webfont.woff
├── jquery.qtip.min.css
└── style.css
├── ext.zip
├── ext
├── _locales
│ └── en
│ │ └── messages.json
├── icons
│ ├── icon128.png
│ ├── icon16.png
│ ├── icon19.png
│ └── icon48.png
├── js
│ ├── angular
│ │ ├── angular.js
│ │ ├── angular.min.js
│ │ └── component.json
│ └── jquery
│ │ ├── .gitignore
│ │ ├── component.json
│ │ ├── jquery.js
│ │ └── jquery.min.js
├── manifest.json
└── src
│ ├── bg
│ ├── background.html
│ └── background.js
│ ├── browser_action
│ └── browser_action.html
│ ├── inject
│ ├── inject.css
│ └── inject.js
│ ├── options
│ └── index.html
│ ├── options_custom
│ ├── README.md
│ ├── css
│ │ ├── main.css
│ │ └── setting.css
│ ├── custom.css
│ ├── i18n.js
│ ├── icon.png
│ ├── index.html
│ ├── js
│ │ ├── classes
│ │ │ ├── fancy-settings.js
│ │ │ ├── search.js
│ │ │ ├── setting.js
│ │ │ └── tab.js
│ │ └── i18n.js
│ ├── lib
│ │ ├── default.css
│ │ ├── mootools-core.js
│ │ └── store.js
│ ├── manifest.js
│ └── settings.js
│ ├── override
│ └── override.html
│ └── page_action
│ └── page_action.html
├── favicon.png
├── img
├── bg.png
├── bp_logo.png
├── bp_logo2.png
├── github-logo.png
├── help.png
├── icon16.png
├── noise.png
└── preview.png
├── index.html
├── js
├── libs
│ ├── jquery-1.8.3.min.js
│ ├── jquery.qtip.min.js
│ └── modernizr-2.0.6.min.js
└── script.js
└── zip
├── dataview.js
├── deflate.js
├── inflate.js
├── mime-types.js
├── zip-ext.js
├── zip-fs.js
└── zip.js
/.bowerrc:
--------------------------------------------------------------------------------
1 | {
2 | "directory" : "/ext/js",
3 | "json" : "component.json"
4 | }
--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | .project
2 | .settings
3 | composer.json
4 |
5 |
--------------------------------------------------------------------------------
/.htaccess:
--------------------------------------------------------------------------------
1 |
2 | Options +FollowSymLinks
3 | IndexIgnore */*
4 | RewriteEngine On
5 | RewriteCond %{REQUEST_FILENAME} !-f
6 | RewriteCond %{REQUEST_FILENAME} !-d
7 | RewriteRule (.*) index.html
8 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | [Extensionizr.com](http://extensionizr.com)!
2 | =============
3 | [](http://extensionizr.com)
4 |
5 | Build yourself a chrome extension in 15sec. Check it out [here](http://extensionizr.com)
6 | -------------------------
7 |
8 | Another *izr? When will this stop
9 | ---------------------------------
10 | Extensionizr is a simple way to jump start your chrome extension development. Just select the type of extension you want, choose permissions and you're off.
11 |
12 | Why does this exist?
13 | --------------------
14 | Because I got super tired creating the file structure for a new extension over and over again.
15 | Extensionizr will be always updated with the latest chrome manifest changes.
16 | In addition, I wanted to create a client-side only tool. Extensionizr doesn't use server side code! Don't believe me? Checkout the github repo.
17 |
18 | Based on open source
19 | --------------------
20 | Extensionizr is 90% based on open source pieces I put together.
21 | It's heavily inspired by Initializr by Jonathan Verrecchia.
22 |
23 | Source from :
24 |
25 | * https://github.com/Swader/ChromeSkel_a
26 | * https://github.com/gildas-lormeau/zip.js
27 | * https://github.com/mahemoff/chrome-boilerplate
28 | * https://github.com/verekia/initializr-website
29 |
30 | License
31 | -------
32 | Copyright (c) 2012 Alex Wolkov. Licensed under the MIT, GPL licenses. See here for more details.
--------------------------------------------------------------------------------
/css/fonts/Chunkfive-webfont.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/altryne/extensionizr/1ce45cc1582b3d253f11ef9103403badc634de66/css/fonts/Chunkfive-webfont.eot
--------------------------------------------------------------------------------
/css/fonts/Chunkfive-webfont.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
--------------------------------------------------------------------------------
/css/fonts/Chunkfive-webfont.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/altryne/extensionizr/1ce45cc1582b3d253f11ef9103403badc634de66/css/fonts/Chunkfive-webfont.ttf
--------------------------------------------------------------------------------
/css/fonts/Chunkfive-webfont.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/altryne/extensionizr/1ce45cc1582b3d253f11ef9103403badc634de66/css/fonts/Chunkfive-webfont.woff
--------------------------------------------------------------------------------
/css/fonts/League_Gothic-webfont.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/altryne/extensionizr/1ce45cc1582b3d253f11ef9103403badc634de66/css/fonts/League_Gothic-webfont.eot
--------------------------------------------------------------------------------
/css/fonts/League_Gothic-webfont.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/altryne/extensionizr/1ce45cc1582b3d253f11ef9103403badc634de66/css/fonts/League_Gothic-webfont.ttf
--------------------------------------------------------------------------------
/css/fonts/League_Gothic-webfont.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/altryne/extensionizr/1ce45cc1582b3d253f11ef9103403badc634de66/css/fonts/League_Gothic-webfont.woff
--------------------------------------------------------------------------------
/css/jquery.qtip.min.css:
--------------------------------------------------------------------------------
1 | /*! qtip2 v2.0.0pre | http://craigsworks.com/projects/qtip2/ | Licensed MIT, GPL */.qtip,.qtip{position:absolute;left:-28000px;top:-28000px;display:none;max-width:280px;min-width:50px;font-size:10.5px;line-height:12px;direction:ltr}.qtip-content{position:relative;padding:5px 9px;overflow:hidden;text-align:left;word-wrap:break-word}.qtip-titlebar{position:relative;padding:5px 35px 5px 10px;overflow:hidden;border-width:0 0 1px;font-weight:700}.qtip-titlebar+.qtip-content{border-top-width:0!important}.qtip-close{position:absolute;right:-9px;top:-9px;cursor:pointer;outline:medium none;border-width:1px;border-style:solid;border-color:transparent}.qtip-titlebar .qtip-close{right:4px;top:50%;margin-top:-9px}* html .qtip-titlebar .qtip-close{top:16px}.qtip-titlebar .ui-icon,.qtip-icon .ui-icon{display:block;text-indent:-1000em;direction:ltr;vertical-align:middle}.qtip-icon,.qtip-icon .ui-icon{-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;text-decoration:none}.qtip-icon .ui-icon{width:18px;height:14px;text-align:center;text-indent:0;font:normal bold 10px/13px Tahoma,sans-serif;color:inherit;background:transparent none no-repeat -100em -100em}.qtip-focus{}.qtip-hover{}.qtip-default{border-width:1px;border-style:solid;border-color:#F1D031;background-color:#FFFFA3;color:#555}.qtip-default .qtip-titlebar{background-color:#FFEF93}.qtip-default .qtip-icon{border-color:#CCC;background:#F1F1F1;color:#777}.qtip-default .qtip-titlebar .qtip-close{border-color:#AAA;color:#111}/*! Light tooltip style */.qtip-light{background-color:#fff;border-color:#E2E2E2;color:#454545}.qtip-light .qtip-titlebar{background-color:#f1f1f1}/*! Dark tooltip style */.qtip-dark{background-color:#505050;border-color:#303030;color:#f3f3f3}.qtip-dark .qtip-titlebar{background-color:#404040}.qtip-dark .qtip-icon{border-color:#444}.qtip-dark .qtip-titlebar .ui-state-hover{border-color:#303030}/*! Cream tooltip style */.qtip-cream{background-color:#FBF7AA;border-color:#F9E98E;color:#A27D35}.qtip-cream .qtip-titlebar{background-color:#F0DE7D}.qtip-cream .qtip-close .qtip-icon{background-position:-82px 0}/*! Red tooltip style */.qtip-red{background-color:#F78B83;border-color:#D95252;color:#912323}.qtip-red .qtip-titlebar{background-color:#F06D65}.qtip-red .qtip-close .qtip-icon{background-position:-102px 0}.qtip-red .qtip-icon{border-color:#D95252}.qtip-red .qtip-titlebar .ui-state-hover{border-color:#D95252}/*! Green tooltip style */.qtip-green{background-color:#CAED9E;border-color:#90D93F;color:#3F6219}.qtip-green .qtip-titlebar{background-color:#B0DE78}.qtip-green .qtip-close .qtip-icon{background-position:-42px 0}/*! Blue tooltip style */.qtip-blue{background-color:#E5F6FE;border-color:#ADD9ED;color:#5E99BD}.qtip-blue .qtip-titlebar{background-color:#D0E9F5}.qtip-blue .qtip-close .qtip-icon{background-position:-2px 0}.qtip-shadow{-webkit-box-shadow:1px 1px 3px 1px rgba(0,0,0,.15);-moz-box-shadow:1px 1px 3px 1px rgba(0,0,0,.15);box-shadow:1px 1px 3px 1px rgba(0,0,0,.15)}.qtip-rounded,.qtip-tipsy,.qtip-bootstrap{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}.qtip-youtube{-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;-webkit-box-shadow:0 0 3px #333;-moz-box-shadow:0 0 3px #333;box-shadow:0 0 3px #333;color:#fff;border-width:0;background:#4A4A4A;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0, #4A4A4A),color-stop(100%,black));background-image:-webkit-linear-gradient(top, #4A4A4A 0,black 100%);background-image:-moz-linear-gradient(top, #4A4A4A 0,black 100%);background-image:-ms-linear-gradient(top, #4A4A4A 0,black 100%);background-image:-o-linear-gradient(top, #4A4A4A 0,black 100%)}.qtip-youtube .qtip-titlebar{background-color:#4A4A4A;background-color:rgba(0,0,0,0)}.qtip-youtube .qtip-content{padding:.75em;font:12px arial,sans-serif;filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#4a4a4a, EndColorStr=#000000);-ms-filter:"progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#4a4a4a, EndColorStr=#000000);"}.qtip-youtube .qtip-icon{border-color:#222}.qtip-youtube .qtip-titlebar .ui-state-hover{border-color:#303030}.qtip-jtools{background:#232323;background:rgba(0,0,0,.7);background-image:-webkit-gradient(linear,left top,left bottom,from( #717171),to( #232323));background-image:-moz-linear-gradient(top, #717171, #232323);background-image:-webkit-linear-gradient(top, #717171, #232323);background-image:-ms-linear-gradient(top, #717171, #232323);background-image:-o-linear-gradient(top, #717171, #232323);border:2px solid #ddd;border:2px solid rgba(241,241,241,1);-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;-webkit-box-shadow:0 0 12px #333;-moz-box-shadow:0 0 12px #333;box-shadow:0 0 12px #333}.qtip-jtools .qtip-titlebar{background-color:transparent;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171, endColorstr=#4A4A4A);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171, endColorstr=#4A4A4A)"}.qtip-jtools .qtip-content{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A, endColorstr=#232323);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A, endColorstr=#232323)"}.qtip-jtools .qtip-titlebar,.qtip-jtools .qtip-content{background:transparent;color:#fff;border:0 dashed transparent}.qtip-jtools .qtip-icon{border-color:#555}.qtip-jtools .qtip-titlebar .ui-state-hover{border-color:#333}.qtip-cluetip{-webkit-box-shadow:4px 4px 5px rgba(0,0,0,.4);-moz-box-shadow:4px 4px 5px rgba(0,0,0,.4);box-shadow:4px 4px 5px rgba(0,0,0,.4);background-color:#D9D9C2;color:#111;border:0 dashed transparent}.qtip-cluetip .qtip-titlebar{background-color:#87876A;color:#fff;border:0 dashed transparent}.qtip-cluetip .qtip-icon{border-color:#808064}.qtip-cluetip .qtip-titlebar .ui-state-hover{border-color:#696952;color:#696952}.qtip-tipsy{background:#000;background:rgba(0,0,0,.87);color:#fff;border:0 solid transparent;font-size:11px;font-family:'Lucida Grande',sans-serif;font-weight:700;line-height:16px;text-shadow:0 1px black}.qtip-tipsy .qtip-titlebar{padding:6px 35px 0 10;background-color:transparent}.qtip-tipsy .qtip-content{padding:6px 10}.qtip-tipsy .qtip-icon{border-color:#222;text-shadow:none}.qtip-tipsy .qtip-titlebar .ui-state-hover{border-color:#303030}.qtip-tipped{border:3px solid #959FA9;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-color:#F9F9F9;color:#454545;font-weight:400;font-family:serif}.qtip-tipped .qtip-titlebar{border-bottom-width:0;color:#fff;background:#3A79B8;background-image:-webkit-gradient(linear,left top,left bottom,from( #3A79B8),to( #2E629D));background-image:-webkit-linear-gradient(top, #3A79B8, #2E629D);background-image:-moz-linear-gradient(top, #3A79B8, #2E629D);background-image:-ms-linear-gradient(top, #3A79B8, #2E629D);background-image:-o-linear-gradient(top, #3A79B8, #2E629D);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8, endColorstr=#2E629D);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8, endColorstr=#2E629D)"}.qtip-tipped .qtip-icon{border:2px solid #285589;background:#285589}.qtip-tipped .qtip-icon .ui-icon{background-color:#FBFBFB;color:#555}.qtip-bootstrap{font-size:14px;line-height:20px;color:#333;padding:1px;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);-moz-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2);-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box}.qtip-bootstrap .qtip-titlebar{padding:8px 14px;margin:0;font-size:14px;font-weight:400;line-height:18px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0}.qtip-bootstrap .qtip-titlebar .qtip-close{right:11px;top:45%;border-style:none}.qtip-bootstrap .qtip-content{padding:9px 14px}.qtip-bootstrap .qtip-icon{background:transparent}.qtip-bootstrap .qtip-icon .ui-icon{width:auto;height:auto;float:right;font-size:20px;font-weight:700;line-height:18px;color:#000;text-shadow:0 1px 0 #fff;opacity:.2;filter:alpha(opacity=20)}.qtip-bootstrap .qtip-icon .ui-icon:hover{color:#000;text-decoration:none;cursor:pointer;opacity:.4;filter:alpha(opacity=40)}.qtip:not(.ie9haxors) div.qtip-content,.qtip:not(.ie9haxors) div.qtip-titlebar{filter:none;-ms-filter:none}.qtip .qtip-tip{margin:0 auto;overflow:hidden;z-index:10}.qtip .qtip-tip,.qtip .qtip-tip .qtip-vml{position:absolute;color:#123456;background:transparent;border:0 dashed transparent}.qtip .qtip-tip canvas{top:0;left:0}.qtip .qtip-tip .qtip-vml{behavior:url(#default#VML);display:inline-block;visibility:visible}#qtip-overlay{position:fixed;left:-10000em;top:-10000em}#qtip-overlay.blurs{cursor:pointer}#qtip-overlay div{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#000;opacity:.7;filter:alpha(opacity=70);-ms-filter:"alpha(Opacity=70)"}.qtipmodal-ie6fix{position:absolute!important}
--------------------------------------------------------------------------------
/css/style.css:
--------------------------------------------------------------------------------
1 | article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
2 | audio[controls], canvas, video { display: inline-block; *display: inline; *zoom: 1; }
3 | html { font-size: 100%; overflow-y: scroll; -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
4 | body { margin: 0; font-size: 13px; line-height: 1.231; }
5 | body, button, input, select, textarea { font-family: sans-serif; color: #222; }
6 |
7 | a { color: #00e; }
8 | a:visited { color: #551a8b; }
9 | a:focus { outline: thin dotted; }
10 | a:hover, a:active { outline: 0; }
11 | abbr[title] { border-bottom: 1px dotted; }
12 | b, strong { font-weight: bold; }
13 | blockquote { margin: 1em 40px; }
14 | dfn { font-style: italic; }
15 | hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
16 | ins { background: #ff9; color: #000; text-decoration: none; }
17 | mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
18 | pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
19 | pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
20 | q { quotes: none; }
21 | q:before, q:after { content: ""; content: none; }
22 | small { font-size: 85%; }
23 | sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
24 | sup { top: -0.5em; }
25 | sub { bottom: -0.25em; }
26 | ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
27 | dd { margin: 0 0 0 40px; }
28 | nav ul, nav ol { list-style: none; margin: 0; padding: 0; }
29 | img { border: 0; -ms-interpolation-mode: bicubic; }
30 | svg:not(:root) {
31 | overflow: hidden;
32 | }
33 | figure { margin: 0; }
34 | form { margin: 0; }
35 | fieldset { border: 0; margin: 0; padding: 0; }
36 | legend { border: 0; *margin-left: -7px; padding: 0; }
37 | label { cursor: pointer; }
38 | button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
39 | button, input { line-height: normal; *overflow: visible; }
40 | button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
41 | input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
42 | input[type="search"] { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
43 | button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
44 | textarea { overflow: auto; vertical-align: top; }
45 | input:valid, textarea:valid { }
46 | input:invalid, textarea:invalid { background-color: #f0dddd; }
47 | table { border-collapse: collapse; border-spacing: 0; }
48 |
49 |
50 |
51 |
52 |
53 |
54 | @font-face {
55 | font-family: 'ChunkFiveRegular';
56 | src: url('fonts/Chunkfive-webfont.eot');
57 | src: url('fonts/Chunkfive-webfont.eot?#iefix') format('embedded-opentype'),
58 | url('fonts/Chunkfive-webfont.woff') format('woff'),
59 | url('fonts/Chunkfive-webfont.ttf') format('truetype'),
60 | url('fonts/Chunkfive-webfont.svg#ChunkFiveRegular') format('svg');
61 | font-weight: normal;
62 | font-style: normal;
63 | }
64 |
65 | @font-face {
66 | font-family: 'LeagueGothicRegular';
67 | src: url('fonts/League_Gothic-webfont.eot');
68 | src: url('fonts/League_Gothic-webfont.eot?#iefix') format('embedded-opentype'),
69 | url('fonts/League_Gothic-webfont.woff') format('woff'),
70 | url('fonts/League_Gothic-webfont.ttf') format('truetype'),
71 | url('fonts/League_Gothic-webfont.svg#LeagueGothicRegular') format('svg');
72 | font-weight: normal;
73 | font-style: normal;
74 | }
75 |
76 |
77 |
78 | /* ===================================================
79 | Initializr styles
80 | http://verekia.com/initializr/responsive-template
81 | Author: Jonathan Verrecchia
82 | =================================================== */
83 |
84 | body{ font:16px/26px Helvetica, Helvetica Neue, Arial; }
85 |
86 | .wrapper{
87 | width:90%;
88 | margin:0 5%;
89 | }
90 |
91 | /* ===================
92 | ALL: Orange Theme
93 | =================== */
94 |
95 | #header-container{ padding-bottom:13px; position: relative;}
96 |
97 | #header-container{
98 | background:url(../img/bp_logo.png) no-repeat 50% 0% ,url("../img/bg.png") repeat 9px -32px;
99 | }
100 | #header-container::after{
101 | position: absolute;
102 | content:"";
103 | bottom:0;
104 | height: 13px;
105 | background: url(../img/noise.png) repeat;
106 | width:100%;
107 | left:0;
108 | border-top:1px solid rgba(255,255,255,0.7)
109 | }
110 |
111 | #title{
112 | color:white;
113 | font-family:'ChunkFiveRegular';
114 | font-weight:normal;
115 | font-size:4em;
116 | margin-bottom:20px;
117 | }
118 |
119 | #header-container h2{
120 | color:white;
121 | font-size:16px;
122 | }
123 |
124 | #header-container header{
125 | text-align:center;
126 | }
127 |
128 | ::-moz-selection { background: #e6443c; color: #fff; text-shadow: none; }
129 | ::selection { background: #e6443c; color: #fff; text-shadow: none; }
130 |
131 |
132 |
133 | /* WEBSITE */
134 |
135 | #html5-logo-container{
136 | display:none;
137 | }
138 |
139 | #follow-container{
140 | display:none;
141 | }
142 |
143 |
144 | #badges{
145 | margin:0 auto;
146 | width:265px;
147 | margin-top:10px;
148 | line-height:18px;
149 | font-size:14px;
150 | color:white;
151 | font-weight:bold;
152 | font-style:italic;
153 |
154 | }
155 |
156 | #badges li{
157 | float:left;
158 | background:#eee;
159 | color:#444;
160 | text-align:center;
161 | width:85px;
162 | height:85px;
163 | /* border:10px solid #E44D26; */
164 | -webkit-border-radius:999px;
165 | -moz-border-radius:999px;
166 | border-radius:999px;
167 | margin-left:5px;
168 | text-shadow:0 2px 1px white;
169 | box-shadow:1px 1px 1px rgba(0, 0, 0, 0.4);
170 | }
171 |
172 | #badges li:first-child{
173 | margin-left:0;
174 | }
175 |
176 | .badge-label{
177 | margin-top:26px;
178 | }
179 |
180 | #badges ul{
181 | float:right;
182 | margin:0;
183 | list-style-type:none;
184 | padding:0;
185 | }
186 |
187 |
188 | .separator{
189 | font-family:LeagueGothicRegular;
190 | text-align:center;
191 | font-weight:normal;
192 | font-size:3em;
193 | color:#e6443c;
194 | margin:50px 0;
195 | }
196 |
197 | .separator:before,
198 | .separator:after{
199 | width:20%;
200 | height:4px;
201 | display:block;
202 | background:#eee;
203 | content:"";
204 | margin-top:14px;
205 | display:none;
206 | }
207 |
208 |
209 | .separator:before{
210 | float:left;
211 | }
212 |
213 | .separator:after{
214 | float:right;
215 | }
216 |
217 | #fine-tuning-separator{
218 | margin:30px 0 20px;
219 | }
220 |
221 | .blank-background button,
222 | .blank-background a{
223 | background:#bbb;
224 | }
225 |
226 | .blank-background button:hover,
227 | .blank-background a:hover{
228 | background:#c4c4c4;
229 | }
230 |
231 | .blank-background button:active{
232 | background:#888;
233 | }
234 |
235 |
236 |
237 | .initializr-background button,
238 | .initializr-background a{
239 | background:#e6443c;
240 | }
241 |
242 | .initializr-background button:hover,
243 | .initializr-background a:hover{
244 | background: #f1453d;
245 | }
246 |
247 | .initializr-background button:active{
248 | background: #cd3e36;
249 | }
250 |
251 | .bootstrap-background button,
252 | .bootstrap-background a{
253 | background:#328ae2;
254 | }
255 |
256 | .bootstrap-background button:hover,
257 | .bootstrap-background a:hover{
258 | background: #339cf5;
259 | }
260 |
261 | .bootstrap-background button:active{
262 | background:#4070df;
263 | }
264 |
265 | #preconfig-section{
266 | padding-bottom:10px;
267 | }
268 |
269 | .preconfig-container{
270 | display:block;
271 | width:100%;
272 | }
273 |
274 | .preconfig-block{
275 | border:none;
276 | display:block;
277 | width:100%;
278 | }
279 |
280 | #preconfig-section h3,
281 | #download-section a
282 | {
283 | font-weight:normal;
284 | font-family:ChunkFiveRegular;
285 | font-size:2em;
286 | color:white;
287 | margin:0;
288 | text-align:center;
289 | padding:25px 0;
290 | text-shadow:0 -2px 2px rgba(0, 0, 0, 0.1);
291 | color:white;
292 | letter-spacing: 1px;
293 | }
294 |
295 | .preconfig-links-container{
296 | width:100px;
297 | margin:6px auto;
298 | }
299 |
300 | #preconfig-section a{
301 | padding:4px;
302 | color:white;
303 | font-weight:bold;
304 | text-decoration:none;
305 | margin:0px;
306 | -webkit-border-radius:0 3px 3px 0;
307 | -moz-border-radius:0 3px 3px 0;
308 | border-radius:0 3px 3px 0;
309 | }
310 |
311 | #preconfig-section a.first{
312 | -webkit-border-radius:3px 0 0 3px;
313 | -moz-border-radius:3px 0 0 3px;
314 | border-radius:3px 0 0 3px;
315 | }
316 |
317 |
318 | #main{
319 | padding:30px 0;
320 | }
321 |
322 | #customize-section label{
323 | background:white;
324 | -webkit-border-radius:4px;
325 | -moz-border-radius:4px;
326 | border-radius:4px;
327 |
328 | border:1px solid #ccc;
329 | border-top:0;
330 | border-left:0;
331 |
332 | padding:4px 8px;
333 | display:block;
334 | margin:0 5px 5px 0;
335 | position: relative;
336 | -moz-user-select: none;
337 | -webkit-user-select: none;
338 | -ms-user-select: none;
339 | user-select: none;
340 | }
341 |
342 | #customize-section label:hover{
343 | background:#f5f5f5;
344 | }
345 |
346 | #customize-section input{
347 | margin-right:6px;
348 | }
349 |
350 | .customize-section h3{
351 | text-align:center;
352 | font-weight:normal;
353 | font-family:LeagueGothicRegular;
354 | font-size:2em;
355 | }
356 |
357 | .second-h5bp-label,
358 | .third-h5bp-label{
359 | display:none;
360 | visibility:hidden;
361 | }
362 |
363 | .customize-section a{
364 | color:#E44D26;
365 | text-decoration:none;
366 | }
367 |
368 | textarea{
369 | display:block;
370 | width:700px;
371 | }
372 |
373 | .special-section{
374 | width:100% !important;
375 | }
376 | .special-section label{
377 | display: inline-block;
378 | }
379 | .special-section input[type="text"]{
380 | background:white;
381 | -webkit-border-radius:4px;
382 | -moz-border-radius:4px;
383 | border-radius:4px;
384 |
385 | border:1px solid #ccc;
386 | border-top:0;
387 | border-left:0;
388 |
389 | padding:4px 8px;
390 |
391 | margin:0 5px 5px 0;
392 | background:#f5f5f5;
393 | display: inline-block;
394 | width: 60%;
395 | font-size: 25px;
396 | color: #2f2f2f;
397 | font-family: arial;
398 | letter-spacing: 1.2px;
399 |
400 | }
401 | #download-section{
402 | margin-top:50px;
403 | }
404 |
405 | #download-section a{
406 | background:url(../img/noise.png);
407 | display:block;
408 | text-decoration:none;
409 | margin-bottom:20px;
410 | }
411 |
412 | #download-section a:hover,
413 | #download-section a:focus{
414 | background: rgb(50, 138, 226);
415 | }
416 | #download-section a:active{
417 | background: rgb(33, 97, 157);
418 | }
419 |
420 | #gen-link.loading {
421 | cursor: progress;
422 | }
423 |
424 | #about-container{
425 | background:#eee;
426 | padding:30px 0;
427 | }
428 |
429 | #about-container h3{
430 | font-weight:normal;
431 | font-family:LeagueGothicRegular;
432 | font-size:2em;
433 | }
434 |
435 | #about-container a{
436 | color:#E44D26;
437 | /* font-weight:bold; */
438 | text-decoration:none;
439 | }
440 |
441 | #github-container img{
442 | display:none;
443 | }
444 |
445 |
446 | #email:before{
447 | content:"extensionizr@alexw.me";
448 | }
449 |
450 | /* ===============
451 | ALL: IE Fixes
452 | =============== */
453 |
454 | .ie7 #title{ padding-top:20px; }
455 |
456 |
457 |
458 | /* =============================================================================
459 | Non-semantic helper classes
460 | Please define your styles before this section.
461 | ========================================================================== */
462 |
463 | /* For image replacement */
464 | .ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
465 | .ir br { display: none; }
466 |
467 | /* Hide for both screenreaders and browsers:
468 | css-discuss.incutio.com/wiki/Screenreader_Visibility */
469 | .hidden { display: none; visibility: hidden; }
470 |
471 | /* Hide only visually, but have it available for screenreaders: by Jon Neal.
472 | www.webaim.org/techniques/css/invisiblecontent/ & j.mp/visuallyhidden */
473 | .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
474 |
475 | /* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: drupal.org/node/897638 */
476 | .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
477 |
478 | /* Hide visually and from screenreaders, but maintain layout */
479 | .invisible { visibility: hidden; }
480 |
481 | /* Contain floats: nicolasgallagher.com/micro-clearfix-hack/ */
482 | .clearfix:before, .clearfix:after { content: ""; display: table; }
483 | .clearfix:after { clear: both; }
484 | .clearfix { zoom: 1; }
485 |
486 |
487 | /* ==|== media queries ====================================================== */
488 |
489 | @media only screen and (min-width: 540px) {
490 |
491 | /* ====================
492 | INTERMEDIATE: Menu
493 | ==================== */
494 |
495 | #header-container{
496 | -webkit-box-shadow:0 5px 8px rgba(0, 0, 0, 0.15);
497 | -moz-box-shadow:0 5px 8px rgba(0, 0, 0, 0.15);
498 | box-shadow:0 5px 8px rgba(0, 0, 0, 0.15);
499 | }
500 |
501 | #header-container header{
502 | text-align:left;
503 | height:133px;
504 | }
505 |
506 |
507 | .ie7 #header-container header,
508 | .ie8 #header-container header{
509 | height:auto;
510 | }
511 |
512 | #title,
513 | #header-container h2,
514 | #follow-container p{
515 | text-shadow:0 -2px 2px rgba(0, 0, 0, 0.1);
516 | }
517 |
518 | #title-container{
519 | float:left;
520 | width:63%;
521 | }
522 |
523 | #html5-logo-container{
524 | float:left;
525 | width:0;
526 | }
527 |
528 | #follow-iframes-container{
529 | width:230px;
530 | float:left;
531 | }
532 |
533 | .twitter-share-button{
534 | float:right;
535 | width:146px!important;
536 | width:180px !important;
537 | margin-bottom:6px;
538 | }
539 |
540 | .ie9 #follow-iframes-container iframe,
541 | .ie8 #follow-iframes-container iframe,
542 | .ie7 #follow-iframes-container iframe{
543 | width:135px!important;
544 | }
545 |
546 |
547 | #follow-container{
548 | float:right;
549 | width:37%;
550 | display:block;
551 | }
552 |
553 | #follow-container p{
554 | text-align:right;
555 | color:white;
556 | font-weight:bold;
557 | margin:12px 0;
558 | }
559 |
560 |
561 |
562 | #follow-container a{
563 | color:white;
564 | }
565 |
566 | #intro p{
567 | /* float:left; */
568 | margin-right:285px;
569 | }
570 |
571 | #badges{
572 | float:right;
573 | }
574 |
575 | .separator:before,
576 | .separator:after{
577 | width:20%;
578 | display:block;
579 | }
580 |
581 | .preconfig-container{
582 | float:left;
583 | width:48%;
584 | margin:0 1%;
585 | }
586 |
587 | .preconfig-block{
588 | }
589 |
590 | .preconfig-container:last-child{
591 | margin:auto;
592 | float:none;
593 | clear:both;
594 | }
595 |
596 | #hidden-section{
597 | /*display:none;*/
598 | }
599 |
600 | .customize-section{
601 | float:left;
602 | width:50%;
603 | }
604 |
605 | .customize-section:nth-child(2n + 1){
606 | clear:both;
607 | }
608 |
609 | .second-h5bp-label{
610 | display:block;
611 | }
612 |
613 | #download-section a{
614 | width:48%;
615 | }
616 |
617 | #download-section a:first-child{
618 | margin:0 auto;
619 | }
620 |
621 | #about-container{
622 | -webkit-box-shadow: inset 0 10px 15px rgba(0, 0, 0, 0.1);
623 | -moz-box-shadow: inset 0 10px 15px rgba(0, 0, 0, 0.1);
624 | box-shadow: inset 0 10px 15px rgba(0, 0, 0, 0.1);
625 |
626 | }
627 |
628 | #about-container article{
629 | width:100%;
630 | }
631 |
632 | #github-container{
633 | margin:auto;
634 | width:480px;
635 | }
636 |
637 | #github-container img{
638 | float:left;
639 | display:block;
640 | }
641 |
642 | #github-repositories{
643 | float:right;
644 | margin-top:20px;
645 | }
646 |
647 | #github-repositories h3{
648 | text-align:center;
649 | }
650 |
651 | }
652 |
653 | @media only screen and (min-width: 860px) {
654 |
655 | #title-container{
656 | float:left;
657 | width:40%;
658 | }
659 |
660 | #html5-logo-container{
661 | display:block;
662 | float:left;
663 | width:20%;
664 | }
665 |
666 | #html5-logo-container img{
667 | display:block;
668 | margin:auto;
669 | }
670 |
671 | #follow-iframes-container{
672 | width:240px;
673 | float:right;
674 | background: rgba(255,255,255,0.4);
675 | border: 1px solid #fff;
676 | padding-top: 5px;
677 | padding-left: 45px;
678 | }
679 |
680 | #follow-container{
681 | float:right;
682 | width:40%;
683 | }
684 |
685 | #follow-container p:before{
686 | content:"By ";
687 | }
688 |
689 | #follow-iframes-container iframe{
690 | /*float:left;*/
691 | /*width:auto!important;*/
692 | /*min-width:185px;*/
693 | /*margin-bottom:6px;*/
694 | }
695 | .twitter-follow-button{
696 | float:left;
697 | /*width:auto!important;*/
698 | min-width:185px;
699 | margin-bottom:6px;
700 | }
701 | .twitter-share-button{
702 | float:left;
703 | width:100px !important;
704 | }
705 | .facebook_like{
706 | float: left;
707 | width:100px !important;
708 | }
709 |
710 | .ie9 #follow-iframes-container iframe,
711 | .ie8 #follow-iframes-container iframe,
712 | .ie7 #follow-iframes-container iframe{
713 | width:auto!important;
714 | }
715 |
716 | #intro p{
717 | /* width:56%; */
718 | }
719 |
720 | #intro #badges{
721 | /* width:44%; */
722 | }
723 |
724 | .separator:before,
725 | .separator:after{
726 | width:31%;
727 | }
728 |
729 | .preconfig-container{
730 | width:32%;
731 | margin-right:2%;
732 | margin-left:0;
733 | }
734 |
735 | .preconfig-block{
736 | }
737 |
738 | .ie8 .preconfig-container,
739 | .ie7 .preconfig-container{
740 | width:31.33%;
741 | }
742 |
743 | .preconfig-container:last-child{
744 | margin:0;
745 | float:left;
746 | clear:none;
747 | }
748 |
749 |
750 | .first-h5bp-label{
751 | visibility:hidden;
752 | }
753 |
754 | .second-h5bp-label{
755 | visibility:visible;
756 | }
757 |
758 | .third-h5bp-label{
759 | display:block;
760 | }
761 |
762 |
763 |
764 | .customize-section{
765 | width:33.3%;
766 | }
767 |
768 | .customize-section:nth-child(2n + 1){
769 | clear:none;
770 | }
771 |
772 | .customize-section:nth-child(3n + 1){
773 | clear:both;
774 | }
775 |
776 |
777 | #about-container article{
778 | width:530px;
779 | }
780 |
781 | #github-container{
782 | float:right;
783 | }
784 |
785 | #github-container img{
786 | float:none;
787 | margin:0;
788 | }
789 |
790 | #github-repositories{
791 | float:none;
792 | margin:0;
793 | }
794 |
795 | #github-container{
796 | width:auto;
797 | }
798 |
799 |
800 | }
801 |
802 |
803 | @media only screen and (min-width: 1140px) {
804 |
805 | /* ===============
806 | Maximal Width
807 | =============== */
808 |
809 | .wrapper{
810 | width:1026px; /* 1140px - 10% for margins */
811 | margin:0 auto;
812 | }
813 | }
814 |
815 | .more_info{
816 | opacity: 0;
817 | /*-webkit-transition: all 150ms ease;*/
818 | /*-moz-transition: all 150ms ease;*/
819 | /*-ms-transition: all 150ms ease;*/
820 | /*-o-transition: all 150ms ease;*/
821 | /*transition: all 150ms ease;*/
822 |
823 | right:5px;
824 | top:10px;
825 | width:18px;
826 | height:18px;
827 | background: url(../img/help.png) no-repeat;
828 | position: absolute;
829 | }
830 | h3{
831 | position: relative;
832 | }
833 | label:hover .more_info,
834 | h3 .more_info{
835 | opacity: 1;
836 | }
837 | h3 .more_info{
838 | position: relative;
839 | display: inline-block;
840 | top:0;
841 | left:5px;
842 | }
843 | .qtip{
844 | font-size: 16px !important;
845 | line-height: 20px !important;
846 | background: #328ae2 !important;
847 | border: none !important;
848 | color:#fff !important;
849 | box-shadow:0px 0px 5px rgba(0,0,0,0.5) !important;
850 | box-shadow:none !important;
851 | text-shadow:0 -1px 1px rgba(0,0,0,0.2) !important;
852 | pointer-events:none;
853 | }
854 | .qtip-content::after{
855 | content:"*Click for more info (external)";
856 | display: block;
857 | font-size:14px;
858 | padding-top:5px;
859 | }
860 |
861 | h1 a{
862 | color: #fff !important;
863 | text-decoration: none;
864 | }
865 |
866 | /* =============================================================================
867 | Print styles.
868 | Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
869 | ========================================================================== */
870 |
871 | @media print {
872 | * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */
873 | a, a:visited { color: #444 !important; text-decoration: underline; }
874 | a[href]:after { content: " (" attr(href) ")"; }
875 | abbr[title]:after { content: " (" attr(title) ")"; }
876 | .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */
877 | pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
878 | thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
879 | tr, img { page-break-inside: avoid; }
880 | img { max-width: 100% !important; }
881 | @page { margin: 0.5cm; }
882 | p, h2, h3 { orphans: 3; widows: 3; }
883 | h2, h3{ page-break-after: avoid; }
884 | }
885 |
--------------------------------------------------------------------------------
/ext.zip:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/altryne/extensionizr/1ce45cc1582b3d253f11ef9103403badc634de66/ext.zip
--------------------------------------------------------------------------------
/ext/_locales/en/messages.json:
--------------------------------------------------------------------------------
1 | {
2 | "l10nTabName": {
3 | "message":"Localization"
4 | ,"description":"name of the localization tab"
5 | }
6 | ,"l10nHeader": {
7 | "message":"It does localization too! (this whole tab is, actually)"
8 | ,"description":"Header text for the localization section"
9 | }
10 | ,"l10nIntro": {
11 | "message":"'L10n' refers to 'Localization' - 'L' an 'n' are obvious, and 10 comes from the number of letters between those two. It is the process/whatever of displaying something in the language of choice. It uses 'I18n', 'Internationalization', which refers to the tools / framework supporting L10n. I.e., something is internationalized if it has I18n support, and can be localized. Something is localized for you if it is in your language / dialect."
12 | ,"description":"introduce the basic idea."
13 | }
14 | ,"l10nProd": {
15 | "message":"You are planning to allow localization, right? You have no idea who will be using your extension! You have no idea who will be translating it! At least support the basics, it's not hard, and having the framework in place will let you transition much more easily later on."
16 | ,"description":"drive the point home. It's good for you."
17 | }
18 | ,"l10nFirstParagraph": {
19 | "message":"When the options page loads, elements decorated with data-l10n will automatically be localized!"
20 | ,"description":"inform that elements will be localized on load"
21 | }
22 | ,"l10nSecondParagraph": {
23 | "message":"If you need more complex localization, you can also define data-l10n-args. This should contain $containerType$ filled with $dataType$, which will be passed into Chrome's i18n API as $functionArgs$. In fact, this paragraph does just that, and wraps the args in mono-space font. Easy!"
24 | ,"description":"introduce the data-l10n-args attribute. End on a lame note."
25 | ,"placeholders": {
26 | "containerType": {
27 | "content":"$1"
28 | ,"example":"'array', 'list', or something similar"
29 | ,"description":"type of the args container"
30 | }
31 | ,"dataType": {
32 | "content":"$2"
33 | ,"example":"string"
34 | ,"description":"type of data in each array index"
35 | }
36 | ,"functionArgs": {
37 | "content":"$3"
38 | ,"example":"arguments"
39 | ,"description":"whatever you call what you pass into a function/method. args, params, etc."
40 | }
41 | }
42 | }
43 | ,"l10nThirdParagraph": {
44 | "message":"Message contents are passed right into innerHTML without processing - include any tags (or even scripts) that you feel like. If you have an input field, the placeholder will be set instead, and buttons will have the value attribute set."
45 | ,"description":"inform that we handle placeholders, buttons, and direct HTML input"
46 | }
47 | ,"l10nButtonsBefore": {
48 | "message":"Different types of buttons are handled as well. <button> elements have their html set:"
49 | }
50 | ,"l10nButton": {
51 | "message":"in a button"
52 | }
53 | ,"l10nButtonsBetween": {
54 | "message":"while <input type='submit'> and <input type='button'> get their 'value' set (note: no HTML):"
55 | }
56 | ,"l10nSubmit": {
57 | "message":"a submit value"
58 | }
59 | ,"l10nButtonsAfter": {
60 | "message":"Awesome, no?"
61 | }
62 | ,"l10nExtras": {
63 | "message":"You can even set data-l10n on things like the <title> tag, which lets you have translatable page titles, or fieldset <legend> tags, or anywhere else - the default Boil.localize() behavior will check every tag in the document, not just the body."
64 | ,"description":"inform about places which may not be obvious, like , etc"
65 | }
66 | }
67 |
--------------------------------------------------------------------------------
/ext/icons/icon128.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/altryne/extensionizr/1ce45cc1582b3d253f11ef9103403badc634de66/ext/icons/icon128.png
--------------------------------------------------------------------------------
/ext/icons/icon16.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/altryne/extensionizr/1ce45cc1582b3d253f11ef9103403badc634de66/ext/icons/icon16.png
--------------------------------------------------------------------------------
/ext/icons/icon19.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/altryne/extensionizr/1ce45cc1582b3d253f11ef9103403badc634de66/ext/icons/icon19.png
--------------------------------------------------------------------------------
/ext/icons/icon48.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/altryne/extensionizr/1ce45cc1582b3d253f11ef9103403badc634de66/ext/icons/icon48.png
--------------------------------------------------------------------------------
/ext/js/angular/component.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "angular",
3 | "version": "1.0.6",
4 | "main": "./angular.js",
5 | "dependencies": {},
6 | "gitHead": "463e638a6eaf523c1e41210a40951683a83e0ecd",
7 | "_id": "AngularJS@1.0.6",
8 | "readme": "ERROR: No README.md file found!",
9 | "description": "ERROR: No README.md file found!",
10 | "repository": {
11 | "type": "git",
12 | "url": "git://github.com/angular/bower-angular.git"
13 | }
14 | }
--------------------------------------------------------------------------------
/ext/js/jquery/.gitignore:
--------------------------------------------------------------------------------
1 | build
2 | jquery-migrate.js
3 | jquery-migrate.min.js
4 |
--------------------------------------------------------------------------------
/ext/js/jquery/component.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "jquery",
3 | "version": "2.0.0",
4 | "description": "jQuery component",
5 | "keywords": [
6 | "jquery",
7 | "component"
8 | ],
9 | "scripts": [
10 | "jquery.js"
11 | ],
12 | "license": "MIT",
13 | "gitHead": "46f8412bd1bb9b1b30b5b0eb88560e2d4196509c",
14 | "readme": "jQuery Component\n================\n\nShim repository for jQuery.\n",
15 | "readmeFilename": "README.md",
16 | "_id": "jquery@2.0.0",
17 | "repository": {
18 | "type": "git",
19 | "url": "git://github.com/components/jquery.git"
20 | }
21 | }
--------------------------------------------------------------------------------
/ext/manifest.json:
--------------------------------------------------------------------------------
1 | {
2 | "name":"CHANGE THIS : Extension boilerplate",
3 | "version":"0.0.1",
4 | "manifest_version" : 2,
5 |
6 | "description":"This extension was created with the awesome extensionizr.com",
7 | "homepage_url" : "http://extensionizr.com",
8 | "icons":{
9 | "16":"icons/icon16.png",
10 | "48":"icons/icon48.png",
11 | "128":"icons/icon128.png"
12 | },
13 | "default_locale":"en",
14 |
15 | "background": {
16 | "page": "src/bg/background.html",
17 | "scripts" : ["src/bg/background.js"],
18 | "persistent": true
19 | },
20 |
21 | "options_page":"src/options/index.html",
22 | "options_custom_page":"src/options_custom/index.html",
23 |
24 | "browser_action":{
25 | "default_icon":"icons/icon19.png",
26 | "default_title":"browser action demo",
27 | "default_popup":"src/browser_action/browser_action.html"
28 | },
29 |
30 | "page_action":{
31 | "default_icon":"icons/icon19.png",
32 | "default_title":"page action demo",
33 | "default_popup":"src/page_action/page_action.html"
34 | },
35 |
36 | "chrome_url_overrides":{
37 | "newtab":"src/override/override.html",
38 | "history" : "src/override/override.html",
39 | "bookmarks" : "src/override/override.html"
40 | },
41 |
42 | "permissions":[
43 | "http://*.google.com/",
44 | "bookmarks",
45 | "chrome://favicon/",
46 | "clipboardRead",
47 | "clipboardWrite",
48 | "contextMenus",
49 | "cookies",
50 | "fileBrowserHandler",
51 | "geolocation",
52 | "history",
53 | "idle",
54 | "management",
55 | "notifications",
56 | "tabs",
57 | "tts",
58 | "ttsEngine",
59 | "unlimitedStorage"
60 | ],
61 |
62 | "omnibox":{
63 | "keyword":"extensionizr"
64 | },
65 |
66 | "content_scripts":[
67 | {
68 | "matches":["https://www.google.com/*"],
69 | "css":["src/inject/inject.css"]
70 | },
71 | {
72 | "matches":["https://www.google.com/*"],
73 | "js":["src/inject/inject.js"]
74 | }
75 | ]
76 | }
77 |
--------------------------------------------------------------------------------
/ext/src/bg/background.html:
--------------------------------------------------------------------------------
1 | <!DOCTYPE html>
2 | <html>
3 | <head>
4 | <script type="text/javascript" src="background.js"></script>
5 | </head>
6 | </html>
--------------------------------------------------------------------------------
/ext/src/bg/background.js:
--------------------------------------------------------------------------------
1 | // if you checked "fancy-settings" in extensionizr.com, uncomment the following lines
2 |
3 | // var settings = new Store("settings", {
4 | // "sample_setting": "This is how you use Store.js to remember values"
5 | // });
6 |
7 |
8 | //example of using a message handler from the inject scripts
9 | chrome.runtime.onMessage.addListener(
10 | function(request, sender, sendResponse) {
11 | chrome.pageAction.show(sender.tab.id);
12 | sendResponse();
13 | });
14 |
--------------------------------------------------------------------------------
/ext/src/browser_action/browser_action.html:
--------------------------------------------------------------------------------
1 | <!doctype html>
2 | <style type="text/css">
3 | #mainPopup {
4 | padding: 10px;
5 | height: 200px;
6 | width: 400px;
7 | font-family: Helvetica, Ubuntu, Arial, sans-serif;
8 | }
9 | h1 {
10 | font-size: 2em;
11 | }
12 | </style>
13 |
14 | <div id="mainPopup">
15 | <h1>Hello extensionizr!</h1>
16 | <p>To shut this popup down, edit the manifest file and remove the "default popup" key. To edit it, just edit ext/browser_action/browser_action.html. The CSS is there, too.</p>
17 | </div>
--------------------------------------------------------------------------------
/ext/src/inject/inject.css:
--------------------------------------------------------------------------------
1 | /**
2 | * Place your custom CSS styles here.
3 | **/
4 |
--------------------------------------------------------------------------------
/ext/src/inject/inject.js:
--------------------------------------------------------------------------------
1 | chrome.runtime.sendMessage({}, function(response) {
2 | var readyStateCheckInterval = setInterval(function() {
3 | if (document.readyState === "complete") {
4 | clearInterval(readyStateCheckInterval);
5 |
6 | // ----------------------------------------------------------
7 | // This part of the script triggers when page is done loading
8 | console.log("Hello. This message was sent from scripts/inject.js");
9 | // ----------------------------------------------------------
10 |
11 | }
12 | }, 10);
13 | });
14 |
--------------------------------------------------------------------------------
/ext/src/options/index.html:
--------------------------------------------------------------------------------
1 | <!DOCTYPE html>
2 | <html>
3 | <head>
4 | <title>
5 |
6 |
7 |
8 |
9 |