docsify-share
Version:
Docsify Share library
267 lines • 14 kB
JavaScript
"use strict";
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
return new (P || (P = Promise))(function (resolve, reject) {
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
step((generator = generator.apply(thisArg, _arguments || [])).next());
});
};
var __generator = (this && this.__generator) || function (thisArg, body) {
var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
function verb(n) { return function (v) { return step([n, v]); }; }
function step(op) {
if (f) throw new TypeError("Generator is already executing.");
while (_) try {
if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
if (y = 0, t) op = [op[0] & 2, t.value];
switch (op[0]) {
case 0: case 1: t = op; break;
case 4: _.label++; return { value: op[1], done: false };
case 5: _.label++; y = op[1]; op = [0]; continue;
case 7: op = _.ops.pop(); _.trys.pop(); continue;
default:
if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
if (t[2]) _.ops.pop();
_.trys.pop(); continue;
}
op = body.call(thisArg, _);
} catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
}
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.install = void 0;
function delay(ms) {
return new Promise(function (resolve) { return setTimeout(resolve, ms); });
}
function themeColor(dsConfig) {
return __awaiter(this, void 0, void 0, function () {
var big_fab, share_button__back, share_button__front, change_color, _i, _a, item, _b, change_background, _c, _d, item, _e, change_background, _f, _g, item, _h, _j, _k, item, _l, _m, _o, item, _p, _q, _r, item, _s;
return __generator(this, function (_t) {
switch (_t.label) {
case 0: return [4 /*yield*/, delay(300)];
case 1:
_t.sent();
return [4 /*yield*/, document.getElementsByClassName('big-fab')];
case 2:
big_fab = _t.sent();
return [4 /*yield*/, document.getElementsByClassName('share-button__back')];
case 3:
share_button__back = _t.sent();
return [4 /*yield*/, document.getElementsByClassName('share-button__front')];
case 4:
share_button__front = _t.sent();
if (!(dsConfig.options.theme != undefined)) return [3 /*break*/, 21];
if (!(dsConfig.options.theme == 'open-window')) return [3 /*break*/, 10];
return [4 /*yield*/, document.getElementsByClassName('animated')];
case 5:
change_color = _t.sent();
if (!(change_color.length != 0)) return [3 /*break*/, 9];
_i = 0, _a = Array.from(change_color);
_t.label = 6;
case 6:
if (!(_i < _a.length)) return [3 /*break*/, 9];
item = _a[_i];
_b = item.style;
return [4 /*yield*/, dsConfig.options.color];
case 7:
_b.color = _t.sent();
_t.label = 8;
case 8:
_i++;
return [3 /*break*/, 6];
case 9: return [3 /*break*/, 21];
case 10:
if (!(dsConfig.options.theme == 'slide-bar')) return [3 /*break*/, 16];
return [4 /*yield*/, document.getElementsByClassName('btn-fab')];
case 11:
change_background = _t.sent();
if (!(change_background.length != 0)) return [3 /*break*/, 15];
_c = 0, _d = Array.from(change_background);
_t.label = 12;
case 12:
if (!(_c < _d.length)) return [3 /*break*/, 15];
item = _d[_c];
_e = item.style;
return [4 /*yield*/, dsConfig.options.color];
case 13:
_e.background = _t.sent();
_t.label = 14;
case 14:
_c++;
return [3 /*break*/, 12];
case 15: return [3 /*break*/, 21];
case 16:
if (!(dsConfig.options.theme == 'flip-it')) return [3 /*break*/, 21];
return [4 /*yield*/, document.getElementsByClassName('btn-fab')];
case 17:
change_background = _t.sent();
if (!(change_background.length != 0)) return [3 /*break*/, 21];
_f = 0, _g = Array.from(change_background);
_t.label = 18;
case 18:
if (!(_f < _g.length)) return [3 /*break*/, 21];
item = _g[_f];
_h = item.style;
return [4 /*yield*/, dsConfig.options.color];
case 19:
_h.background = _t.sent();
_t.label = 20;
case 20:
_f++;
return [3 /*break*/, 18];
case 21:
if (!(big_fab.length != 0)) return [3 /*break*/, 25];
_j = 0, _k = Array.from(big_fab);
_t.label = 22;
case 22:
if (!(_j < _k.length)) return [3 /*break*/, 25];
item = _k[_j];
_l = item.style;
return [4 /*yield*/, dsConfig.options.color];
case 23:
_l.background = _t.sent();
_t.label = 24;
case 24:
_j++;
return [3 /*break*/, 22];
case 25:
if (!(share_button__back.length != 0)) return [3 /*break*/, 29];
_m = 0, _o = Array.from(share_button__back);
_t.label = 26;
case 26:
if (!(_m < _o.length)) return [3 /*break*/, 29];
item = _o[_m];
_p = item.style;
return [4 /*yield*/, dsConfig.options.color];
case 27:
_p.background = _t.sent();
_t.label = 28;
case 28:
_m++;
return [3 /*break*/, 26];
case 29:
if (!(share_button__front.length != 0)) return [3 /*break*/, 33];
_q = 0, _r = Array.from(share_button__front);
_t.label = 30;
case 30:
if (!(_q < _r.length)) return [3 /*break*/, 33];
item = _r[_q];
_s = item.style;
return [4 /*yield*/, dsConfig.options.color];
case 31:
_s.background = _t.sent();
_t.label = 32;
case 32:
_q++;
return [3 /*break*/, 30];
case 33: return [2 /*return*/];
}
});
});
}
function createButton(btnLink, btnClass, btnTltip, iconClass) {
return [
'<a href="',
btnLink,
'" target="_blank" class="',
btnClass,
'" tooltip="',
btnTltip,
'"><i class="',
iconClass,
'"></i></a>'
].join('');
}
exports.install = function (hook, vm) {
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
var facebook = vm.config.share.facebook != undefined ? createButton('https://www.facebook.com/sharer.php?u=' + ((_a = vm.config.share.facebook.url) !== null && _a !== void 0 ? _a : window.location.href), 'fab indigo', 'Facebook', 'fa fa-facebook animated') : '';
var reddit = vm.config.share.reddit != undefined ? createButton('https://reddit.com/submit?url=' + ((_b = vm.config.share.reddit.url) !== null && _b !== void 0 ? _b : window.location.href) + '&title=' + ((_c = vm.config.share.reddit.title) !== null && _c !== void 0 ? _c : document.title), "fab red", "Reddit", "fa fa-reddit animated") : '';
var twitter = vm.config.share.twitter != undefined ? createButton('https://twitter.com/intent/tweet?url=' + ((_d = vm.config.share.twitter.url) !== null && _d !== void 0 ? _d : window.location.href) + '&text=' + ((_e = vm.config.share.twitter.title) !== null && _e !== void 0 ? _e : document.title), "fab light-blue", "Twitter", "fa fa-twitter animated") : '';
var linkedin = vm.config.share.linkedin != undefined ? createButton('https://www.linkedin.com/sharing/share-offsite/?url=' + ((_f = vm.config.share.linkedin.url) !== null && _f !== void 0 ? _f : window.location.href), "fab blue-linkedin", "Linked In", "fa fa-linkedin animated") : '';
var whatsapp = vm.config.share.whatsapp != undefined ? createButton('whatsapp://send?text=' + ((_g = vm.config.share.whatsapp.title) !== null && _g !== void 0 ? _g : document.title) + '%20' + ((_h = vm.config.share.whatsapp.url) !== null && _h !== void 0 ? _h : window.location.href), "fab green", "Whatsapp", "fa fa-whatsapp animated") : '';
var telegram = vm.config.share.telegram != undefined ? createButton('https://telegram.me/share/url?url=&' + ((_j = vm.config.share.telegram.url) !== null && _j !== void 0 ? _j : window.location.href) + 'text=' + ((_k = vm.config.share.telegram.title) !== null && _k !== void 0 ? _k : document.title), "fab black", "Telegram", "fa fa-telegram animated") : '';
var fontAwesome = '<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">';
var footer = [
fontAwesome,
'<link rel="stylesheet" href="https://unpkg.com/docsify-share/assets/css/docsify-share.min.css">',
'<div class="fabs">',
reddit,
linkedin,
facebook,
twitter,
whatsapp,
telegram,
'<a target="_blank" class="fab light-green big-fab" tooltip="Share"><i class="fa fa-share-alt"></i></a>',
'</div>'
].join('');
if (vm.config.share.options != undefined) {
if (vm.config.share.options.theme != undefined) {
if (vm.config.share.options.theme == 'open-window') {
var footer = [
fontAwesome,
'<link rel="stylesheet" href="https://unpkg.com/docsify-share/assets/css/docsify-share-open-window.min.css">',
'<div class="share-button">',
'<div class="share-button__back">',
reddit,
linkedin,
facebook,
twitter,
whatsapp,
telegram,
'</div>',
'<div class="share-button__front">',
'<p class="share-button__text"><span class="fa fa-share-alt"></span></p>',
'</div>',
'</div>'
].join('');
}
else if (vm.config.share.options.theme == 'slide-bar') {
var footer = [
fontAwesome,
'<link rel="stylesheet" href="https://unpkg.com/docsify-share/assets/css/docsify-share-slide-bar.min.css">',
'<button class="btn-share">',
reddit,
linkedin,
facebook,
twitter,
whatsapp,
telegram,
'<span class="btn-fab"><span class="fa fa-share-alt"></span></span>',
'</button>'
].join('');
}
else if (vm.config.share.options.theme == 'flip-it') {
var footer = [
fontAwesome,
'<link rel="stylesheet" href="https://unpkg.com/docsify-share/assets/css/docsify-share-flip-it.min.css">',
'<div class="fab-container">',
'<div class="btn-fab"><span class="fa fa-share-alt"></span></div>',
'<div class="back">',
reddit,
linkedin,
facebook,
twitter,
whatsapp,
telegram,
'</div>',
'</div>'
].join('');
}
}
if (vm.config.share.options.color != undefined) {
themeColor(vm.config.share);
}
}
var config = Object.assign({}, vm.config.share);
hook.afterEach(function (html) {
return html + footer;
});
};
//# sourceMappingURL=docsify-share.js.map