├── .gitignore
├── LICENSE
├── README.md
├── background.js
├── build-ext.sh
├── icons
    ├── loriko-64.png
    ├── loriko.svg
    └── penguin-mono.svg
├── lorify-ng.user.js
├── manifest.json
├── settings.html
└── settings.js


/.gitignore:
--------------------------------------------------------------------------------
1 | *.DS_Store
2 | dist


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | MIT License
 2 | 
 3 | Copyright (c) 2022 OpenA
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | ## Расширение для сайта [linux.org.ru](https://www.linux.org.ru/)
2 | Это форк проекта [lorify](https://bitbucket.org/b0r3d0m/lorify) использующий новые возможности движка форума такие как WebSocket.
3 | Является полностью универсальным, можно использовать и всё расширение целиком и отдельный юзерскрипт.
4 | 
5 | ![lorify logo](https://github.com/OpenA/lorify-ng/blob/master/icons/loriko.svg?raw=true)|<img src="https://i.imgur.com/Zjp8CYv.png">
6 | ------------ | -------------
7 | 


--------------------------------------------------------------------------------
/background.js:
--------------------------------------------------------------------------------
  1 | /* lorify-ng background script */
  2 | const defaults = Object.freeze({ // default settings
  3 | 	'Realtime Loader'      : true,
  4 | 	'CSS3 Animation'       : true,
  5 | 	'Delay Open Preview'   : 50,
  6 | 	'Delay Close Preview'  : 800,
  7 | 	'Desktop Notification' : 1,
  8 | 	'Preloaded Pages Count': 1,
  9 | 	'Picture Viewer'       : 2,
 10 | 	'Scroll Top View'      : true,
 11 | 	'Upload Post Delay'    : 3,
 12 | 	'Code Block Short Size': 15,
 13 | 	'Code Highlight Style' : 0
 14 | });
 15 | 
 16 | let notes = 0, codestyles = null,
 17 |       wss = 0, need_login = false;
 18 | 
 19 | const settings  = Object.assign({}, defaults);
 20 | const openPorts = new Set;
 21 | const isFirefox = navigator.userAgent.includes('Firefox');
 22 | const loadStore = isFirefox ?
 23 | 	// load settings
 24 | 	browser.storage.local.get() : new Promise(resolve => {
 25 | 		chrome.storage.local.get(null, resolve)
 26 | 	});
 27 | 	loadStore.then(items => {
 28 | 		for (const key in items) {
 29 | 			settings[key] = items[key];
 30 | 		}
 31 | 		setNotifCheck();
 32 | 	});
 33 | 
 34 | chrome.notifications.onClicked.addListener(() => {
 35 | 	const ismob = Number(settings['Desktop Notification']) === 2;
 36 | 	openTab(`${ ismob ? '#' : 'lor://' }notifications`,
 37 | 	            ismob ? 'notes-show' : 'rel');
 38 | });
 39 | chrome.runtime.onConnect.addListener(port => {
 40 | 	if (port.name === 'lory-wss') {
 41 | 		chrome.alarms.clear('T-chk-notes');
 42 | 	}
 43 | 	port.onMessage.addListener(messageHandler);
 44 | 	port.onDisconnect.addListener(() => {
 45 | 		openPorts.delete(port);
 46 | 		for(const p of openPorts) {
 47 | 			if (p.name === 'lory-wss')
 48 | 				return;
 49 | 		}
 50 | 		setNotifCheck(5e4);
 51 | 	});
 52 | 	openPorts.add(port);
 53 | 	loadStore.then(() => port.postMessage({ action: 'connection-resolve', data: settings }));
 54 | 	if (!codestyles)
 55 | 		port.postMessage({ action: 'need-codestyles', data: null });
 56 | });
 57 | 
 58 | const setBadge = chrome.browserAction && chrome.browserAction.setBadgeText ? (
 59 | 	badge => {
 60 | 		if ('setBadgeTextColor' in badge) {
 61 | 			badge.setBadgeTextColor({ color: '#ffffff' });
 62 | 		}
 63 | 		badge.setBadgeBackgroundColor({ color: '#3d96ab' });
 64 | 		badge.getBadgeText({}, label => {
 65 | 			if (label > 0)
 66 | 				notes = Number(label);
 67 | 		});
 68 | 		return opts => {
 69 | 			if ('text'  in opts) badge.setBadgeText(opts); else
 70 | 			if ('color' in opts) badge.setBadgeBackgroundColor(opts);
 71 | 		}
 72 | 	}
 73 | )(chrome.browserAction) : () => void 0;
 74 | 
 75 | chrome.alarms.onAlarm.addListener(getNotifications);
 76 | 
 77 | function setNotifCheck(sec = 4e3) {
 78 | 	if (settings['Desktop Notification']) {
 79 | 		chrome.alarms.create('T-chk-notes', {
 80 | 			when: Date.now() + sec, periodInMinutes: 4
 81 | 		});
 82 | 	}
 83 | }
 84 | 
 85 | const queryScheme = isFirefox
 86 |    ? url => browser.tabs.query({ url })
 87 |    : url => new Promise(res => void chrome.tabs.query({ url }, res))
 88 | 
 89 | const matchEmptyOr = (tabs, m_uri = '', m_rx = '') => new Promise(resolve => {
 90 | 
 91 | 	const empty_Rx = new RegExp(m_rx ? m_rx : '^'+ 
 92 | 		(isFirefox ? 'about:(?:newtab|home)$' : 'chrome://.*(?:newtab|startpage)') +
 93 | 	'');
 94 | 
 95 | 	let tab_id = -1;
 96 | 	for (const { id, url } of tabs) {
 97 | 		if (m_uri && url.includes(m_uri)) {
 98 | 			tab_id = id;
 99 | 			break;
100 | 		} else if (empty_Rx.test(url))
101 | 			tab_id = id;
102 | 	}
103 | 	resolve(tab_id);
104 | });
105 | 
106 | function openTab(uri = '', action = '') {
107 | 
108 | 	let schi = uri.search(/\?|\#/);
109 | 	if (schi === -1)
110 | 	    schi = uri.length;
111 | 
112 | 	const lor = uri.startsWith('lor:/') ? 5 : 0,
113 | 	     path = uri.substring(lor, schi),
114 | 	     orig = lor ? '://www.linux.org.ru'+ path : chrome.runtime.getURL('/settings.html'),
115 | 	     href = lor ? 'https' + orig + uri.substring(schi) : orig + uri;
116 | 
117 | 	for (const port of openPorts) {
118 | 		const { url, id } = port.sender.tab || '';
119 | 		if (url && url.includes(orig)) {
120 | 			chrome.tabs.update(id, { active: true });
121 | 			if (action === 'rel') {
122 | 				chrome.tabs.reload(id);
123 | 			} else
124 | 				port.postMessage({ action, data: uri.substring(lor) });
125 | 			return;
126 | 		}
127 | 	}
128 | 	const fin = tab_id => {
129 | 		if (tab_id !== -1 ) {
130 | 			chrome.tabs.update(tab_id, { active: true, url: href });
131 | 			chrome.tabs.reload(tab_id);
132 | 		} else
133 | 			chrome.tabs.create({ active: true, url: href });
134 | 	}
135 | 	if (lor) {
136 | 		queryScheme(['*://www.linux.org.ru/', '*'+ orig +'*']).then(
137 | 			tabs => matchEmptyOr(tabs, orig, '^https?://www.linux.org.ru/?$')
138 | 		).then(lor_id => {
139 | 			if(lor_id !== -1) {
140 | 				fin(lor_id);
141 | 			} else
142 | 			 	queryScheme().then(matchEmptyOr).then(fin);
143 | 		});
144 | 	} else {
145 | 		queryScheme().then(tabs => matchEmptyOr(tabs, orig)).then(fin);
146 | 	}
147 | }
148 | 
149 | function messageHandler({ action, data }, port) {
150 | 	// check
151 | 	switch (action) {
152 | 		case 'l0rNG-setts-reset':
153 | 			changeSettings(defaults);
154 | 			break;
155 | 		case 'l0rNG-setts-change':
156 | 			changeSettings(data, port);
157 | 			break;
158 | 		case 'l0rNG-notes-chk':
159 | 			chrome.alarms.clear('Q-chk-notes');
160 | 			chrome.alarms.create('Q-chk-notes', {
161 | 				when: Date.now() + 1e3
162 | 			});
163 | 			break;
164 | 		case 'l0rNG-codestyles':
165 | 			if(!codestyles)
166 | 				codestyles = data;
167 | 			break;
168 | 		case 'l0rNG-open-tab':
169 | 			openTab(data, 'scroll-to-comment');
170 | 			break;
171 | 		case 'l0rNG-notes-set':
172 | 			if ( notes < data || notes > data ) {
173 | 				chrome.alarms.clear('Q-chk-notes');
174 | 				updNoteStatus(data);
175 | 			}
176 | 			break;
177 | 		case 'l0rNG-extra-sets':
178 | 			if (codestyles)
179 | 				port.postMessage({ action: 'code-styles-list', data: codestyles });
180 | 			if (notes)
181 | 				port.postMessage({ action: 'notes-count-update', data: notes });
182 | 	}
183 | }
184 | 
185 | function getNotifications(alm) {
186 | 
187 | 	fetch('https://www.linux.org.ru/notifications-count', {
188 | 		credentials: 'same-origin',
189 | 		method: 'GET'
190 | 	}).then(
191 | 		response => {
192 | 			if (response.ok) {
193 | 				response.json().then( count => {
194 | 					if ( notes < count || notes > count )
195 | 						updNoteStatus(count);
196 | 				});
197 | 			} else if (response.status === 403) {
198 | 				chrome.alarms.clearAll();
199 | 				need_login = true;
200 | 			}
201 | 		}
202 | 	);
203 | }
204 | 
205 | function updNoteStatus(count = 0) {
206 | 	if ( count > notes && settings['Desktop Notification'] ) {
207 | 		chrome.notifications.create('lorify-ng', {
208 | 			type    : 'basic',
209 | 			title   : 'LINUX.ORG.RU',
210 | 			message : count +' новых сообщений',
211 | 			iconUrl : 'icons/penguin-mono.svg'
212 | 		});
213 | 	}
214 | 	setBadge({ text: (notes = count) ? count.toString() : '' });
215 | 	for (const port of openPorts) {
216 | 		port.postMessage({ action: 'notes-count-update', data: count });
217 | 	}
218 | }
219 | function changeSettings(newSetts, exclupe = null) {
220 | 	let hasChecks = 0;
221 | 	for (const port of openPorts) {
222 | 		hasChecks += Number(port.name === 'lory-wss');
223 | 		if ( port !== exclupe )
224 | 			port.postMessage({ action: 'settings-change', data: newSetts });
225 | 	}
226 | 	Object.assign(settings, newSetts);
227 | 	if (!hasChecks)
228 | 		setNotifCheck();
229 | 	chrome.storage.local.set(newSetts);
230 | }
231 | 


--------------------------------------------------------------------------------
/build-ext.sh:
--------------------------------------------------------------------------------
 1 | #!/bin/sh
 2 | 
 3 | SRC="lorify-ng.user.js settings.html settings.js background.js LICENSE icons/*"
 4 | ARC="dist/lorify-ng.zip"
 5 | VER="2"
 6 | 
 7 | for i in "$@"; do
 8 |   case $i in
 9 |     --help | -h)
10 |       echo ""
11 |       echo " build-ext.sh [option]\n"
12 |       echo "    -v3    Manifest V3"
13 |       echo "    -v2    Manifest V2 (default)"
14 |       echo ""
15 |       exit
16 |       ;;
17 |     -v3)
18 |       VER="3"
19 |       ;;
20 |     *)
21 |       # unknown option
22 |       ;;
23 |   esac
24 | done
25 | 
26 | mkdir -p dist
27 | echo "\nbuilding:\033[0;9$VER;49m WebExt Manifest V$VER \033[0m"
28 | 
29 | if [ "$VER" = "2" ]; then
30 |   sed -e 's/"manifest_version":.*3/"manifest_version": 2/' \
31 |       -e 's/"action"/"browser_action"/' \
32 |       -e 's/"service_worker"/"scripts"/' \
33 |       -e 's/"background.js"/["background.js"], "persistent": true/' \
34 |       -e 's/\],.*"permissions":.*\[/,/' \
35 |       -e 's/"host_permissions"/"permissions"/' \
36 |       manifest.json > dist/manifest.json
37 |   zip -9 -jm $ARC dist/manifest.json
38 | else
39 |   SRC="manifest.json $SRC"
40 | fi
41 | 
42 | zip -9 -T $ARC $SRC
43 | 


