🔨 Add firefox web extension source.

.gitignore

@@ -3,5 +3,9 @@ node_modules/**
 src/bundle/**
 publish/**
 
+ext/bundle/**
+ext/assets/faces/**
+ext/assets/icons/**
+
 # for mac
 **/.DS_Store

ext/_locales/zh_CN/messages.json

@@ -0,0 +1,9 @@
+{
+ "desc": {
+ "message": "一个简单、可靠、纯粹、中文语义化的 Emoji 扩展。"
+ },
+ "extName": {
+ "description": "Extension name.",
+ "message": "+Emoji"
+ }
+}

ext/_locales/zh_TW/messages.json

@@ -0,0 +1,9 @@
+{
+ "desc": {
+ "message": "一個簡單、可靠、純粹、中文語義化的 Emoji 擴展。"
+ },
+ "extName": {
+ "description": "Extension name.",
+ "message": "+Emoji"
+ }
+}

ext/assets/css/style.css

@@ -0,0 +1,54 @@
+
+#simpemoji {
+ display: none;
+ position: absolute;
+
+ padding: 5px;
+
+ background-color: #fff;
+
+ border-radius: 3px;
+ box-shadow: 0 1px 2px rgba(0,0,0,.23);
+
+ z-index: 999999999;
+}
+
+#simpemoji .simpemoji-bg {
+ display: none;
+ position: fixed;
+
+ top: 0;
+ left: 0;
+
+ width: 100%;
+ height: 100%;
+
+ cursor: pointer;
+}
+
+#simpemoji .simpemoji-face {
+ display: flex;
+ flex-flow: row wrap;
+
+ max-height: 200px;
+
+ overflow: scroll;
+ overflow-x: hidden;
+}
+
+#simpemoji .simpemoji-face img {
+ margin: 2px;
+ padding: 2px;
+
+ width: 25px;
+ height: 25px;
+
+ cursor: pointer;
+ -webkit-transition: all .15s;
+}
+
+#simpemoji .simpemoji-face .highlight-face {
+ padding: 2px;
+ background-color: #E5E7E8;
+ border-radius: 3px;
+}

ext/background.js

@@ -0,0 +1,154 @@
+console.log( "=== +emoji background load ===" )
+
+/***********************
+ * Init
+ ***********************/
+
+const storage = {
+ version : "1.0.0",
+ message_id: 0,
+ popup : "popup",
+ blank : false,
+ clip : false,
+ clicked : true,
+ recent : "",
+ // (::|[\uff1a]{2})([\u4e00-\u9fa5]|[a-zA-Z ])+ $
+ trigger_prefix: "",
+ trigger_suffix: "",
+ blacklist: [
+ "twitter.com",
+ "google.com"
+ ]
+};
+
+/**
+ * Google Analytics 
+ */
+//analytics();
+function analytics() {
+ (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+ m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+ })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); 
+ ga('create', 'UA-405976-10', 'auto');
+ ga('send', 'pageview');
+}
+
+initialize();
+browser.runtime.onMessage.addListener( listener );
+
+/**
+ * Conver local storage
+ * 
+ * @param {object} local storage
+ */
+function conver( object ) {
+ const news = $.extend( {}, object );
+ Object.keys( news ).forEach( key => {
+ news[key] == "true" && ( news[key] = true );
+ news[key] == "false" && ( news[key] = false );
+ });
+ return news;
+}
+
+/**
+ * Initialize
+ */
+function initialize() {
+ Object.keys( storage ).forEach( key => {
+ localStorage[key] == undefined && ( localStorage[key] = storage[key] );
+ });
+ console.log( localStorage )
+}
+
+/**
+ * Lister chorme message
+ * 
+ * @param {object} request
+ * @param {object} sender
+ * @param {object} sendResponse
+ */
+function listener( request, sender, sendResponse ) {
+ if ( request == "get_settings" ) {
+ sendResponse( conver( localStorage ));
+ } else if ( request && request.id == "popup" ) {
+ localStorage.popup = request.value;
+ localStorage.popup == "popup" ? removeWindow() : createWindow();
+ localStorage.popup == "popup" ? browser.browserAction.setPopup({ popup: popup_url }) : browser.browserAction.setPopup({ popup: "" });
+ } else if ( request && request.id == "set_settings" ) {
+ Object.keys( request.value ).forEach( key => {
+ localStorage[key] = request.value[key];
+ });
+ } else if ( request && request.id == "clear_settings" ) {
+ localStorage.clear();
+ initialize();
+ } else if ( request && request.id == "analytics" ) {
+ //ga( "send", {
+ // hitType : "event",
+ // eventCategory: request.value.eventCategory,
+ // eventAction : request.value.eventAction,
+ //});
+ }
+}
+
+/***********************
+ * Emoji pasting
+ ***********************/
+
+// listen to other tabs, last one always overwrites the others
+browser.runtime.onMessage.addListener(function (message) {
+ if (message.name == "input_deselected") {
+ localStorage.message_id = 0;
+ }
+ else if (message.name == "input_selected") {
+ localStorage.message_id = message.id;
+ }
+});
+
+// changing tabs should invalidate pending messages
+browser.tabs.onActivated.addListener(function () {
+ localStorage.message_id = 0;
+});
+
+/***********************
+ * Browser action
+ ***********************/
+
+const popup_url = "popup/popup.html";
+let popup = {};
+
+browser.browserAction.onClicked.addListener( function( event ) {
+ if ( popup && popup.id ) {
+ removeWindow();
+ } else {
+ createWindow();
+ }
+});
+
+browser.windows.onRemoved.addListener( function( windowId ) {
+ if ( windowId == popup.id ) popup = {};
+});
+
+/**
+ * Create popup window
+ */
+function createWindow() {
+ const creating = browser.windows.create({
+ url : browser.extension.getURL( "/popup/popup.html" ),
+ type : "popup",
+ width : 400, height : 350,
+ });
+ creating.then( function( windowInfo ) {
+ popup = windowInfo;
+ });
+}
+
+/**
+ * Remove popup window
+ */
+function removeWindow() {
+ browser.windows.remove( popup.id );
+ popup = {};
+}
+
+localStorage.popup == "popup" ? browser.browserAction.setPopup({ popup: popup_url }) : browser.browserAction.setPopup({ popup: "" });