--------------------------------------------------------------------------------
/icons/loriko-64.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/OpenA/lorify-ng/2aae9c11020631b8479b55925000e99d2d8cca7b/icons/loriko-64.png


--------------------------------------------------------------------------------
/icons/loriko.svg:
--------------------------------------------------------------------------------
  1 | <?xml version="1.0" encoding="UTF-8" standalone="no"?>
  2 | <svg
  3 |    xmlns:dc="http://purl.org/dc/elements/1.1/"
  4 |    xmlns:cc="http://creativecommons.org/ns#"
  5 |    xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
  6 |    xmlns:svg="http://www.w3.org/2000/svg"
  7 |    xmlns="http://www.w3.org/2000/svg"
  8 |    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
  9 |    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
 10 |    viewBox="0 0 48 48"
 11 |    width="48"
 12 |    height="48"
 13 |    version="1.1"
 14 |    id="svg6"
 15 |    sodipodi:docname="loriko.svg"
 16 |    inkscape:version="1.0.2 (e86c870, 2021-01-15)">
 17 |   <title
 18 |      id="title19">Penguin named Loriko</title>
 19 |   <metadata
 20 |      id="metadata10">
 21 |     <rdf:RDF>
 22 |       <cc:Work
 23 |          rdf:about="">
 24 |         <dc:format>image/svg+xml</dc:format>
 25 |         <dc:type
 26 |            rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
 27 |         <dc:title>Penguin named Loriko</dc:title>
 28 |         <dc:date>22.12.2021</dc:date>
 29 |         <dc:creator>
 30 |           <cc:Agent>
 31 |             <dc:title>OpenA</dc:title>
 32 |           </cc:Agent>
 33 |         </dc:creator>
 34 |       </cc:Work>
 35 |     </rdf:RDF>
 36 |   </metadata>
 37 |   <sodipodi:namedview
 38 |      pagecolor="#505050"
 39 |      bordercolor="#ffffff"
 40 |      borderopacity="1"
 41 |      objecttolerance="10"
 42 |      gridtolerance="10"
 43 |      guidetolerance="10"
 44 |      inkscape:pageopacity="0"
 45 |      inkscape:pageshadow="2"
 46 |      inkscape:window-width="1590"
 47 |      inkscape:window-height="1079"
 48 |      id="namedview8"
 49 |      showgrid="false"
 50 |      inkscape:zoom="7.9710583"
 51 |      inkscape:cx="-20.421178"
 52 |      inkscape:cy="14.968619"
 53 |      inkscape:window-x="48"
 54 |      inkscape:window-y="66"
 55 |      inkscape:window-maximized="0"
 56 |      inkscape:current-layer="svg6"
 57 |      inkscape:document-rotation="0" />
 58 |   <defs
 59 |      id="defs2" />
 60 |   <g
 61 |      id="g867">
 62 |     <g
 63 |        id="g949" />
 64 |     <g
 65 |        id="g945-6" />
 66 |   </g>
 67 |   <g
 68 |      id="g942"
 69 |      transform="matrix(1.3017099,0,0,1.3017099,-6.655995,-8.2346016)"
 70 |      inkscape:export-xdpi="96"
 71 |      inkscape:export-ydpi="96">
 72 |     <g
 73 |        id="g949-9">
 74 |       <path
 75 |          fill="#949494"
 76 |          d="m 10.215232,34.042475 c 0.90113,3.421827 1.768616,4.205765 4.181666,6.746732 -2.263104,1.786009 -0.297445,1.961625 1.303161,1.195859 0.206332,0.863639 1.136469,0.91926 2.206208,0.455476 0.169808,1.003321 1.691457,0.711993 2.791487,-0.201357 2.404465,-0.206786 5.815849,-0.23186 8.438328,-0.09079 0.56058,0.62902 1.331379,1.064371 1.913745,0.02878 1.005113,0.534512 1.440554,0.131084 1.507386,-0.447733 2.53021,0.576036 3.954105,-0.06698 1.456304,-1.464529 C 36.569594,37.72404 37.223815,34.920642 37.726248,31.2719 38.852954,24.536988 37.464114,18.52112 36.000597,14.402575 33.731121,8.0268727 30.321444,6.4028103 23.634373,6.4028103 c -6.687071,0 -9.875034,1.5228704 -12.144549,7.8985737 -1.5444569,5.309173 -2.3513257,15.222802 -1.274592,19.741092"
 77 |          id="path4-3"
 78 |          sodipodi:nodetypes="cccccccccccscc"
 79 |          style="fill:#0d1919;fill-opacity:1" />
 80 |     </g>
 81 |     <g
 82 |        id="g945-0" />
 83 |   </g>
 84 |   <g
 85 |      id="g1060"
 86 |      transform="matrix(1.3017099,0,0,1.3017099,-6.187241,-7.5455821)"
 87 |      inkscape:export-xdpi="96"
 88 |      inkscape:export-ydpi="96">
 89 |     <path
 90 |        fill="#949494"
 91 |        d="m 17.499184,11.422985 c 2.497388,-0.248796 4.171189,1.485257 6.172823,1.537963 1.008154,0.02655 2.511724,-0.916967 3.400525,-1.343569 2.214909,-0.4798 3.966127,-0.587365 5.512076,1.140905 2.202445,3.648327 1.114083,4.966324 1.466782,8.840173 0.076,0.83443 -0.05992,1.08374 0.245515,1.917034 0.218693,0.596641 -4.125154,7.650204 -3.934424,8.26258 0.180432,0.579316 3.235362,-0.500338 5.113073,-2.195768 0.592909,7.229616 -1.887888,9.814774 -9.410149,10.625835 -7.889727,0.850793 -14.329953,-0.821308 -14.594148,-9.069703 1.23594,0.814893 4.147541,1.75113 4.851354,1.313122 0.668657,-0.41613 -4.487245,-5.700947 -4.260832,-6.438785 0.350904,-1.143529 0.840746,-2.750795 0.96158,-3.975307 0.487947,-4.946101 -1.685718,-8.163419 4.475825,-10.61448"
 92 |        id="path4"
 93 |        sodipodi:nodetypes="cscccsccccsscc"
 94 |        style="fill:#ffffff;stroke-width:0.999997"
 95 |        inkscape:export-xdpi="96"
 96 |        inkscape:export-ydpi="96" />
 97 |     <path
 98 |        sodipodi:type="star"
 99 |        style="fill:#ff7f2a;fill-opacity:1;stroke:none;stroke-width:0.1;paint-order:fill markers stroke"
100 |        id="path875"
101 |        sodipodi:sides="5"
102 |        sodipodi:cx="23.554737"
103 |        sodipodi:cy="21.133558"
104 |        sodipodi:r1="2.6904535"
105 |        sodipodi:r2="1.8689198"
106 |        sodipodi:arg1="-1.9863351"
107 |        sodipodi:arg2="-1.3580166"
108 |        inkscape:flatsided="true"
109 |        inkscape:rounded="0"
110 |        inkscape:randomized="0"
111 |        inkscape:transform-center-x="0.21719052"
112 |        inkscape:transform-center-y="-0.0035782089"
113 |        inkscape:export-xdpi="96"
114 |        inkscape:export-ydpi="96"
115 |        d="m 22.468647,18.672065 3.091489,0.667917 0.320096,3.146578 -2.893659,1.276776 -2.108475,-2.357488 z" />
116 |     <g
117 |        id="g945"
118 |        inkscape:export-xdpi="96"
119 |        inkscape:export-ydpi="96"
120 |        transform="translate(-0.32800079,2.0407258)">
121 |       <path
122 |          style="fill:none;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
123 |          d="m 16.289598,16.573985 c 0.909369,-0.184103 1.826999,-0.418959 2.760234,-0.418959"
124 |          id="path901" />
125 |       <path
126 |          style="fill:none;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
127 |          d="m 28.620119,15.835188 c 0.674149,0.139823 1.857163,-0.323343 2.380241,0.199735"
128 |          id="path907" />
129 |     </g>
130 |   </g>
131 | </svg>
132 | 


--------------------------------------------------------------------------------
/icons/penguin-mono.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 2 | <svg
 3 |    xmlns:dc="http://purl.org/dc/elements/1.1/"
 4 |    xmlns:cc="http://creativecommons.org/ns#"
 5 |    xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
 6 |    xmlns:svg="http://www.w3.org/2000/svg"
 7 |    xmlns="http://www.w3.org/2000/svg"
 8 |    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
 9 |    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
10 |    viewBox="0 0 48 48"
11 |    width="48"
12 |    height="48"
13 |    version="1.1"
14 |    id="svg6"
15 |    sodipodi:docname="penguin-mono.svg"
16 |    inkscape:version="1.0.2 (e86c870, 2021-01-15)">
17 |   <metadata
18 |      id="metadata10">
19 |     <rdf:RDF>
20 |       <cc:Work
21 |          rdf:about="">
22 |         <dc:format>image/svg+xml</dc:format>
23 |         <dc:type
24 |            rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
25 |         <dc:title />
26 |       </cc:Work>
27 |     </rdf:RDF>
28 |   </metadata>
29 |   <sodipodi:namedview
30 |      pagecolor="#505050"
31 |      bordercolor="#ffffff"
32 |      borderopacity="1"
33 |      objecttolerance="10"
34 |      gridtolerance="10"
35 |      guidetolerance="10"
36 |      inkscape:pageopacity="0"
37 |      inkscape:pageshadow="2"
38 |      inkscape:window-width="1590"
39 |      inkscape:window-height="1079"
40 |      id="namedview8"
41 |      showgrid="false"
42 |      inkscape:zoom="9.1317058"
43 |      inkscape:cx="44.189636"
44 |      inkscape:cy="22.294808"
45 |      inkscape:window-x="162"
46 |      inkscape:window-y="195"
47 |      inkscape:window-maximized="0"
48 |      inkscape:current-layer="svg6"
49 |      inkscape:document-rotation="0" />
50 |   <defs
51 |      id="defs2" />
52 |   <path
53 |      style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.99914px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
54 |      d="m 13.899186,9.3289317 9.339692,-3.1172618 10.117334,2.7186076 3.706397,15.0492575 -1.868565,12.816218 -6.38285,6.07512 -11.038187,0.196768 -5.509854,-5.525157 -2.4502744,-10.090375 z"
55 |      id="path835"
56 |      sodipodi:nodetypes="cccccccccc" />
57 |   <path
58 |      fill="#949494"
59 |      d="m 8.5042334,32.552901 c 0.5009418,3.653784 3.0069216,7.114802 5.5551336,9.659281 -3.517609,0.819405 -2.742339,2.924291 0.214853,2.137983 0.09102,1.483714 0.758072,1.466057 2.082332,1.146697 0.453064,2.483161 3.83197,-0.42566 3.83197,-0.42566 2.397023,-0.207072 5.313179,-0.249259 7.927541,-0.107996 2.267744,1.688395 2.579501,0.443484 2.631405,-0.537009 1.090752,1.049766 3.16354,1.216109 2.857438,-0.593506 3.013689,0.736826 2.55244,-1.217823 0.01037,-2.145527 2.548166,-2.544384 4.404915,-5.311665 4.905793,-8.965449 1.294847,0.459356 8.145673,3.260045 8.978931,1.09301 C 45.239586,30.337928 40.71717,27.104416 39.001844,23.364095 37.297816,19.192822 37.656809,14.575884 36.185683,10.424644 33.470721,4.3141489 30.503999,1.5 23.837625,1.5 17.171251,1.5 14.723329,3.5163055 12.455983,8.9572661 10.719899,13.123354 10.969093,17.311559 9.9390359,21.291645 6.8498706,21.042102 -0.93453558,12.298923 0.7309308,19.324435 1.5642057,21.491467 7.2094194,33.012257 8.5042334,32.552901 M 18.630682,8.3216186 c 2.489658,-0.2491398 3.006634,2.1204324 5.002073,2.1732114 1.005034,0.02659 2.11433,-1.3561989 3.00038,-1.7833905 2.143114,-1.0332929 4.357562,-0.6238909 5.898727,1.1067675 3.052793,3.428113 1.096544,7.253956 1.448152,11.133159 0.181336,1.999842 1.49025,3.943233 1.665023,6.084803 0.591075,7.239606 -2.544302,14.793196 -10.043282,15.605378 C 17.736447,43.493516 11.586728,37.982273 11.32335,29.72248 11.22434,26.619606 12.736716,24.244754 13.017065,21.39098 13.503502,16.438044 10.958242,9.0893901 18.630682,8.3216186"
60 |      id="path4"
61 |      sodipodi:nodetypes="cccccccccccccssccccscccccccc" />
62 |   <path
63 |      sodipodi:type="star"
64 |      style="fill:#9c6c6c;fill-opacity:1;stroke:none;stroke-width:0.1;paint-order:fill markers stroke"
65 |      id="path875"
66 |      sodipodi:sides="5"
67 |      sodipodi:cx="23.230335"
68 |      sodipodi:cy="18.356125"
69 |      sodipodi:r1="2.8135731"
70 |      sodipodi:r2="1.8689198"
71 |      sodipodi:arg1="-2.0114001"
72 |      sodipodi:arg2="-1.3830816"
73 |      inkscape:flatsided="true"
74 |      inkscape:rounded="0"
75 |      inkscape:randomized="0"
76 |      inkscape:transform-center-x="0.21651807"
77 |      inkscape:transform-center-y="-0.0035831035"
78 |      d="m 22.030387,15.811264 3.24945,0.617237 0.417109,3.281148 -2.991664,1.410624 -2.266058,-2.409334 z"
79 |      transform="matrix(0.99690497,0,0,1.0013819,0.50000002,1.5)" />
80 |   <g
81 |      id="g945"
82 |      transform="matrix(0.99690497,0,0,1.0013819,-0.29297135,1.3666087)">
83 |     <path
84 |        style="fill:none;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
85 |        d="m 16.289598,16.573985 c 0.909369,-0.184103 1.826999,-0.418959 2.760234,-0.418959"
86 |        id="path901" />
87 |     <path
88 |        style="fill:none;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
89 |        d="m 28.620119,15.835188 c 0.674149,0.139823 1.857163,-0.323343 2.380241,0.199735"
90 |        id="path907" />
91 |   </g>
92 | </svg>
93 | 


--------------------------------------------------------------------------------
/manifest.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "manifest_version": 3,
 3 |   "name": "lorify-ng",
 4 |   "version": "3.3.8",
 5 |   "description": "Расширение для сайта linux.org.ru поддерживающее загрузку комментариев через технологию WebSocket, а так же уведомления об ответах через системные оповещения и многое другое.",
 6 |   "options_ui": {
 7 |     "page": "settings.html"
 8 |   },
 9 |   "action": {
10 |     "default_icon": "icons/loriko-64.png",
11 |     "default_popup": "settings.html"
12 |   },
13 |   "background": {
14 |     "service_worker": "background.js"
15 |   },
16 |   "icons": {
17 |     "64": "icons/loriko-64.png"
18 |   },
19 |   "content_scripts": [{
20 |     "run_at": "document_start",
21 |     "matches": ["*://www.linux.org.ru/*"],
22 |     "js": ["lorify-ng.user.js"]
23 |   }],
24 |   "host_permissions": [
25 |     "*://www.linux.org.ru/*"
26 |   ], "permissions": [
27 |     "notifications",
28 |     "storage",
29 |     "alarms",
30 |     "tabs"
31 |   ]
32 | }
33 | 


--------------------------------------------------------------------------------
/settings.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html>
  3 | 	<head>
  4 | 		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  5 | 		<meta name="viewport" content="initial-scale=1.0">
  6 | 		<title>lorify-ng Options</title>
  7 | 		<style>
  8 | 			#note-list, body { margin: 0; padding: 8px; background-color: white; }
  9 | 			#loriform { display: table; min-width: 360px; margin: 0 auto; }
 10 | 			.tab-row  { display: table-row; }
 11 | 			.tab-cell { display: table-cell;
 12 | 				position: relative;
 13 | 				max-width: 180px;
 14 | 				padding: 4px 2px;
 15 | 				vertical-align: middle;
 16 | 			}
 17 | 			.tab-cell select { width: 160px; }
 18 | 			.tab-cell input[type="number"] { width: 60px; }
 19 | 			.tab-row > .tab-cell:first-child{
 20 | 				font: bold 14px Arial;
 21 | 			}
 22 | 			.con-flex > * { margin: 0 auto 0 0; }
 23 | 			.con-flex {
 24 | 				width: 100%;
 25 | 				display: flex;
 26 | 				text-align: center;
 27 | 			}
 28 | 			*[txblk]:before {
 29 | 				content: attr(txblk);
 30 | 				display: block;
 31 | 				font: italic 12px serif;
 32 | 			}
 33 | 			.note-item-topic, .tab-row > .tab-cell:first-child {
 34 | 				color: #777;
 35 | 			}
 36 | 			.step-line, .step-line > input {
 37 | 				counter-reset: stepIdx -1;
 38 | 				width: 180px;
 39 | 			}
 40 | 			st:before, .step-line > input {
 41 | 				position: absolute;
 42 | 			}
 43 | 			st + st {
 44 | 				margin-left: 10%;
 45 | 			}
 46 | 			st {
 47 | 				padding: 5px 0;
 48 | 				border: 0 solid #ccc;
 49 | 				counter-increment: stepIdx;
 50 | 				border-left-width: 1px;
 51 | 			}
 52 | 			st:before {
 53 | 				content: counter(stepIdx);
 54 | 				font: italic 10px Arial;
 55 | 			}
 56 | 			#do-wait:before {
 57 | 				-webkit-animation: apply 2s ease-in infinite;
 58 | 				animation: apply 2s ease-in infinite;
 59 | 				color: #d25555;
 60 | 			}
 61 | 			#note-list {
 62 | 				background-color: white;
 63 | 			}
 64 | 			.save-msg:before, #note-list {
 65 | 				position: absolute;
 66 | 				left: 0; top: 0; right: 0;
 67 | 				z-index: 9;
 68 | 			}
 69 | 			.save-msg:before {
 70 | 				content: 'Настройки сохранены.';
 71 | 				-webkit-animation: 2s linear 2 alternate apply;
 72 | 				animation: 2s linear 2 alternate apply;
 73 | 				font: bold italic 20px serif;
 74 | 				padding: 15px 0;
 75 | 			}
 76 | 			.nav-menu, .save-msg:before {
 77 | 				text-align: center;
 78 | 			}
 79 | 			.nav-menu {
 80 | 				border-bottom: 1px dashed #aaa;
 81 | 				padding-bottom: 6px;
 82 | 			}
 83 | 			.nav-txt-btn {
 84 | 				color: #68b;
 85 | 				cursor: pointer;
 86 | 				user-select: none;
 87 | 			}
 88 | 			#reset-settings {
 89 | 				position: absolute;
 90 | 				right: 0;
 91 | 			}
 92 | 			.nav-cell {
 93 | 				margin: 0 10%;
 94 | 				padding: 2px 10px;
 95 | 				font: normal 20px sans;
 96 | 				display: inline-block;
 97 | 			}
 98 | 			#go-back:hover, #reset-notes:hover, .save-msg:before {
 99 | 				background-color: #369e1b;
100 | 				border-radius: 3px;
101 | 				color: white;
102 | 			}
103 | 			#do-wait:before     { content: "..."; }
104 | 			#go-back:before     { content: "←";   }
105 | 			#reset-notes:before { content: "✓";   }
106 | 			#note-count:before  {
107 | 				content: "Уведомлений: " attr(cnt-new);
108 | 				font: italic 16px serif;
109 | 			}
110 | 			#note-list {
111 | 				bottom: 0;
112 | 				overflow-y: auto;
113 | 			}
114 | 			.note-item {
115 | 				border-bottom: 1px dashed #cce0e0;
116 | 				padding-bottom: 4px;
117 | 				position: relative;
118 | 				cursor: pointer;
119 | 				max-width: 560px;
120 | 				margin: auto;
121 | 				text-decoration: none;
122 | 				display: block;
123 | 			}
124 | 			.note-item p {
125 | 				margin: 4px 0;
126 | 			}
127 | 			.note-item-time,
128 | 			.note-item-info {
129 | 				font: bold 16px monospace;
130 | 				color: #604949;
131 | 			}
132 | 			[data-tip]:before {
133 | 				content: attr(data-tip) "\A";
134 | 			}
135 | 			[data-chr]:after {
136 | 				content: attr(data-chr) ".";
137 | 				font: italic 14px serif;
138 | 			}
139 | 			.note-item-user {
140 | 				color: #19ad53;
141 | 			}
142 | 			s.note-item-user       { color: #5d979d; }
143 | 			.note-item-user.modmes { color: #ad3e19; }
144 | 			.note-item-user .reaction {
145 | 				border: 1px solid #a4caca;
146 | 				border-radius: 10px;
147 | 				padding: 2px 4px;
148 | 			}
149 | 			.note-item-user .tag {
150 | 				font: 12px sans-serif;
151 | 				color: white;
152 | 				border-radius: 2px;
153 | 				background-color: #96a495;
154 | 				padding: 0 2px;
155 | 				margin-right: 2px;
156 | 			}
157 | 			.note-item-topic {
158 | 				font: normal 14px serif;
159 | 				white-space: nowrap;
160 | 				overflow: hidden;
161 | 				text-overflow: ellipsis;
162 | 			}
163 | 			@keyframes apply {
164 | 				from { opacity: 0; } to { opacity: 1; }
165 | 			}
166 | 			@-webkit-keyframes apply {
167 | 				from { opacity: 0; } to { opacity: 1; }
168 | 			}
169 | 			@media screen and (max-width: 960px) {
170 | 				#loriform, .note-item { width: 100%; }
171 | 			}
172 | 		</style>
173 | 	</head>
174 | 	<body>
175 | 		<form id="loryform" class="info-line">
176 | 			<div id="note-count" class="nav-menu nav-txt-btn" hidden></div>
177 | 			<div class="tab-row">
178 | 				<span class="tab-cell">Автоподгрузка комментариев:</span>
179 | 				<span class="tab-cell">
180 | 					<input type="checkbox" name="Realtime Loader">
181 | 				</span>
182 | 			</div>
183 | 			<div class="tab-row">
184 | 				<span class="tab-cell">Укорачивать блоки кода свыше:</span>
185 | 				<span class="tab-cell" data-chr="px">
186 | 					<input type="number" name="Code Block Short Size" min="0" step="1">
187 | 				</span>
188 | 			</div>
189 | 			<div class="tab-row">
190 | 				<span class="tab-cell">Стиль подсветки кода:</span>
191 | 				<span class="tab-cell">
192 | 					<select name="Code Highlight Style"></select>
193 | 				</span>
194 | 			</div>
195 | 			<div class="tab-row">
196 | 				<span class="tab-cell">Задержка появления / исчезновения превью:</span>
197 | 				<span class="tab-cell" data-chr="мс">
198 | 					<input type="number" name="Delay Open Preview" min="50" step="25">
199 | 					/
200 | 					<input type="number" name="Delay Close Preview" min="50" step="25">
201 | 				</span>
202 | 			</div>
203 | 			<div class="tab-row">
204 | 				<span class="tab-cell">Предзагружаемых страниц:</span>
205 | 				<span class="tab-cell" data-chr="ст">
206 | 					<input type="number" name="Preloaded Pages Count" min="1" step="1">
207 | 				</span>
208 | 			</div>
209 | 			<div class="tab-row">
210 | 				<span class="tab-cell">Оповещения на рабочий стол:</span>
211 | 				<span class="tab-cell">
212 | 					<div class="con-flex">
213 | 					<label txblk="Откл.">
214 | 						<input type="radio" name="Desktop Notification" value="0">
215 | 					</label>
216 | 					<label txblk="LOR">
217 | 						<input type="radio" name="Desktop Notification" value="1">
218 | 					</label>
219 | 					<label txblk="Mobile">
220 | 						<input type="radio" name="Desktop Notification" value="2">
221 | 					</label>
222 | 					</div>
223 | 				</span>
224 | 			</div>
225 | 			<div class="tab-row">
226 | 				<span class="tab-cell">Просмотр картинок:</span>
227 | 				<span class="tab-cell">
228 | 					<select name="Picture Viewer">
229 | 						<option>Откл.</option>
230 | 						<option>Только для превью</option>
231 | 						<option>Для превью и ссылок</option>
232 | 					</select>
233 | 				</span>
234 | 			</div>
235 | 			<div class="tab-row">
236 | 				<span class="tab-cell">Задержка перед отправкой:</span>
237 | 				<span class="tab-cell step-line">
238 | 					<input type="range" min="0" max="9" step="1" name="Upload Post Delay">
239 | 					<st></st><st></st><st></st><st></st><st></st><st></st><st></st><st></st><st></st><st></st>
240 | 				</span>
241 | 			</div>
242 | 			<div class="tab-row">
243 | 				<span class="tab-cell">Перемещать в начало страницы:</span>
244 | 				<span class="tab-cell"><input type="checkbox" name="Scroll Top View">
245 | 				</span>
246 | 			</div>
247 | 			<div class="tab-row">
248 | 				<span class="tab-cell">CSS анимация:</span>
249 | 				<span class="tab-cell">
250 | 					<input type="checkbox" name="CSS3 Animation">
251 | 					<input type="button" id="reset-settings" value="сброс" title="вернуть настройки по умолчанию">
252 | 				</span>
253 | 			</div>
254 | 		</form>
255 | 		<div id="note-list" hidden>
256 | 			<div class="nav-menu">
257 | 				<span id="go-back" class="nav-txt-btn nav-cell" title="к настройкам"></span>
258 | 				<span id="reset-notes" class="nav-txt-btn nav-cell" title="отметить как прочитанные"></span>
259 | 			</div>
260 | 			<div></div>
261 | 		</div>
262 | 		<script type="text/javascript" src="settings.js"></script>
263 | 	</body>
264 | </html>
265 | 


--------------------------------------------------------------------------------
/settings.js:
--------------------------------------------------------------------------------
  1 | 
  2 | const loryform = document.getElementById('loryform');
  3 | const n_count  = document.getElementById('note-count');
  4 | const note_lst = document.getElementById('note-list');
  5 | const rst_btn  = document.getElementById('reset-settings');
  6 | 
  7 | let busy_id    = -1, not_ld = true,
  8 | 	cnt_new    =  0,
  9 | 	my_connect = new Promise(createPort);
 10 | 
 11 | const showNotifications = () => {
 12 | 	history.replaceState(null, null, location.pathname +'#notifications');
 13 | 	note_lst.hidden = false;
 14 | 	if (not_ld)
 15 | 		updNotifications(cnt_new);
 16 | }
 17 | 
 18 | if (location.hash === '#notifications')
 19 | 	note_lst.hidden = false;
 20 | 
 21 | loryform.addEventListener('animationend', () => {
 22 | 	loryform.classList.remove('save-msg');
 23 | });
 24 | loryform.addEventListener('change', ({ target }) => {
 25 | 	if (busy_id === -1)
 26 | 		onValueChange(target);
 27 | });
 28 | loryform.addEventListener('input', ({ target }) => {
 29 | 	clearTimeout(busy_id);
 30 | 	busy_id = setTimeout(() => {
 31 | 		busy_id = -1;
 32 | 		onValueChange(target);
 33 | 	}, 750);
 34 | });
 35 | 
 36 | rst_btn.addEventListener('click', () => applyAnim('l0rNG-setts-reset', null, true));
 37 | n_count.addEventListener('click', showNotifications);
 38 | note_lst.addEventListener('click', e => {
 39 | 	let el = e.target;
 40 | 	switch (el.id) {
 41 | 	case 'go-back'    : note_lst.hidden = true; history.replaceState(null, null, location.pathname);
 42 | 	case 'do-wait'    : break;
 43 | 	case 'reset-notes':
 44 | 		if ('reset_form' in document.forms) {
 45 | 			el.id = 'do-wait';
 46 | 			fetch('https://www.linux.org.ru/notifications-reset', {
 47 | 				credentials: 'same-origin',
 48 | 				method: 'POST',
 49 | 				body: new FormData( document.forms.reset_form )
 50 | 			}).then(({ ok }) => {
 51 | 				if (ok) {
 52 | 					applyAnim('l0rNG-notes-set', 0);
 53 | 					document.forms.reset_form.remove();
 54 | 				}
 55 | 				el.id = 'reset-notes';
 56 | 			});
 57 | 		}
 58 | 		break;
 59 | 	}
 60 | });
 61 | 
 62 | function createPort(resolve) {
 63 | 	const port = chrome.runtime.connect();
 64 | 	port.onMessage.addListener(({ action, data }) => {
 65 | 		switch (action) {
 66 | 		case 'notes-show':
 67 | 			showNotifications();
 68 | 			break;
 69 | 		case 'code-styles-list':
 70 | 			const input = loryform.elements['Code Highlight Style'];
 71 | 			for (const cname of data) {
 72 | 				input.appendChild( document.createElement('option') ).textContent = cname;
 73 | 			}
 74 | 			break;
 75 | 		case 'notes-count-update':
 76 | 			n_count.setAttribute('cnt-new', data);
 77 | 			n_count.hidden = !(cnt_new = Number(data));
 78 | 			if (!note_lst.hidden && not_ld)
 79 | 				updNotifications(cnt_new);
 80 | 			break;
 81 | 		case 'connection-resolve':
 82 | 			port.postMessage({ action: 'l0rNG-extra-sets', data: null })
 83 | 			resolve(port);
 84 | 		case 'settings-change':
 85 | 			setValues(data);
 86 | 		}
 87 | 	});
 88 | 	port.onDisconnect.addListener(() => {
 89 | 		my_connect = null;
 90 | 	});
 91 | }
 92 | 
 93 | function applyAnim(action = '', data = null, anim = false) {
 94 | 	if (anim)
 95 | 		loryform.classList.add('save-msg');
 96 | 	if(!my_connect)
 97 | 		my_connect = new Promise(createPort)
 98 | 	my_connect.then(
 99 | 		port => port.postMessage({ action, data })
100 | 	);
101 | }
102 | 
103 | function updNotifications(count = 0) {
104 | 	let tr_lst = note_lst.lastElementChild.children,
105 | 	    do_upd = count > 0 && tr_lst.length < count;
106 | 
107 | 	if (tr_lst.length) {
108 | 		for(let i = do_upd ? 0 : count; tr_lst[i];)
109 | 			tr_lst[i].remove();
110 | 	}
111 | 	if (do_upd) {
112 | 		not_ld = false;
113 | 		fetch('https://www.linux.org.ru/notifications', {
114 | 			credentials: 'same-origin',
115 | 			method: 'GET'
116 | 		}).then(res => {
117 | 			if (res.ok)
118 | 			    res.text().then(pullNotes);
119 | 			not_ld = true;
120 | 		});
121 | 	}
122 | }
123 | 
124 | function onValueChange(input) {
125 | 	const changes = {};
126 | 	let { name, type, value, min, max } = input;
127 | 	if (min && Number(value) < Number(min)) input.value = value = min; else
128 | 	if (max && Number(value) > Number(max)) input.value = value = max;
129 | 	changes[name] = (
130 | 		type === 'select-one' ? input.selectedIndex :
131 | 		type === 'checkbox'   ? input.checked : Number(value)
132 | 	);
133 | 	applyAnim('l0rNG-setts-change', changes, true);
134 | }
135 | 
136 | function setValues(items) {
137 | 	for (const name in items) {
138 | 		 const i_el = loryform.elements[name], type = i_el.type,
139 | 		      param = type === 'select-one' ? 'selectedIndex' :
140 | 			          type === 'checkbox' ? 'checked' : 'value';
141 | 		i_el[param] = type ? items[name] : Number(items[name]);
142 | 	}
143 | }
144 | 
145 | function pullNotes(html) {
146 | 
147 | 	const doc = new DOMParser().parseFromString(html, 'text/html'),
148 | 	    items = Array.from(doc.querySelector('.notifications').children),
149 | 	     list = note_lst.lastElementChild,
150 | 	    limit = cnt_new > items.length ? items.length : cnt_new;
151 | 
152 | 	const new_rf = doc.forms.reset_form;
153 | 	const old_rf = document.forms.reset_form;
154 | 
155 | 	if (new_rf) {
156 | 		new_rf.hidden = true;
157 | 		if (old_rf) {
158 | 			document.body.replaceChild(new_rf, old_rf);
159 | 		} else
160 | 			document.body.appendChild(new_rf);
161 | 	}
162 | 
163 | 	for (let i = 0; i < limit; i++) {
164 | 		const item = items[i],
165 | 		     title = item.children[1],
166 | 		      icon = item.children[0], type = icon.firstElementChild.firstElementChild,
167 | 		    detail = item.children[2], tags = detail.firstElementChild.firstElementChild,
168 | 		      info = item.children[3], time = info.firstElementChild.lastElementChild;
169 | 
170 | 		let who = time.previousSibling,
171 | 			tip = '', chr = 'cек', usr,
172 | 			num = detail.innerText;
173 |   
174 | 		if (tags && tags.className === 'reactions') {
175 | 			usr = time.parentNode.insertBefore(tags, time);
176 | 			usr.append(who);
177 | 		} else {
178 | 			if (!time.previousElementSibling){
179 | 				usr = time.parentNode.insertBefore(document.createElement('span'), time);
180 | 				usr.append(who);
181 | 			} else 
182 | 				usr = time.previousElementSibling;
183 | 			if (tags && tags.className === 'tag')
184 | 				usr.append(...detail.firstElementChild.children);
185 | 		}
186 | 		item.className  = 'note-item';
187 | 		info.className  = 'note-item-info';
188 | 		title.className = 'note-item-topic';
189 | 		usr.className   = 'note-item-user';
190 | 		time.className  = 'note-item-time';
191 | 
192 | 		let sec = Math.floor((Date.now() - new Date( time.dateTime )) / 1000);
193 | 		if (sec >= 86400) chr = 'дн' , sec = Math.floor(sec / 86400); else
194 | 		if (sec >= 3600 ) chr = 'ч'  , sec = Math.floor(sec / 3600); else
195 | 		if (sec >= 60   ) chr = 'мин', sec = Math.floor(sec /  60) % 60;
196 | 
197 | 		if (type) {
198 | 			tip = type.title;
199 | 			if (tip.endsWith('удалено')) {
200 | 				tip = 'Удалено';
201 | 				who.textContent = num;
202 | 				usr.classList.add('modmes');
203 | 			} else if (type.classList.contains('icon-user-color'))
204 | 				tip = 'Приглашён';
205 | 		} else if (num > 0) {
206 | 			tip = 'Новое';
207 | 			who.textContent = `${num}💬\n`;
208 | 		}
209 | 		time.textContent = sec,
210 | 		time.setAttribute('data-chr', chr);
211 | 		time.parentNode.setAttribute('data-tip', tip);
212 | 
213 | 		icon.remove(), detail.remove();
214 | 		item.append(info, title);
215 | 		list.append(item);
216 | 		item.onclick = e => {
217 | 			e.preventDefault()
218 | 			e.stopPropagation();
219 | 			applyAnim('l0rNG-open-tab', 'lor:/'+ item.getAttribute('href'));
220 |  		}
221 | 	}
222 | }
223 | 


--------------------------------------------------------------------------------