diff --git a/README.md b/README.md
index b155986..2d047cd 100644
--- a/README.md
+++ b/README.md
@@ -1,6 +1,10 @@
punishedponepaste
=================
+# Requirements
+* An HTTP server that can perform URL rewriting and execute PHP 8 code (eg: nginx with php8-fpm,) and the following PHP extensions: pdo, openssl, gd, mbstring, redis.
+* A MySQL-compatible server (eg: MariaDB 10.)
+* A Redis server.
# Building the JS
When you change the JS, you need to rebuild it. `assets/bundle.js` is used in dev, `assets/bundle.min.js` is used in production.
diff --git a/event.php b/event.php
deleted file mode 100644
index fd7ef48..0000000
--- a/event.php
+++ /dev/null
@@ -1,9 +0,0 @@
- "mixed|string", 'image_src' => "string"])]
function captcha($color, $mode, $mul, $allowed) : array {
-
- $bg_path = __DIR__ . '/../assets/img/captcha/';
- $font_path = __DIR__ . '/../assets/fonts/';
+ $bg_path = __DIR__ . '/../public/assets/img/captcha/';
+ $font_path = __DIR__ . '/../public/assets/fonts/';
if ($mul == "on") {
$captcha_config = array(
@@ -89,8 +88,7 @@ function captcha($color, $mode, $mul, $allowed) : array {
}
// Generate HTML for image src
- $image_src = substr(__FILE__, strlen(realpath($_SERVER['DOCUMENT_ROOT']))) . '?_CAPTCHA&_R=' . urlencode(rand());
- $image_src = '/' . ltrim(preg_replace('/\\\\/', '/', $image_src), '/');
+ $image_src = '/captcha?_CAPTCHA&_R=' . urlencode(rand());
$_SESSION['_CAPTCHA']['config'] = serialize($captcha_config);
@@ -122,60 +120,3 @@ if (!function_exists('hex2rgb')) {
return null;
}
}
-
-// Draw the image
-if (isset($_GET['_CAPTCHA'])) {
- session_start();
-
- $captcha_config = unserialize(@$_SESSION['_CAPTCHA']['config']);
- if (!$captcha_config)
- exit();
-
- // Pick random background, get info, and start captcha
- $background = $captcha_config['backgrounds'][rand(0, count($captcha_config['backgrounds']) - 1)];
- list($bg_width, $bg_height, $bg_type, $bg_attr) = getimagesize($background);
-
- $captcha = imagecreatefrompng($background);
-
- $color = hex2rgb($captcha_config['color']);
- $color = imagecolorallocate($captcha, $color['r'], $color['g'], $color['b']);
-
- // Determine text angle
- $angle = rand($captcha_config['angle_min'], $captcha_config['angle_max']) * (rand(0, 1) == 1 ? -1 : 1);
-
- // Select font randomly
- $font = $captcha_config['fonts'][rand(0, count($captcha_config['fonts']) - 1)];
-
- // Verify font file exists
- if (!file_exists($font)) {
- die('Font file not found.');
- }
-
- // Set the font size
- $font_size = rand($captcha_config['min_font_size'], $captcha_config['max_font_size']);
- $text_box_size = imagettfbbox($font_size, $angle, $font, $captcha_config['code']);
-
- // Determine text position
- $box_width = abs($text_box_size[6] - $text_box_size[2]);
- $box_height = abs($text_box_size[5] - $text_box_size[1]);
- $text_pos_x_min = 0;
- $text_pos_x_max = ($bg_width) - ($box_width);
- $text_pos_x = rand($text_pos_x_min, $text_pos_x_max);
- $text_pos_y_min = $box_height;
- $text_pos_y_max = ($bg_height) - ($box_height / 2);
- $text_pos_y = rand($text_pos_y_min, $text_pos_y_max);
-
- // Draw shadow
- if ($captcha_config['shadow']) {
- $shadow_color = hex2rgb($captcha_config['shadow_color']);
- $shadow_color = imagecolorallocate($captcha, $shadow_color['r'], $shadow_color['g'], $shadow_color['b']);
- imagettftext($captcha, $font_size, $angle, $text_pos_x + $captcha_config['shadow_offset_x'], $text_pos_y + $captcha_config['shadow_offset_y'], $shadow_color, $font, $captcha_config['code']);
- }
-
- // Draw text
- imagettftext($captcha, $font_size, $angle, $text_pos_x, $text_pos_y, $color, $font, $captcha_config['code']);
-
- // Output image
- header("Content-type: image/png");
- imagepng($captcha);
-}
diff --git a/archive.php b/public/archive.php
similarity index 52%
rename from archive.php
rename to public/archive.php
index 5ccdf77..af06ac5 100644
--- a/archive.php
+++ b/public/archive.php
@@ -1,18 +1,18 @@
count();
updatePageViews();
-// Theme
$page_template = 'archive';
$page_title = 'Pastes Archive';
$script_bundles[] = 'archive';
-require_once('theme/' . $default_theme . '/common.php');
+
+require_once(__DIR__ . '/../theme/' . $default_theme . '/common.php');
diff --git a/assets/bundle/.gitkeep b/public/assets/bundle/.gitkeep
similarity index 100%
rename from assets/bundle/.gitkeep
rename to public/assets/bundle/.gitkeep
diff --git a/public/assets/bundle/archive.js b/public/assets/bundle/archive.js
new file mode 100644
index 0000000..8f6f0d9
--- /dev/null
+++ b/public/assets/bundle/archive.js
@@ -0,0 +1,514 @@
+const $ = function(selector) {
+ return document.querySelector(selector);
+};
+
+const $$ = function(selector) {
+ return document.querySelectorAll(selector) || [];
+};
+
+const makeEl = function(html) {
+ const template = document.createElement('template');
+
+ template.innerHTML = html.trim();
+
+ return template.content.firstChild;
+};
+
+const clearEl = function(el) {
+ while (el.firstChild) {
+ el.removeChild(el.firstChild);
+ }
+};
+
+const toggleEl = function(el) {
+ if (el.classList.contains('is-hidden')) {
+ el.classList.remove('is-hidden');
+ } else {
+ el.classList.add('is-hidden');
+ }
+};
+
+const escape = function(unsafe) {
+ return unsafe
+ .replace(/&/g, "&")
+ .replace(//g, ">")
+ .replace(/"/g, """)
+ .replace(/'/g, "'");
+};
+
+const whenReady = function(funcp) {
+ if (document.readyState !== 'loading') {
+ funcp();
+ } else {
+ document.addEventListener('DOMContentLoaded', funcp);
+ }
+};
+
+class SimplePaginator {
+ constructor(element) {
+ this.element = element;
+ }
+
+ attach(pageCallback) {
+ this.element.addEventListener('click', evt => {
+ if (evt.target && evt.target.classList.contains('paginator__button')) {
+ pageCallback(+evt.target.dataset.page);
+ }
+ });
+ }
+
+ update(totalRecords, perPage, currentPage) {
+ clearEl(this.element);
+
+ /* First and last page in existence */
+ const firstPage = 0;
+ const lastPage = Math.floor(totalRecords / perPage); // ish?
+ const numPagesToShow = 2;
+
+ if (lastPage === firstPage) {
+ return;
+ }
+
+ /* First and last page the main paginator will show */
+ const firstPageShow = (currentPage - numPagesToShow) < firstPage ? firstPage : (currentPage - numPagesToShow);
+ const lastPageShow = (currentPage + numPagesToShow) > lastPage ? lastPage : (currentPage + numPagesToShow);
+
+ /* Whether to show the first and last pages in existence at the ends of the paginator */
+ const showFirstPage = (Math.abs(firstPage - currentPage)) > (numPagesToShow);
+ const showLastPage = (Math.abs(lastPage - currentPage)) > (numPagesToShow);
+
+
+ const prevButtonDisabled = currentPage === firstPage ? 'disabled' : '';
+
+ /* Previous button */
+ this.element.appendChild(makeEl(
+ ``
+ ));
+
+ /* First page button */
+ if (showFirstPage) {
+ this.element.appendChild(makeEl(
+ ``
+ ));
+ this.element.appendChild(makeEl(`…`));
+ }
+
+ /* "window" buttons */
+ for (let i = firstPageShow; i <= lastPageShow; i++) {
+ const selected = (i === currentPage ? 'paginator__button--selected' : '');
+ this.element.appendChild(makeEl(
+ ``
+ ));
+ }
+
+ /* Last page button */
+ if (showLastPage) {
+ this.element.appendChild(makeEl(`…`));
+ this.element.appendChild(makeEl(
+ ``
+ ));
+ }
+
+ const nextButtonDisabled = currentPage === lastPage ? 'disabled' : '';
+ /* Next button */
+ this.element.appendChild(makeEl(
+ ``
+ ));
+ }
+}
+
+class DataTable {
+ constructor(element, options) {
+ this.element = element;
+ this.container = element.parentElement;
+ this.options = options;
+
+ this.ajaxCallback = options.ajaxCallback;
+ this.data = [];
+ this.unfilteredData = [];
+
+ this.totalRecords = -1;
+ this.perPage = 20;
+ this.currentPage = 0;
+
+ this.paginator = new SimplePaginator(this.container.querySelector('.paginator'));
+
+ this.filterCallback = options.filterCallback;
+ this.sortField = null;
+ this.sortDir = true;
+ }
+
+ attach() {
+ this.filterField = this.container.querySelector('input.search');
+ if (this.filterField && this.filterCallback) {
+ this.filterField.addEventListener('keyup', evt => {
+ if (evt.target) {
+ this._updateFilter(evt.target.value);
+ }
+ });
+
+ if (this.options.preFilter) {
+ this.filterField.value = this.options.preFilter;
+ }
+ }
+
+ this.perPageField = this.container.querySelector('select[name=per_page]');
+
+ if (this.perPageField) {
+ this.perPageField.addEventListener('change', evt => {
+ this.perPage = Number(evt.target.value);
+ this._updatePage(0);
+ });
+ }
+
+ const header = this.element.querySelector('tr.paginator__sort');
+
+ if (header) {
+ header.addEventListener('click', evt => {
+ const target = evt.target;
+
+ if (!target.dataset.sortField) {
+ return;
+ }
+
+ if (this.sortField) {
+ const elem = this.element.querySelector(`th[data-sort-field=${this.sortField}]`);
+ elem.classList.remove('paginator__sort--down');
+ elem.classList.remove('paginator__sort--up');
+ }
+
+ this._updateSort(target.dataset.sortField, !this.sortDir);
+
+ target.classList.add(this.sortDir ? 'paginator__sort--up' : 'paginator__sort--down');
+ });
+ }
+
+ this.paginator.attach(this._updatePage.bind(this));
+ this._loadEntries();
+ }
+
+ /* Load the requested data from the server, and when done, update the DOM. */
+ _loadEntries() {
+ new Promise(this.ajaxCallback)
+ .then(data => {
+ this.element.classList.remove('hidden');
+ this.unfilteredData = data.data;
+ this._updateFilter(this.options.preFilter);
+ });
+ }
+
+ /* Update the DOM to reflect the current state of the data we have loaded */
+ _updateEntries(data) {
+ this.data = data;
+ this.totalRecords = this.data.length;
+
+ const bodyElement = this.element.querySelector('tbody');
+ clearEl(bodyElement);
+
+ const firstIndex = (this.perPage * this.currentPage);
+ const lastIndex = (firstIndex + this.perPage) > this.totalRecords ? this.totalRecords : (firstIndex + this.perPage);
+
+
+ for (let i = firstIndex; i < lastIndex; i++) {
+ const rowElem = makeEl(this.options.rowCallback(this.data[i]));
+ rowElem.classList.add(i % 2 === 0 ? 'odd' : 'even');
+
+ bodyElement.appendChild(rowElem);
+ }
+
+ this.paginator.update(this.totalRecords, this.perPage, this.currentPage);
+ }
+
+ _updatePage(n) {
+ this.currentPage = n;
+ this.paginator.update(this.totalRecords, this.perPage, this.currentPage);
+ this._updateEntries(this.data);
+ }
+
+ _updateFilter(query) {
+ /* clearing the query */
+ if (query === null || query === '') {
+ this._updateEntries(this.unfilteredData);
+ return;
+ }
+
+ let data = [];
+ for (const datum of this.unfilteredData) {
+ if (this.filterCallback(datum, query)) {
+ data.push(datum);
+ }
+ }
+
+ this._updatePage(0);
+ this._updateEntries(data);
+ }
+
+ _updateSort(field, direction) {
+ this.sortField = field;
+ this.sortDir = direction;
+
+ let newEntries = [...this.data].sort((a, b) => {
+ let sorter = 0;
+
+ if (a[field] > b[field]) {
+ sorter = 1;
+ } else if (a[field] < b[field]) {
+ sorter = -1;
+ }
+
+ if (!direction) {
+ sorter = -sorter;
+ }
+
+ return sorter;
+ });
+
+ this._updatePage(0);
+ this._updateEntries(newEntries);
+ }
+}
+
+const dumbFilterCallback = (datum, query) => {
+ if (!query) {
+ return true;
+ }
+
+ if (datum.title.indexOf(query) !== -1) {
+ return true;
+ }
+
+ /* this is inefficient */
+ for (const tag of datum.tags) {
+ if (tag.name.toLowerCase() === query.toLowerCase()) {
+ return true;
+ }
+ }
+
+ return false;
+};
+
+const tagsToHtml = (tags) => {
+
+ return tags.map(tagData => {
+ let tagColorClass;
+ if (tagData.name.indexOf('nsfw') !== -1) {
+ tagColorClass = 'is-danger';
+ } else if (tagData.name.indexOf('safe') !== -1) {
+ tagColorClass = 'is-success';
+ } else if (tagData.name.indexOf('/') !== -1) {
+ tagColorClass = 'is-primary';
+ } else {
+ tagColorClass = 'is-info';
+ }
+
+ return `
+ ${escape(tagData.name)}
+ `;
+ }).join('');
+};
+
+class TagsInput {
+ constructor(element, options = {}) {
+ this.element = element;
+ this.tags = [];
+ this.options = options;
+
+ this.maxTags = options.maxTags || 10;
+ this.inputNode = null;
+ this.containerNode = null;
+ }
+
+ attach() {
+ this.element.style.display = 'none';
+
+ this.containerNode = makeEl('');
+ this.inputNode = makeEl('');
+ this.containerNode.appendChild(this.inputNode);
+
+ this.element.parentNode.insertBefore(this.containerNode, this.element.nextSibling);
+
+ /* Load existing tags from input */
+ if (this.element.value) {
+ for (const tag of this.element.value.split(',')) {
+ this.addTag(tag);
+ }
+ }
+
+ /* Handle addition and removal of tags via key-presses */
+ this.containerNode.addEventListener('keydown', this._handleInputKeyUp.bind(this));
+
+ /* Handle deletions by clicking the delete button */
+ this.containerNode.addEventListener('click', this._handleContainerClick.bind(this));
+ }
+
+ detach() {
+ this.tags.clear();
+ this.containerNode.remove();
+ this.element.style.display = 'inline-block';
+ }
+
+ updateHiddenInputValue() {
+ this.element.value = this.tags.join(',');
+ }
+
+ deleteTagNode(node) {
+ this.tags.splice(this.tags.indexOf(node.dataset.value.toLowerCase()), 1);
+ node.remove();
+
+ /* Below the limit? Make sure the input is enabled. */
+ if (this.tags.length < this.maxTags) {
+ this.inputNode.disabled = false;
+ }
+ }
+
+ addTag(tagValue) {
+ tagValue = tagValue.trim();
+
+ /* Tag value is probably not empty and we don't already have the same tag. */
+ if (tagValue !== '' && this.tags.indexOf(tagValue.toLowerCase()) === -1) {
+ this.tags.push(tagValue.toLowerCase());
+
+ this.inputNode.parentNode.insertBefore(
+ makeEl('' + escape(tagValue) + ''),
+ this.inputNode
+ );
+
+ /* Too many tags, disable the input for now. */
+ if (this.tags.length >= this.maxTags) {
+ this.inputNode.disabled = true;
+ }
+ }
+ }
+
+ _handleInputKeyUp(evt) {
+ let tagValue = this.inputNode.value;
+
+ if (evt.key === 'Backspace' && tagValue === '') {
+ // Remove the child
+ if (this.inputNode.previousSibling) {
+ this.deleteTagNode(this.inputNode.previousSibling);
+
+ this.updateHiddenInputValue();
+ }
+ } else if (evt.key === ',') {
+ this.addTag(tagValue);
+
+ this.inputNode.value = '';
+ this.updateHiddenInputValue();
+
+ evt.preventDefault();
+ }
+ }
+
+ _handleContainerClick(evt) {
+ if (evt.target && evt.target.classList.contains('delete')) {
+ this.deleteTagNode(evt.target.closest('.tag'));
+ this.updateHiddenInputValue();
+ }
+ }
+}
+
+const setupSignupModal = () => {
+ const signupButton = $('[data-target~="#signin"],[data-target~="#signup"]');
+
+ if (signupButton) {
+ signupButton.addEventListener('click', () => {
+ $('.modal').classList.add('is-active');
+ });
+
+ $('.modal-button-close').addEventListener('click', () => {
+ $('.modal').classList.remove('is-active');
+ });
+ }
+};
+
+const globalSetup = () => {
+ Array.prototype.forEach.call($$('.js-tag-input'), (el) => {
+ new TagsInput(el).attach();
+ });
+
+ setupSignupModal();
+
+ const embedButton = $('.panel-tools .embed-tool');
+
+ if (embedButton){
+ embedButton.addEventListener('click', (evt) => {
+ if (evt.target && evt.target.closest('.panel-tools')) {
+ toggleEl(evt.target.closest('.panel-tools').querySelector('.panel-embed'));
+ }
+ });
+ }
+
+ const expandButton = $('.expand-tool');
+
+ if (expandButton) {
+ expandButton.addEventListener('click', (evt) => {
+ if (evt.target && evt.target.closest('.panel')) {
+ const panel = evt.target.closest('.panel');
+
+ if (panel.classList.contains('panel-fullsize')) {
+ panel.classList.remove('panel-fullsize');
+ } else {
+ panel.classList.add('panel-fullsize');
+ }
+ }
+ });
+ }
+
+ // Notifications
+ (document.querySelectorAll('.notification .delete') || []).forEach(($delete) => {
+ const $notification = $delete.parentNode;
+
+ $delete.addEventListener('click', () => {
+ $notification.parentNode.removeChild($notification);
+ });
+ });
+
+ // Hamburger menu
+ const $navbarBurgers = Array.prototype.slice.call(document.querySelectorAll('.navbar-burger'), 0);
+ if ($navbarBurgers.length > 0) {
+ $navbarBurgers.forEach(el => {
+ el.addEventListener('click', () => {
+ const target = el.dataset.target;
+ const $target = document.getElementById(target);
+ el.classList.toggle('is-active');
+ $target.classList.toggle('is-active');
+ });
+ });
+ }
+
+ const preloader = $('.preloader');
+ const main = $('main');
+
+ if (preloader && main) {
+ preloader.remove();
+ main.id = '';
+ }
+};
+
+whenReady(() => {
+ globalSetup();
+
+ const urlParams = new URLSearchParams(window.location.search);
+ const myParam = urlParams.get('q');
+ const apiUrl = /* myParam !== null ? '/api/ajax_pastes.php?q=' + myParam : */ '/api/ajax_pastes.php';
+
+ const table = new DataTable(document.getElementById('archive'), {
+ ajaxCallback: (resolve) => {
+ fetch(apiUrl)
+ .then(r => r.json())
+ .then(resolve);
+ },
+ rowCallback: (rowData) => {
+ return `
+ | ${escape(rowData.title)} |
+ ${escape(rowData.author)} |
+ ${tagsToHtml(rowData.tags)} |
+
`;
+ },
+ filterCallback: dumbFilterCallback,
+ preFilter: myParam
+ });
+ table.attach();
+});
diff --git a/public/assets/bundle/archive.min.js b/public/assets/bundle/archive.min.js
new file mode 100644
index 0000000..5e3d687
--- /dev/null
+++ b/public/assets/bundle/archive.min.js
@@ -0,0 +1,2 @@
+function t(t){return function(t){if(Array.isArray(t))return n(t)}(t)||function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(t)||a(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function e(t,e){var n="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(!n){if(Array.isArray(t)||(n=a(t))||e&&t&&"number"==typeof t.length){n&&(t=n);var i=0,r=function(){};return{s:r,n:function(){return i>=t.length?{done:!0}:{done:!1,value:t[i++]}},e:function(t){throw t},f:r}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var s,o=!0,l=!1;return{s:function(){n=n.call(t)},n:function(){var t=n.next();return o=t.done,t},e:function(t){l=!0,s=t},f:function(){try{o||null==n.return||n.return()}finally{if(l)throw s}}}}function a(t,e){if(t){if("string"==typeof t)return n(t,e);var a=Object.prototype.toString.call(t).slice(8,-1);return"Object"===a&&t.constructor&&(a=t.constructor.name),"Map"===a||"Set"===a?Array.from(t):"Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a)?n(t,e):void 0}}function n(t,e){(null==e||e>t.length)&&(e=t.length);for(var a=0,n=new Array(e);a/g,">").replace(/"/g,""").replace(/'/g,"'")},h=function(){function t(e){i(this,t),this.element=e}return s(t,[{key:"attach",value:function(t){this.element.addEventListener("click",(function(e){e.target&&e.target.classList.contains("paginator__button")&&t(+e.target.dataset.page)}))}},{key:"update",value:function(t,e,a){d(this.element);var n=Math.floor(t/e);if(0!==n){var i=a-2<0?0:a-2,r=a+2>n?n:a+2,s=Math.abs(0-a)>2,o=Math.abs(n-a)>2,l=0===a?"disabled":"";this.element.appendChild(c(''))),s&&(this.element.appendChild(c('"))),this.element.appendChild(c('…')));for(var u=i;u<=r;u++){var h=u===a?"paginator__button--selected":"";this.element.appendChild(c('")))}o&&(this.element.appendChild(c('…')),this.element.appendChild(c('"))));var p=a===n?"disabled":"";this.element.appendChild(c('')))}}}]),t}(),p=function(){function a(t,e){i(this,a),this.element=t,this.container=t.parentElement,this.options=e,this.ajaxCallback=e.ajaxCallback,this.data=[],this.unfilteredData=[],this.totalRecords=-1,this.perPage=20,this.currentPage=0,this.paginator=new h(this.container.querySelector(".paginator")),this.filterCallback=e.filterCallback,this.sortField=null,this.sortDir=!0}return s(a,[{key:"attach",value:function(){var t=this;this.filterField=this.container.querySelector("input.search"),this.filterField&&this.filterCallback&&(this.filterField.addEventListener("keyup",(function(e){e.target&&t._updateFilter(e.target.value)})),this.options.preFilter&&(this.filterField.value=this.options.preFilter)),this.perPageField=this.container.querySelector("select[name=per_page]"),this.perPageField&&this.perPageField.addEventListener("change",(function(e){t.perPage=Number(e.target.value),t._updatePage(0)}));var e=this.element.querySelector("tr.paginator__sort");e&&e.addEventListener("click",(function(e){var a=e.target;if(a.dataset.sortField){if(t.sortField){var n=t.element.querySelector("th[data-sort-field=".concat(t.sortField,"]"));n.classList.remove("paginator__sort--down"),n.classList.remove("paginator__sort--up")}t._updateSort(a.dataset.sortField,!t.sortDir),a.classList.add(t.sortDir?"paginator__sort--up":"paginator__sort--down")}})),this.paginator.attach(this._updatePage.bind(this)),this._loadEntries()}},{key:"_loadEntries",value:function(){var t=this;new Promise(this.ajaxCallback).then((function(e){t.element.classList.remove("hidden"),t.unfilteredData=e.data,t._updateFilter(t.options.preFilter)}))}},{key:"_updateEntries",value:function(t){this.data=t,this.totalRecords=this.data.length;var e=this.element.querySelector("tbody");d(e);for(var a=this.perPage*this.currentPage,n=a+this.perPage>this.totalRecords?this.totalRecords:a+this.perPage,i=a;in[e]?i=1:t[e]1&&void 0!==arguments[1]?arguments[1]:{};i(this,t),this.element=e,this.tags=[],this.options=a,this.maxTags=a.maxTags||10,this.inputNode=null,this.containerNode=null}return s(t,[{key:"attach",value:function(){if(this.element.style.display="none",this.containerNode=c(''),this.inputNode=c(''),this.containerNode.appendChild(this.inputNode),this.element.parentNode.insertBefore(this.containerNode,this.element.nextSibling),this.element.value){var t,a=e(this.element.value.split(","));try{for(a.s();!(t=a.n()).done;){var n=t.value;this.addTag(n)}}catch(t){a.e(t)}finally{a.f()}}this.containerNode.addEventListener("keydown",this._handleInputKeyUp.bind(this)),this.containerNode.addEventListener("click",this._handleContainerClick.bind(this))}},{key:"detach",value:function(){this.tags.clear(),this.containerNode.remove(),this.element.style.display="inline-block"}},{key:"updateHiddenInputValue",value:function(){this.element.value=this.tags.join(",")}},{key:"deleteTagNode",value:function(t){this.tags.splice(this.tags.indexOf(t.dataset.value.toLowerCase()),1),t.remove(),this.tags.length'+u(t)+''),this.inputNode),this.tags.length>=this.maxTags&&(this.inputNode.disabled=!0))}},{key:"_handleInputKeyUp",value:function(t){var e=this.inputNode.value;"Backspace"===t.key&&""===e?this.inputNode.previousSibling&&(this.deleteTagNode(this.inputNode.previousSibling),this.updateHiddenInputValue()):","===t.key&&(this.addTag(e),this.inputNode.value="",this.updateHiddenInputValue(),t.preventDefault())}},{key:"_handleContainerClick",value:function(t){t.target&&t.target.classList.contains("delete")&&(this.deleteTagNode(t.target.closest(".tag")),this.updateHiddenInputValue())}}]),t}(),v=function(){var t,e;Array.prototype.forEach.call((t=".js-tag-input",document.querySelectorAll(t)||[]),(function(t){new g(t).attach()})),(e=l('[data-target~="#signin"],[data-target~="#signup"]'))&&(e.addEventListener("click",(function(){l(".modal").classList.add("is-active")})),l(".modal-button-close").addEventListener("click",(function(){l(".modal").classList.remove("is-active")})));var a=l(".panel-tools .embed-tool");a&&a.addEventListener("click",(function(t){var e;t.target&&t.target.closest(".panel-tools")&&((e=t.target.closest(".panel-tools").querySelector(".panel-embed")).classList.contains("is-hidden")?e.classList.remove("is-hidden"):e.classList.add("is-hidden"))}));var n=l(".expand-tool");n&&n.addEventListener("click",(function(t){if(t.target&&t.target.closest(".panel")){var e=t.target.closest(".panel");e.classList.contains("panel-fullsize")?e.classList.remove("panel-fullsize"):e.classList.add("panel-fullsize")}})),(document.querySelectorAll(".notification .delete")||[]).forEach((function(t){var e=t.parentNode;t.addEventListener("click",(function(){e.parentNode.removeChild(e)}))}));var i=Array.prototype.slice.call(document.querySelectorAll(".navbar-burger"),0);i.length>0&&i.forEach((function(t){t.addEventListener("click",(function(){var e=t.dataset.target,a=document.getElementById(e);t.classList.toggle("is-active"),a.classList.toggle("is-active")}))}));var r=l(".preloader"),s=l("main");r&&s&&(r.remove(),s.id="")};o=function(){v();var t=new URLSearchParams(window.location.search).get("q");new p(document.getElementById("archive"),{ajaxCallback:function(t){fetch("/api/ajax_pastes.php").then((function(t){return t.json()})).then(t)},rowCallback:function(t){return'\n | ').concat(u(t.title),' | \n ').concat(u(t.author)," | \n ").concat(t.tags.map((function(t){var e;return e=-1!==t.name.indexOf("nsfw")?"is-danger":-1!==t.name.indexOf("safe")?"is-success":-1!==t.name.indexOf("/")?"is-primary":"is-info",'\n ').concat(u(t.name),"\n ")})).join("")," | \n
")},filterCallback:f,preFilter:t}).attach()},"loading"!==document.readyState?o():document.addEventListener("DOMContentLoaded",o);
+//# sourceMappingURL=archive.min.js.map
diff --git a/public/assets/bundle/archive.min.js.map b/public/assets/bundle/archive.min.js.map
new file mode 100644
index 0000000..216d124
--- /dev/null
+++ b/public/assets/bundle/archive.min.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"archive.min.js","sources":["../../js/dom.js","../../js/data_tables.js","../../js/tag_input.js","../../js/main.js","../../js/archive.js","../../js/utils.js"],"sourcesContent":["const $ = function(selector) {\n return document.querySelector(selector);\n};\n\nconst $$ = function(selector) {\n return document.querySelectorAll(selector) || [];\n};\n\nconst makeEl = function(html) {\n const template = document.createElement('template');\n\n template.innerHTML = html.trim();\n\n return template.content.firstChild;\n};\n\nconst clearEl = function(el) {\n while (el.firstChild) {\n el.removeChild(el.firstChild);\n }\n};\n\nconst toggleEl = function(el) {\n if (el.classList.contains('is-hidden')) {\n el.classList.remove('is-hidden');\n } else {\n el.classList.add('is-hidden');\n }\n};\n\nconst escape = function(unsafe) {\n return unsafe\n .replace(/&/g, \"&\")\n .replace(//g, \">\")\n .replace(/\"/g, \""\")\n .replace(/'/g, \"'\");\n}\n\nconst whenReady = function(funcp) {\n if (document.readyState !== 'loading') {\n funcp();\n } else {\n document.addEventListener('DOMContentLoaded', funcp);\n }\n}\n\nexport { whenReady, $, $$, makeEl, clearEl, toggleEl, escape };","import { makeEl, clearEl } from \"./dom\";\n\nclass SimplePaginator {\n constructor(element) {\n this.element = element;\n }\n\n attach(pageCallback) {\n this.element.addEventListener('click', evt => {\n if (evt.target && evt.target.classList.contains('paginator__button')) {\n pageCallback(+evt.target.dataset.page);\n }\n });\n }\n\n update(totalRecords, perPage, currentPage) {\n clearEl(this.element);\n\n /* First and last page in existence */\n const firstPage = 0;\n const lastPage = Math.floor(totalRecords / perPage); // ish?\n const numPagesToShow = 2;\n\n if (lastPage === firstPage) {\n return;\n }\n\n /* First and last page the main paginator will show */\n const firstPageShow = (currentPage - numPagesToShow) < firstPage ? firstPage : (currentPage - numPagesToShow);\n const lastPageShow = (currentPage + numPagesToShow) > lastPage ? lastPage : (currentPage + numPagesToShow);\n\n /* Whether to show the first and last pages in existence at the ends of the paginator */\n const showFirstPage = (Math.abs(firstPage - currentPage)) > (numPagesToShow);\n const showLastPage = (Math.abs(lastPage - currentPage)) > (numPagesToShow);\n\n\n const prevButtonDisabled = currentPage === firstPage ? 'disabled' : ''\n\n /* Previous button */\n this.element.appendChild(makeEl(\n ``\n ));\n\n /* First page button */\n if (showFirstPage) {\n this.element.appendChild(makeEl(\n ``\n ));\n this.element.appendChild(makeEl(`…`));\n }\n\n /* \"window\" buttons */\n for (let i = firstPageShow; i <= lastPageShow; i++) {\n const selected = (i === currentPage ? 'paginator__button--selected' : '');\n this.element.appendChild(makeEl(\n ``\n ));\n }\n\n /* Last page button */\n if (showLastPage) {\n this.element.appendChild(makeEl(`…`));\n this.element.appendChild(makeEl(\n ``\n ));\n }\n\n const nextButtonDisabled = currentPage === lastPage ? 'disabled' : ''\n /* Next button */\n this.element.appendChild(makeEl(\n ``\n ));\n }\n}\n\nclass DataTable {\n constructor(element, options) {\n this.element = element;\n this.container = element.parentElement;\n this.options = options;\n\n this.ajaxCallback = options.ajaxCallback;\n this.data = [];\n this.unfilteredData = [];\n\n this.totalRecords = -1;\n this.perPage = 20;\n this.currentPage = 0;\n\n this.paginator = new SimplePaginator(this.container.querySelector('.paginator'));\n\n this.filterCallback = options.filterCallback;\n this.sortField = null;\n this.sortDir = true;\n }\n\n attach() {\n this.filterField = this.container.querySelector('input.search');\n if (this.filterField && this.filterCallback) {\n this.filterField.addEventListener('keyup', evt => {\n if (evt.target) {\n this._updateFilter(evt.target.value);\n }\n });\n\n if (this.options.preFilter) {\n this.filterField.value = this.options.preFilter;\n }\n }\n\n this.perPageField = this.container.querySelector('select[name=per_page]');\n\n if (this.perPageField) {\n this.perPageField.addEventListener('change', evt => {\n this.perPage = Number(evt.target.value);\n this._updatePage(0);\n });\n }\n\n const header = this.element.querySelector('tr.paginator__sort');\n\n if (header) {\n header.addEventListener('click', evt => {\n const target = evt.target;\n\n if (!target.dataset.sortField) {\n return;\n }\n\n if (this.sortField) {\n const elem = this.element.querySelector(`th[data-sort-field=${this.sortField}]`)\n elem.classList.remove('paginator__sort--down');\n elem.classList.remove('paginator__sort--up');\n }\n\n this._updateSort(target.dataset.sortField, !this.sortDir);\n\n target.classList.add(this.sortDir ? 'paginator__sort--up' : 'paginator__sort--down');\n });\n }\n\n this.paginator.attach(this._updatePage.bind(this));\n this._loadEntries();\n }\n\n /* Load the requested data from the server, and when done, update the DOM. */\n _loadEntries() {\n new Promise(this.ajaxCallback)\n .then(data => {\n this.element.classList.remove('hidden');\n this.unfilteredData = data.data;\n this._updateFilter(this.options.preFilter);\n });\n }\n\n /* Update the DOM to reflect the current state of the data we have loaded */\n _updateEntries(data) {\n this.data = data;\n this.totalRecords = this.data.length;\n\n const bodyElement = this.element.querySelector('tbody');\n clearEl(bodyElement);\n\n const firstIndex = (this.perPage * this.currentPage);\n const lastIndex = (firstIndex + this.perPage) > this.totalRecords ? this.totalRecords : (firstIndex + this.perPage);\n\n\n for (let i = firstIndex; i < lastIndex; i++) {\n const rowElem = makeEl(this.options.rowCallback(this.data[i]));\n rowElem.classList.add(i % 2 === 0 ? 'odd' : 'even');\n\n bodyElement.appendChild(rowElem);\n }\n\n this.paginator.update(this.totalRecords, this.perPage, this.currentPage);\n }\n\n _updatePage(n) {\n this.currentPage = n;\n this.paginator.update(this.totalRecords, this.perPage, this.currentPage);\n this._updateEntries(this.data);\n }\n\n _updateFilter(query) {\n /* clearing the query */\n if (query === null || query === '') {\n this._updateEntries(this.unfilteredData);\n return;\n }\n\n let data = [];\n for (const datum of this.unfilteredData) {\n if (this.filterCallback(datum, query)) {\n data.push(datum);\n }\n }\n\n this._updatePage(0)\n this._updateEntries(data);\n }\n\n _updateSort(field, direction) {\n this.sortField = field;\n this.sortDir = direction;\n\n let newEntries = [...this.data].sort((a, b) => {\n let sorter = 0;\n\n if (a[field] > b[field]) {\n sorter = 1;\n } else if (a[field] < b[field]) {\n sorter = -1;\n }\n\n if (!direction) {\n sorter = -sorter;\n }\n\n return sorter;\n });\n\n this._updatePage(0);\n this._updateEntries(newEntries);\n }\n}\n\nconst dumbFilterCallback = (datum, query) => {\n if (!query) {\n return true;\n }\n\n if (datum.title.indexOf(query) !== -1) {\n return true;\n }\n\n /* this is inefficient */\n for (const tag of datum.tags) {\n if (tag.name.toLowerCase() === query.toLowerCase()) {\n return true;\n }\n }\n\n return false;\n};\n\nexport { DataTable, dumbFilterCallback };\n","import { makeEl, escape } from \"./dom\";\n\nclass TagsInput {\n constructor(element, options = {}) {\n this.element = element;\n this.tags = [];\n this.options = options\n\n this.maxTags = options.maxTags || 10;\n this.inputNode = null;\n this.containerNode = null;\n }\n\n attach() {\n this.element.style.display = 'none';\n\n this.containerNode = makeEl('');\n this.inputNode = makeEl('');\n this.containerNode.appendChild(this.inputNode);\n\n this.element.parentNode.insertBefore(this.containerNode, this.element.nextSibling);\n\n /* Load existing tags from input */\n if (this.element.value) {\n for (const tag of this.element.value.split(',')) {\n this.addTag(tag);\n }\n }\n\n /* Handle addition and removal of tags via key-presses */\n this.containerNode.addEventListener('keydown', this._handleInputKeyUp.bind(this));\n\n /* Handle deletions by clicking the delete button */\n this.containerNode.addEventListener('click', this._handleContainerClick.bind(this));\n }\n\n detach() {\n this.tags.clear();\n this.containerNode.remove();\n this.element.style.display = 'inline-block';\n }\n\n updateHiddenInputValue() {\n this.element.value = this.tags.join(',');\n }\n\n deleteTagNode(node) {\n this.tags.splice(this.tags.indexOf(node.dataset.value.toLowerCase()), 1);\n node.remove();\n\n /* Below the limit? Make sure the input is enabled. */\n if (this.tags.length < this.maxTags) {\n this.inputNode.disabled = false;\n }\n }\n\n addTag(tagValue) {\n tagValue = tagValue.trim();\n\n /* Tag value is probably not empty and we don't already have the same tag. */\n if (tagValue !== '' && this.tags.indexOf(tagValue.toLowerCase()) === -1) {\n this.tags.push(tagValue.toLowerCase());\n\n this.inputNode.parentNode.insertBefore(\n makeEl('' + escape(tagValue) + ''),\n this.inputNode\n );\n\n /* Too many tags, disable the input for now. */\n if (this.tags.length >= this.maxTags) {\n this.inputNode.disabled = true;\n }\n }\n }\n\n _handleInputKeyUp(evt) {\n let tagValue = this.inputNode.value;\n\n if (evt.key === 'Backspace' && tagValue === '') {\n // Remove the child\n if (this.inputNode.previousSibling) {\n this.deleteTagNode(this.inputNode.previousSibling);\n\n this.updateHiddenInputValue();\n }\n } else if (evt.key === ',') {\n this.addTag(tagValue);\n\n this.inputNode.value = ''\n this.updateHiddenInputValue();\n\n evt.preventDefault();\n }\n }\n\n _handleContainerClick(evt) {\n if (evt.target && evt.target.classList.contains('delete')) {\n this.deleteTagNode(evt.target.closest('.tag'));\n this.updateHiddenInputValue();\n }\n }\n}\n\nexport { TagsInput };\n","import { $, $$, toggleEl } from './dom';\nimport { TagsInput } from \"./tag_input\";\n\nconst setupSignupModal = () => {\n const signupButton = $('[data-target~=\"#signin\"],[data-target~=\"#signup\"]');\n\n if (signupButton) {\n signupButton.addEventListener('click', () => {\n $('.modal').classList.add('is-active');\n });\n\n $('.modal-button-close').addEventListener('click', () => {\n $('.modal').classList.remove('is-active');\n });\n }\n}\n\nconst globalSetup = () => {\n Array.prototype.forEach.call($$('.js-tag-input'), (el) => {\n new TagsInput(el).attach();\n });\n\n setupSignupModal();\n\n const embedButton = $('.panel-tools .embed-tool');\n\n if (embedButton){\n embedButton.addEventListener('click', (evt) => {\n if (evt.target && evt.target.closest('.panel-tools')) {\n toggleEl(evt.target.closest('.panel-tools').querySelector('.panel-embed'));\n }\n });\n }\n\n const expandButton = $('.expand-tool');\n\n if (expandButton) {\n expandButton.addEventListener('click', (evt) => {\n if (evt.target && evt.target.closest('.panel')) {\n const panel = evt.target.closest('.panel');\n\n if (panel.classList.contains('panel-fullsize')) {\n panel.classList.remove('panel-fullsize');\n } else {\n panel.classList.add('panel-fullsize');\n }\n }\n });\n }\n\n // Notifications\n (document.querySelectorAll('.notification .delete') || []).forEach(($delete) => {\n const $notification = $delete.parentNode;\n\n $delete.addEventListener('click', () => {\n $notification.parentNode.removeChild($notification);\n });\n });\n\n // Hamburger menu\n const $navbarBurgers = Array.prototype.slice.call(document.querySelectorAll('.navbar-burger'), 0);\n if ($navbarBurgers.length > 0) {\n $navbarBurgers.forEach(el => {\n el.addEventListener('click', () => {\n const target = el.dataset.target;\n const $target = document.getElementById(target);\n el.classList.toggle('is-active');\n $target.classList.toggle('is-active');\n });\n });\n }\n\n const preloader = $('.preloader');\n const main = $('main');\n\n if (preloader && main) {\n preloader.remove();\n main.id = '';\n }\n}\n\nexport { globalSetup };","import { escape, whenReady } from './dom';\nimport { DataTable, dumbFilterCallback } from './data_tables';\nimport { tagsToHtml } from \"./utils\";\nimport { globalSetup } from './main';\n\nwhenReady(() => {\n globalSetup();\n\n const urlParams = new URLSearchParams(window.location.search);\n const myParam = urlParams.get('q');\n const apiUrl = /* myParam !== null ? '/api/ajax_pastes.php?q=' + myParam : */ '/api/ajax_pastes.php';\n\n const table = new DataTable(document.getElementById('archive'), {\n ajaxCallback: (resolve) => {\n fetch(apiUrl)\n .then(r => r.json())\n .then(resolve);\n },\n rowCallback: (rowData) => {\n return `\n | ${escape(rowData.title)} | \n ${escape(rowData.author)} | \n ${tagsToHtml(rowData.tags)} | \n
`;\n },\n filterCallback: dumbFilterCallback,\n preFilter: myParam\n });\n table.attach();\n});","import { escape } from \"./dom\";\n\nconst tagsToHtml = (tags) => {\n\n return tags.map(tagData => {\n let tagColorClass;\n if (tagData.name.indexOf('nsfw') !== -1) {\n tagColorClass = 'is-danger';\n } else if (tagData.name.indexOf('safe') !== -1) {\n tagColorClass = 'is-success';\n } else if (tagData.name.indexOf('/') !== -1) {\n tagColorClass = 'is-primary';\n } else {\n tagColorClass = 'is-info';\n }\n\n return `\n ${escape(tagData.name)}\n `;\n }).join('');\n};\n\nexport { tagsToHtml };\n"],"names":["funcp","$","selector","document","querySelector","makeEl","html","template","createElement","innerHTML","trim","content","firstChild","clearEl","el","removeChild","escape","unsafe","replace","SimplePaginator","element","pageCallback","addEventListener","evt","target","classList","contains","dataset","page","totalRecords","perPage","currentPage","this","lastPage","Math","floor","firstPageShow","lastPageShow","showFirstPage","abs","showLastPage","prevButtonDisabled","appendChild","i","selected","nextButtonDisabled","DataTable","options","container","parentElement","ajaxCallback","data","unfilteredData","paginator","filterCallback","sortField","sortDir","filterField","_this","_updateFilter","value","preFilter","perPageField","Number","_updatePage","header","elem","remove","_updateSort","add","attach","bind","_loadEntries","Promise","then","_this2","length","bodyElement","firstIndex","lastIndex","rowElem","rowCallback","update","n","_updateEntries","query","datum","push","field","direction","newEntries","_toConsumableArray","sort","a","b","sorter","dumbFilterCallback","title","indexOf","tags","name","toLowerCase","TagsInput","maxTags","inputNode","containerNode","style","display","parentNode","insertBefore","nextSibling","split","tag","addTag","_handleInputKeyUp","_handleContainerClick","clear","join","node","splice","disabled","tagValue","key","previousSibling","deleteTagNode","updateHiddenInputValue","preventDefault","closest","globalSetup","signupButton","Array","prototype","forEach","call","querySelectorAll","embedButton","expandButton","panel","$delete","$notification","$navbarBurgers","slice","$target","getElementById","toggle","preloader","main","id","myParam","URLSearchParams","window","location","search","get","resolve","fetch","r","json","rowData","author","map","tagData","tagColorClass","slug","readyState"],"mappings":"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"}
\ No newline at end of file
diff --git a/public/assets/bundle/generic.js b/public/assets/bundle/generic.js
new file mode 100644
index 0000000..8c9826b
--- /dev/null
+++ b/public/assets/bundle/generic.js
@@ -0,0 +1,221 @@
+const $ = function(selector) {
+ return document.querySelector(selector);
+};
+
+const $$ = function(selector) {
+ return document.querySelectorAll(selector) || [];
+};
+
+const makeEl = function(html) {
+ const template = document.createElement('template');
+
+ template.innerHTML = html.trim();
+
+ return template.content.firstChild;
+};
+
+const toggleEl = function(el) {
+ if (el.classList.contains('is-hidden')) {
+ el.classList.remove('is-hidden');
+ } else {
+ el.classList.add('is-hidden');
+ }
+};
+
+const escape = function(unsafe) {
+ return unsafe
+ .replace(/&/g, "&")
+ .replace(//g, ">")
+ .replace(/"/g, """)
+ .replace(/'/g, "'");
+};
+
+const whenReady = function(funcp) {
+ if (document.readyState !== 'loading') {
+ funcp();
+ } else {
+ document.addEventListener('DOMContentLoaded', funcp);
+ }
+};
+
+class TagsInput {
+ constructor(element, options = {}) {
+ this.element = element;
+ this.tags = [];
+ this.options = options;
+
+ this.maxTags = options.maxTags || 10;
+ this.inputNode = null;
+ this.containerNode = null;
+ }
+
+ attach() {
+ this.element.style.display = 'none';
+
+ this.containerNode = makeEl('');
+ this.inputNode = makeEl('');
+ this.containerNode.appendChild(this.inputNode);
+
+ this.element.parentNode.insertBefore(this.containerNode, this.element.nextSibling);
+
+ /* Load existing tags from input */
+ if (this.element.value) {
+ for (const tag of this.element.value.split(',')) {
+ this.addTag(tag);
+ }
+ }
+
+ /* Handle addition and removal of tags via key-presses */
+ this.containerNode.addEventListener('keydown', this._handleInputKeyUp.bind(this));
+
+ /* Handle deletions by clicking the delete button */
+ this.containerNode.addEventListener('click', this._handleContainerClick.bind(this));
+ }
+
+ detach() {
+ this.tags.clear();
+ this.containerNode.remove();
+ this.element.style.display = 'inline-block';
+ }
+
+ updateHiddenInputValue() {
+ this.element.value = this.tags.join(',');
+ }
+
+ deleteTagNode(node) {
+ this.tags.splice(this.tags.indexOf(node.dataset.value.toLowerCase()), 1);
+ node.remove();
+
+ /* Below the limit? Make sure the input is enabled. */
+ if (this.tags.length < this.maxTags) {
+ this.inputNode.disabled = false;
+ }
+ }
+
+ addTag(tagValue) {
+ tagValue = tagValue.trim();
+
+ /* Tag value is probably not empty and we don't already have the same tag. */
+ if (tagValue !== '' && this.tags.indexOf(tagValue.toLowerCase()) === -1) {
+ this.tags.push(tagValue.toLowerCase());
+
+ this.inputNode.parentNode.insertBefore(
+ makeEl('' + escape(tagValue) + ''),
+ this.inputNode
+ );
+
+ /* Too many tags, disable the input for now. */
+ if (this.tags.length >= this.maxTags) {
+ this.inputNode.disabled = true;
+ }
+ }
+ }
+
+ _handleInputKeyUp(evt) {
+ let tagValue = this.inputNode.value;
+
+ if (evt.key === 'Backspace' && tagValue === '') {
+ // Remove the child
+ if (this.inputNode.previousSibling) {
+ this.deleteTagNode(this.inputNode.previousSibling);
+
+ this.updateHiddenInputValue();
+ }
+ } else if (evt.key === ',') {
+ this.addTag(tagValue);
+
+ this.inputNode.value = '';
+ this.updateHiddenInputValue();
+
+ evt.preventDefault();
+ }
+ }
+
+ _handleContainerClick(evt) {
+ if (evt.target && evt.target.classList.contains('delete')) {
+ this.deleteTagNode(evt.target.closest('.tag'));
+ this.updateHiddenInputValue();
+ }
+ }
+}
+
+const setupSignupModal = () => {
+ const signupButton = $('[data-target~="#signin"],[data-target~="#signup"]');
+
+ if (signupButton) {
+ signupButton.addEventListener('click', () => {
+ $('.modal').classList.add('is-active');
+ });
+
+ $('.modal-button-close').addEventListener('click', () => {
+ $('.modal').classList.remove('is-active');
+ });
+ }
+};
+
+const globalSetup = () => {
+ Array.prototype.forEach.call($$('.js-tag-input'), (el) => {
+ new TagsInput(el).attach();
+ });
+
+ setupSignupModal();
+
+ const embedButton = $('.panel-tools .embed-tool');
+
+ if (embedButton){
+ embedButton.addEventListener('click', (evt) => {
+ if (evt.target && evt.target.closest('.panel-tools')) {
+ toggleEl(evt.target.closest('.panel-tools').querySelector('.panel-embed'));
+ }
+ });
+ }
+
+ const expandButton = $('.expand-tool');
+
+ if (expandButton) {
+ expandButton.addEventListener('click', (evt) => {
+ if (evt.target && evt.target.closest('.panel')) {
+ const panel = evt.target.closest('.panel');
+
+ if (panel.classList.contains('panel-fullsize')) {
+ panel.classList.remove('panel-fullsize');
+ } else {
+ panel.classList.add('panel-fullsize');
+ }
+ }
+ });
+ }
+
+ // Notifications
+ (document.querySelectorAll('.notification .delete') || []).forEach(($delete) => {
+ const $notification = $delete.parentNode;
+
+ $delete.addEventListener('click', () => {
+ $notification.parentNode.removeChild($notification);
+ });
+ });
+
+ // Hamburger menu
+ const $navbarBurgers = Array.prototype.slice.call(document.querySelectorAll('.navbar-burger'), 0);
+ if ($navbarBurgers.length > 0) {
+ $navbarBurgers.forEach(el => {
+ el.addEventListener('click', () => {
+ const target = el.dataset.target;
+ const $target = document.getElementById(target);
+ el.classList.toggle('is-active');
+ $target.classList.toggle('is-active');
+ });
+ });
+ }
+
+ const preloader = $('.preloader');
+ const main = $('main');
+
+ if (preloader && main) {
+ preloader.remove();
+ main.id = '';
+ }
+};
+
+whenReady(globalSetup);
diff --git a/public/assets/bundle/generic.min.js b/public/assets/bundle/generic.min.js
new file mode 100644
index 0000000..3bc641c
--- /dev/null
+++ b/public/assets/bundle/generic.min.js
@@ -0,0 +1,2 @@
+function e(e,n){var a="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!a){if(Array.isArray(e)||(a=function(e,n){if(!e)return;if("string"==typeof e)return t(e,n);var a=Object.prototype.toString.call(e).slice(8,-1);"Object"===a&&e.constructor&&(a=e.constructor.name);if("Map"===a||"Set"===a)return Array.from(e);if("Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a))return t(e,n)}(e))||n&&e&&"number"==typeof e.length){a&&(e=a);var i=0,r=function(){};return{s:r,n:function(){return i>=e.length?{done:!0}:{done:!1,value:e[i++]}},e:function(e){throw e},f:r}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var o,s=!0,l=!1;return{s:function(){a=a.call(e)},n:function(){var e=a.next();return s=e.done,e},e:function(e){l=!0,o=e},f:function(){try{s||null==a.return||a.return()}finally{if(l)throw o}}}}function t(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n/g,">").replace(/"/g,""").replace(/'/g,"'")},l=function(){function t(e){var a=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};n(this,t),this.element=e,this.tags=[],this.options=a,this.maxTags=a.maxTags||10,this.inputNode=null,this.containerNode=null}var i,r,l;return i=t,(r=[{key:"attach",value:function(){if(this.element.style.display="none",this.containerNode=o(''),this.inputNode=o(''),this.containerNode.appendChild(this.inputNode),this.element.parentNode.insertBefore(this.containerNode,this.element.nextSibling),this.element.value){var t,n=e(this.element.value.split(","));try{for(n.s();!(t=n.n()).done;){var a=t.value;this.addTag(a)}}catch(e){n.e(e)}finally{n.f()}}this.containerNode.addEventListener("keydown",this._handleInputKeyUp.bind(this)),this.containerNode.addEventListener("click",this._handleContainerClick.bind(this))}},{key:"detach",value:function(){this.tags.clear(),this.containerNode.remove(),this.element.style.display="inline-block"}},{key:"updateHiddenInputValue",value:function(){this.element.value=this.tags.join(",")}},{key:"deleteTagNode",value:function(e){this.tags.splice(this.tags.indexOf(e.dataset.value.toLowerCase()),1),e.remove(),this.tags.length'+s(e)+''),this.inputNode),this.tags.length>=this.maxTags&&(this.inputNode.disabled=!0))}},{key:"_handleInputKeyUp",value:function(e){var t=this.inputNode.value;"Backspace"===e.key&&""===t?this.inputNode.previousSibling&&(this.deleteTagNode(this.inputNode.previousSibling),this.updateHiddenInputValue()):","===e.key&&(this.addTag(t),this.inputNode.value="",this.updateHiddenInputValue(),e.preventDefault())}},{key:"_handleContainerClick",value:function(e){e.target&&e.target.classList.contains("delete")&&(this.deleteTagNode(e.target.closest(".tag")),this.updateHiddenInputValue())}}])&&a(i.prototype,r),l&&a(i,l),t}();i=function(){var e,t;Array.prototype.forEach.call((e=".js-tag-input",document.querySelectorAll(e)||[]),(function(e){new l(e).attach()})),(t=r('[data-target~="#signin"],[data-target~="#signup"]'))&&(t.addEventListener("click",(function(){r(".modal").classList.add("is-active")})),r(".modal-button-close").addEventListener("click",(function(){r(".modal").classList.remove("is-active")})));var n=r(".panel-tools .embed-tool");n&&n.addEventListener("click",(function(e){var t;e.target&&e.target.closest(".panel-tools")&&((t=e.target.closest(".panel-tools").querySelector(".panel-embed")).classList.contains("is-hidden")?t.classList.remove("is-hidden"):t.classList.add("is-hidden"))}));var a=r(".expand-tool");a&&a.addEventListener("click",(function(e){if(e.target&&e.target.closest(".panel")){var t=e.target.closest(".panel");t.classList.contains("panel-fullsize")?t.classList.remove("panel-fullsize"):t.classList.add("panel-fullsize")}})),(document.querySelectorAll(".notification .delete")||[]).forEach((function(e){var t=e.parentNode;e.addEventListener("click",(function(){t.parentNode.removeChild(t)}))}));var i=Array.prototype.slice.call(document.querySelectorAll(".navbar-burger"),0);i.length>0&&i.forEach((function(e){e.addEventListener("click",(function(){var t=e.dataset.target,n=document.getElementById(t);e.classList.toggle("is-active"),n.classList.toggle("is-active")}))}));var o=r(".preloader"),s=r("main");o&&s&&(o.remove(),s.id="")},"loading"!==document.readyState?i():document.addEventListener("DOMContentLoaded",i);
+//# sourceMappingURL=generic.min.js.map
diff --git a/public/assets/bundle/generic.min.js.map b/public/assets/bundle/generic.min.js.map
new file mode 100644
index 0000000..7a66cc0
--- /dev/null
+++ b/public/assets/bundle/generic.min.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"generic.min.js","sources":["../../js/dom.js","../../js/tag_input.js","../../js/main.js"],"sourcesContent":["const $ = function(selector) {\n return document.querySelector(selector);\n};\n\nconst $$ = function(selector) {\n return document.querySelectorAll(selector) || [];\n};\n\nconst makeEl = function(html) {\n const template = document.createElement('template');\n\n template.innerHTML = html.trim();\n\n return template.content.firstChild;\n};\n\nconst clearEl = function(el) {\n while (el.firstChild) {\n el.removeChild(el.firstChild);\n }\n};\n\nconst toggleEl = function(el) {\n if (el.classList.contains('is-hidden')) {\n el.classList.remove('is-hidden');\n } else {\n el.classList.add('is-hidden');\n }\n};\n\nconst escape = function(unsafe) {\n return unsafe\n .replace(/&/g, \"&\")\n .replace(//g, \">\")\n .replace(/\"/g, \""\")\n .replace(/'/g, \"'\");\n}\n\nconst whenReady = function(funcp) {\n if (document.readyState !== 'loading') {\n funcp();\n } else {\n document.addEventListener('DOMContentLoaded', funcp);\n }\n}\n\nexport { whenReady, $, $$, makeEl, clearEl, toggleEl, escape };","import { makeEl, escape } from \"./dom\";\n\nclass TagsInput {\n constructor(element, options = {}) {\n this.element = element;\n this.tags = [];\n this.options = options\n\n this.maxTags = options.maxTags || 10;\n this.inputNode = null;\n this.containerNode = null;\n }\n\n attach() {\n this.element.style.display = 'none';\n\n this.containerNode = makeEl('');\n this.inputNode = makeEl('');\n this.containerNode.appendChild(this.inputNode);\n\n this.element.parentNode.insertBefore(this.containerNode, this.element.nextSibling);\n\n /* Load existing tags from input */\n if (this.element.value) {\n for (const tag of this.element.value.split(',')) {\n this.addTag(tag);\n }\n }\n\n /* Handle addition and removal of tags via key-presses */\n this.containerNode.addEventListener('keydown', this._handleInputKeyUp.bind(this));\n\n /* Handle deletions by clicking the delete button */\n this.containerNode.addEventListener('click', this._handleContainerClick.bind(this));\n }\n\n detach() {\n this.tags.clear();\n this.containerNode.remove();\n this.element.style.display = 'inline-block';\n }\n\n updateHiddenInputValue() {\n this.element.value = this.tags.join(',');\n }\n\n deleteTagNode(node) {\n this.tags.splice(this.tags.indexOf(node.dataset.value.toLowerCase()), 1);\n node.remove();\n\n /* Below the limit? Make sure the input is enabled. */\n if (this.tags.length < this.maxTags) {\n this.inputNode.disabled = false;\n }\n }\n\n addTag(tagValue) {\n tagValue = tagValue.trim();\n\n /* Tag value is probably not empty and we don't already have the same tag. */\n if (tagValue !== '' && this.tags.indexOf(tagValue.toLowerCase()) === -1) {\n this.tags.push(tagValue.toLowerCase());\n\n this.inputNode.parentNode.insertBefore(\n makeEl('' + escape(tagValue) + ''),\n this.inputNode\n );\n\n /* Too many tags, disable the input for now. */\n if (this.tags.length >= this.maxTags) {\n this.inputNode.disabled = true;\n }\n }\n }\n\n _handleInputKeyUp(evt) {\n let tagValue = this.inputNode.value;\n\n if (evt.key === 'Backspace' && tagValue === '') {\n // Remove the child\n if (this.inputNode.previousSibling) {\n this.deleteTagNode(this.inputNode.previousSibling);\n\n this.updateHiddenInputValue();\n }\n } else if (evt.key === ',') {\n this.addTag(tagValue);\n\n this.inputNode.value = ''\n this.updateHiddenInputValue();\n\n evt.preventDefault();\n }\n }\n\n _handleContainerClick(evt) {\n if (evt.target && evt.target.classList.contains('delete')) {\n this.deleteTagNode(evt.target.closest('.tag'));\n this.updateHiddenInputValue();\n }\n }\n}\n\nexport { TagsInput };\n","import { $, $$, toggleEl } from './dom';\nimport { TagsInput } from \"./tag_input\";\n\nconst setupSignupModal = () => {\n const signupButton = $('[data-target~=\"#signin\"],[data-target~=\"#signup\"]');\n\n if (signupButton) {\n signupButton.addEventListener('click', () => {\n $('.modal').classList.add('is-active');\n });\n\n $('.modal-button-close').addEventListener('click', () => {\n $('.modal').classList.remove('is-active');\n });\n }\n}\n\nconst globalSetup = () => {\n Array.prototype.forEach.call($$('.js-tag-input'), (el) => {\n new TagsInput(el).attach();\n });\n\n setupSignupModal();\n\n const embedButton = $('.panel-tools .embed-tool');\n\n if (embedButton){\n embedButton.addEventListener('click', (evt) => {\n if (evt.target && evt.target.closest('.panel-tools')) {\n toggleEl(evt.target.closest('.panel-tools').querySelector('.panel-embed'));\n }\n });\n }\n\n const expandButton = $('.expand-tool');\n\n if (expandButton) {\n expandButton.addEventListener('click', (evt) => {\n if (evt.target && evt.target.closest('.panel')) {\n const panel = evt.target.closest('.panel');\n\n if (panel.classList.contains('panel-fullsize')) {\n panel.classList.remove('panel-fullsize');\n } else {\n panel.classList.add('panel-fullsize');\n }\n }\n });\n }\n\n // Notifications\n (document.querySelectorAll('.notification .delete') || []).forEach(($delete) => {\n const $notification = $delete.parentNode;\n\n $delete.addEventListener('click', () => {\n $notification.parentNode.removeChild($notification);\n });\n });\n\n // Hamburger menu\n const $navbarBurgers = Array.prototype.slice.call(document.querySelectorAll('.navbar-burger'), 0);\n if ($navbarBurgers.length > 0) {\n $navbarBurgers.forEach(el => {\n el.addEventListener('click', () => {\n const target = el.dataset.target;\n const $target = document.getElementById(target);\n el.classList.toggle('is-active');\n $target.classList.toggle('is-active');\n });\n });\n }\n\n const preloader = $('.preloader');\n const main = $('main');\n\n if (preloader && main) {\n preloader.remove();\n main.id = '';\n }\n}\n\nexport { globalSetup };"],"names":["funcp","$","selector","document","querySelector","makeEl","html","template","createElement","innerHTML","trim","content","firstChild","escape","unsafe","replace","TagsInput","element","options","tags","maxTags","inputNode","containerNode","style","display","appendChild","this","parentNode","insertBefore","nextSibling","value","split","tag","addTag","addEventListener","_handleInputKeyUp","bind","_handleContainerClick","clear","remove","join","node","splice","indexOf","dataset","toLowerCase","length","disabled","tagValue","push","evt","key","previousSibling","deleteTagNode","updateHiddenInputValue","preventDefault","target","classList","contains","closest","signupButton","Array","prototype","forEach","call","querySelectorAll","el","attach","add","embedButton","expandButton","panel","$delete","$notification","removeChild","$navbarBurgers","slice","$target","getElementById","toggle","preloader","main","id","readyState"],"mappings":"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"}
\ No newline at end of file
diff --git a/public/assets/bundle/main.js b/public/assets/bundle/main.js
new file mode 100644
index 0000000..fb835a4
--- /dev/null
+++ b/public/assets/bundle/main.js
@@ -0,0 +1,189 @@
+const $ = function(selector) {
+ return document.querySelector(selector);
+};
+
+const $$ = function(selector) {
+ return document.querySelectorAll(selector) || [];
+};
+
+const makeEl = function(html) {
+ const template = document.createElement('template');
+
+ template.innerHTML = html.trim();
+
+ return template.content.firstChild;
+};
+
+const toggleEl = function(el) {
+ if (el.classList.contains('is-hidden')) {
+ el.classList.remove('is-hidden');
+ } else {
+ el.classList.add('is-hidden');
+ }
+};
+
+const escape = function(unsafe) {
+ return unsafe
+ .replace(/&/g, "&")
+ .replace(//g, ">")
+ .replace(/"/g, """)
+ .replace(/'/g, "'");
+};
+
+const whenReady = function(funcp) {
+ if (document.readyState !== 'loading') {
+ funcp();
+ } else {
+ document.addEventListener('DOMContentLoaded', funcp);
+ }
+};
+
+class TagsInput {
+ constructor(element, options = {}) {
+ this.element = element;
+ this.tags = [];
+ this.options = options;
+
+ this.maxTags = options.maxTags || 10;
+ this.inputNode = null;
+ this.containerNode = null;
+ }
+
+ attach() {
+ this.element.style.display = 'none';
+
+ this.containerNode = makeEl('');
+ this.inputNode = makeEl('');
+ this.containerNode.appendChild(this.inputNode);
+
+ this.element.parentNode.insertBefore(this.containerNode, this.element.nextSibling);
+
+ /* Load existing tags from input */
+ if (this.element.value) {
+ for (const tag of this.element.value.split(',')) {
+ this.addTag(tag);
+ }
+ }
+
+ /* Handle addition and removal of tags via key-presses */
+ this.containerNode.addEventListener('keydown', this._handleInputKeyUp.bind(this));
+
+ /* Handle deletions by clicking the delete button */
+ this.containerNode.addEventListener('click', this._handleContainerClick.bind(this));
+ }
+
+ detach() {
+ this.tags.clear();
+ this.containerNode.remove();
+ this.element.style.display = 'inline-block';
+ }
+
+ updateHiddenInputValue() {
+ this.element.value = this.tags.join(',');
+ }
+
+ deleteTagNode(node) {
+ this.tags.splice(this.tags.indexOf(node.dataset.value.toLowerCase()), 1);
+ node.remove();
+
+ /* Below the limit? Make sure the input is enabled. */
+ if (this.tags.length < this.maxTags) {
+ this.inputNode.disabled = false;
+ }
+ }
+
+ addTag(tagValue) {
+ tagValue = tagValue.trim();
+
+ /* Tag value is probably not empty and we don't already have the same tag. */
+ if (tagValue !== '' && this.tags.indexOf(tagValue.toLowerCase()) === -1) {
+ this.tags.push(tagValue.toLowerCase());
+
+ this.inputNode.parentNode.insertBefore(
+ makeEl('' + escape(tagValue) + ''),
+ this.inputNode
+ );
+
+ /* Too many tags, disable the input for now. */
+ if (this.tags.length >= this.maxTags) {
+ this.inputNode.disabled = true;
+ }
+ }
+ }
+
+ _handleInputKeyUp(evt) {
+ let tagValue = this.inputNode.value;
+
+ if (evt.key === 'Backspace' && tagValue === '') {
+ // Remove the child
+ if (this.inputNode.previousSibling) {
+ this.deleteTagNode(this.inputNode.previousSibling);
+
+ this.updateHiddenInputValue();
+ }
+ } else if (evt.key === ',') {
+ this.addTag(tagValue);
+
+ this.inputNode.value = '';
+ this.updateHiddenInputValue();
+
+ evt.preventDefault();
+ }
+ }
+
+ _handleContainerClick(evt) {
+ if (evt.target && evt.target.classList.contains('delete')) {
+ this.deleteTagNode(evt.target.closest('.tag'));
+ this.updateHiddenInputValue();
+ }
+ }
+}
+
+const setupSignupModal = () => {
+ const signupButton = $('[data-target~="#signin"],[data-target~="#signup"]');
+
+ if (signupButton) {
+ signupButton.addEventListener('click', () => {
+ $('.modal').classList.add('is-active');
+ });
+
+ $('.modal-button-close').addEventListener('click', () => {
+ $('.modal').classList.remove('is-active');
+ });
+ }
+};
+
+whenReady(() => {
+ Array.prototype.forEach.call($$('.js-tag-input'), (el) => {
+ new TagsInput(el).attach();
+ });
+
+ setupSignupModal();
+
+ const embedButton = $('.panel-tools .embed-tool');
+
+ if (embedButton){
+ embedButton.addEventListener('click', (evt) => {
+ if (evt.target && evt.target.closest('.panel-tools')) {
+ toggleEl(evt.target.closest('.panel-tools').querySelector('.panel-embed'));
+ }
+ });
+ }
+
+ const expandButton = $('.expand-tool');
+
+ if (expandButton) {
+ expandButton.addEventListener('click', (evt) => {
+ if (evt.target && evt.target.closest('.panel')) {
+ const panel = evt.target.closest('.panel');
+
+ if (panel.classList.contains('panel-fullsize')) {
+ panel.classList.remove('panel-fullsize');
+ } else {
+ panel.classList.add('panel-fullsize');
+ }
+ }
+ });
+ }
+});
diff --git a/public/assets/bundle/main.min.js b/public/assets/bundle/main.min.js
new file mode 100644
index 0000000..4540570
--- /dev/null
+++ b/public/assets/bundle/main.min.js
@@ -0,0 +1,2 @@
+function e(e,n){var a="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!a){if(Array.isArray(e)||(a=function(e,n){if(!e)return;if("string"==typeof e)return t(e,n);var a=Object.prototype.toString.call(e).slice(8,-1);"Object"===a&&e.constructor&&(a=e.constructor.name);if("Map"===a||"Set"===a)return Array.from(e);if("Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a))return t(e,n)}(e))||n&&e&&"number"==typeof e.length){a&&(e=a);var i=0,s=function(){};return{s:s,n:function(){return i>=e.length?{done:!0}:{done:!1,value:e[i++]}},e:function(e){throw e},f:s}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var r,o=!0,l=!1;return{s:function(){a=a.call(e)},n:function(){var e=a.next();return o=e.done,e},e:function(e){l=!0,r=e},f:function(){try{o||null==a.return||a.return()}finally{if(l)throw r}}}}function t(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n/g,">").replace(/"/g,""").replace(/'/g,"'")},l=function(){function t(e){var a=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};n(this,t),this.element=e,this.tags=[],this.options=a,this.maxTags=a.maxTags||10,this.inputNode=null,this.containerNode=null}var i,s,l;return i=t,(s=[{key:"attach",value:function(){if(this.element.style.display="none",this.containerNode=r(''),this.inputNode=r(''),this.containerNode.appendChild(this.inputNode),this.element.parentNode.insertBefore(this.containerNode,this.element.nextSibling),this.element.value){var t,n=e(this.element.value.split(","));try{for(n.s();!(t=n.n()).done;){var a=t.value;this.addTag(a)}}catch(e){n.e(e)}finally{n.f()}}this.containerNode.addEventListener("keydown",this._handleInputKeyUp.bind(this)),this.containerNode.addEventListener("click",this._handleContainerClick.bind(this))}},{key:"detach",value:function(){this.tags.clear(),this.containerNode.remove(),this.element.style.display="inline-block"}},{key:"updateHiddenInputValue",value:function(){this.element.value=this.tags.join(",")}},{key:"deleteTagNode",value:function(e){this.tags.splice(this.tags.indexOf(e.dataset.value.toLowerCase()),1),e.remove(),this.tags.length'+o(e)+''),this.inputNode),this.tags.length>=this.maxTags&&(this.inputNode.disabled=!0))}},{key:"_handleInputKeyUp",value:function(e){var t=this.inputNode.value;"Backspace"===e.key&&""===t?this.inputNode.previousSibling&&(this.deleteTagNode(this.inputNode.previousSibling),this.updateHiddenInputValue()):","===e.key&&(this.addTag(t),this.inputNode.value="",this.updateHiddenInputValue(),e.preventDefault())}},{key:"_handleContainerClick",value:function(e){e.target&&e.target.classList.contains("delete")&&(this.deleteTagNode(e.target.closest(".tag")),this.updateHiddenInputValue())}}])&&a(i.prototype,s),l&&a(i,l),t}();i=function(){var e,t;Array.prototype.forEach.call((e=".js-tag-input",document.querySelectorAll(e)||[]),(function(e){new l(e).attach()})),(t=s('[data-target~="#signin"],[data-target~="#signup"]'))&&(t.addEventListener("click",(function(){s(".modal").classList.add("is-active")})),s(".modal-button-close").addEventListener("click",(function(){s(".modal").classList.remove("is-active")})));var n=s(".panel-tools .embed-tool");n&&n.addEventListener("click",(function(e){var t;e.target&&e.target.closest(".panel-tools")&&((t=e.target.closest(".panel-tools").querySelector(".panel-embed")).classList.contains("is-hidden")?t.classList.remove("is-hidden"):t.classList.add("is-hidden"))}));var a=s(".expand-tool");a&&a.addEventListener("click",(function(e){if(e.target&&e.target.closest(".panel")){var t=e.target.closest(".panel");t.classList.contains("panel-fullsize")?t.classList.remove("panel-fullsize"):t.classList.add("panel-fullsize")}}))},"loading"!==document.readyState?i():document.addEventListener("DOMContentLoaded",i);
+//# sourceMappingURL=main.min.js.map
diff --git a/public/assets/bundle/main.min.js.map b/public/assets/bundle/main.min.js.map
new file mode 100644
index 0000000..610ddde
--- /dev/null
+++ b/public/assets/bundle/main.min.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"main.min.js","sources":["../../js/dom.js","../../js/tag_input.js","../../js/main.js"],"sourcesContent":["const $ = function(selector) {\n return document.querySelector(selector);\n};\n\nconst $$ = function(selector) {\n return document.querySelectorAll(selector) || [];\n};\n\nconst makeEl = function(html) {\n const template = document.createElement('template');\n\n template.innerHTML = html.trim();\n\n return template.content.firstChild;\n};\n\nconst clearEl = function(el) {\n while (el.firstChild) {\n el.removeChild(el.firstChild);\n }\n};\n\nconst toggleEl = function(el) {\n if (el.classList.contains('is-hidden')) {\n el.classList.remove('is-hidden');\n } else {\n el.classList.add('is-hidden');\n }\n};\n\nconst escape = function(unsafe) {\n return unsafe\n .replace(/&/g, \"&\")\n .replace(//g, \">\")\n .replace(/\"/g, \""\")\n .replace(/'/g, \"'\");\n}\n\nconst whenReady = function(funcp) {\n if (document.readyState !== 'loading') {\n funcp();\n } else {\n document.addEventListener('DOMContentLoaded', funcp);\n }\n}\n\nexport { whenReady, $, $$, makeEl, clearEl, toggleEl, escape };","import { makeEl, escape } from \"./dom\";\n\nclass TagsInput {\n constructor(element, options = {}) {\n this.element = element;\n this.tags = [];\n this.options = options\n\n this.maxTags = options.maxTags || 10;\n this.inputNode = null;\n this.containerNode = null;\n }\n\n attach() {\n this.element.style.display = 'none';\n\n this.containerNode = makeEl('');\n this.inputNode = makeEl('');\n this.containerNode.appendChild(this.inputNode);\n\n this.element.parentNode.insertBefore(this.containerNode, this.element.nextSibling);\n\n /* Load existing tags from input */\n if (this.element.value) {\n for (const tag of this.element.value.split(',')) {\n this.addTag(tag);\n }\n }\n\n /* Handle addition and removal of tags via key-presses */\n this.containerNode.addEventListener('keydown', this._handleInputKeyUp.bind(this));\n\n /* Handle deletions by clicking the delete button */\n this.containerNode.addEventListener('click', this._handleContainerClick.bind(this));\n }\n\n detach() {\n this.tags.clear();\n this.containerNode.remove();\n this.element.style.display = 'inline-block';\n }\n\n updateHiddenInputValue() {\n this.element.value = this.tags.join(',');\n }\n\n deleteTagNode(node) {\n this.tags.splice(this.tags.indexOf(node.dataset.value.toLowerCase()), 1);\n node.remove();\n\n /* Below the limit? Make sure the input is enabled. */\n if (this.tags.length < this.maxTags) {\n this.inputNode.disabled = false;\n }\n }\n\n addTag(tagValue) {\n tagValue = tagValue.trim();\n\n /* Tag value is probably not empty and we don't already have the same tag. */\n if (tagValue !== '' && this.tags.indexOf(tagValue.toLowerCase()) === -1) {\n this.tags.push(tagValue.toLowerCase());\n\n this.inputNode.parentNode.insertBefore(\n makeEl('' + escape(tagValue) + ''),\n this.inputNode\n );\n\n /* Too many tags, disable the input for now. */\n if (this.tags.length >= this.maxTags) {\n this.inputNode.disabled = true;\n }\n }\n }\n\n _handleInputKeyUp(evt) {\n let tagValue = this.inputNode.value;\n\n if (evt.key === 'Backspace' && tagValue === '') {\n // Remove the child\n if (this.inputNode.previousSibling) {\n this.deleteTagNode(this.inputNode.previousSibling);\n\n this.updateHiddenInputValue();\n }\n } else if (evt.key === ',') {\n this.addTag(tagValue);\n\n this.inputNode.value = ''\n this.updateHiddenInputValue();\n\n evt.preventDefault();\n }\n }\n\n _handleContainerClick(evt) {\n if (evt.target && evt.target.classList.contains('delete')) {\n this.deleteTagNode(evt.target.closest('.tag'));\n this.updateHiddenInputValue();\n }\n }\n}\n\nexport { TagsInput };\n","import { whenReady, $, $$, toggleEl } from './dom';\nimport { TagsInput } from \"./tag_input\";\n\nconst setupSignupModal = () => {\n const signupButton = $('[data-target~=\"#signin\"],[data-target~=\"#signup\"]');\n\n if (signupButton) {\n signupButton.addEventListener('click', () => {\n $('.modal').classList.add('is-active');\n });\n\n $('.modal-button-close').addEventListener('click', () => {\n $('.modal').classList.remove('is-active');\n });\n }\n}\n\nwhenReady(() => {\n Array.prototype.forEach.call($$('.js-tag-input'), (el) => {\n new TagsInput(el).attach();\n });\n\n setupSignupModal();\n\n const embedButton = $('.panel-tools .embed-tool');\n\n if (embedButton){\n embedButton.addEventListener('click', (evt) => {\n if (evt.target && evt.target.closest('.panel-tools')) {\n toggleEl(evt.target.closest('.panel-tools').querySelector('.panel-embed'));\n }\n });\n }\n\n const expandButton = $('.expand-tool');\n\n if (expandButton) {\n expandButton.addEventListener('click', (evt) => {\n if (evt.target && evt.target.closest('.panel')) {\n const panel = evt.target.closest('.panel');\n\n if (panel.classList.contains('panel-fullsize')) {\n panel.classList.remove('panel-fullsize');\n } else {\n panel.classList.add('panel-fullsize');\n }\n }\n });\n }\n});\n"],"names":["funcp","$","selector","document","querySelector","makeEl","html","template","createElement","innerHTML","trim","content","firstChild","escape","unsafe","replace","TagsInput","element","options","tags","maxTags","inputNode","containerNode","style","display","appendChild","this","parentNode","insertBefore","nextSibling","value","split","tag","addTag","addEventListener","_handleInputKeyUp","bind","_handleContainerClick","clear","remove","join","node","splice","indexOf","dataset","toLowerCase","length","disabled","tagValue","push","evt","key","previousSibling","deleteTagNode","updateHiddenInputValue","preventDefault","target","classList","contains","closest","signupButton","Array","prototype","forEach","call","querySelectorAll","el","attach","add","embedButton","expandButton","panel","readyState"],"mappings":"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"}
\ No newline at end of file
diff --git a/public/assets/bundle/user_profile.js b/public/assets/bundle/user_profile.js
new file mode 100644
index 0000000..3b9595e
--- /dev/null
+++ b/public/assets/bundle/user_profile.js
@@ -0,0 +1,577 @@
+const $ = function(selector) {
+ return document.querySelector(selector);
+};
+
+const $$ = function(selector) {
+ return document.querySelectorAll(selector) || [];
+};
+
+const makeEl = function(html) {
+ const template = document.createElement('template');
+
+ template.innerHTML = html.trim();
+
+ return template.content.firstChild;
+};
+
+const clearEl = function(el) {
+ while (el.firstChild) {
+ el.removeChild(el.firstChild);
+ }
+};
+
+const toggleEl = function(el) {
+ if (el.classList.contains('is-hidden')) {
+ el.classList.remove('is-hidden');
+ } else {
+ el.classList.add('is-hidden');
+ }
+};
+
+const escape = function(unsafe) {
+ return unsafe
+ .replace(/&/g, "&")
+ .replace(//g, ">")
+ .replace(/"/g, """)
+ .replace(/'/g, "'");
+};
+
+const whenReady = function(funcp) {
+ if (document.readyState !== 'loading') {
+ funcp();
+ } else {
+ document.addEventListener('DOMContentLoaded', funcp);
+ }
+};
+
+class SimplePaginator {
+ constructor(element) {
+ this.element = element;
+ }
+
+ attach(pageCallback) {
+ this.element.addEventListener('click', evt => {
+ if (evt.target && evt.target.classList.contains('paginator__button')) {
+ pageCallback(+evt.target.dataset.page);
+ }
+ });
+ }
+
+ update(totalRecords, perPage, currentPage) {
+ clearEl(this.element);
+
+ /* First and last page in existence */
+ const firstPage = 0;
+ const lastPage = Math.floor(totalRecords / perPage); // ish?
+ const numPagesToShow = 2;
+
+ if (lastPage === firstPage) {
+ return;
+ }
+
+ /* First and last page the main paginator will show */
+ const firstPageShow = (currentPage - numPagesToShow) < firstPage ? firstPage : (currentPage - numPagesToShow);
+ const lastPageShow = (currentPage + numPagesToShow) > lastPage ? lastPage : (currentPage + numPagesToShow);
+
+ /* Whether to show the first and last pages in existence at the ends of the paginator */
+ const showFirstPage = (Math.abs(firstPage - currentPage)) > (numPagesToShow);
+ const showLastPage = (Math.abs(lastPage - currentPage)) > (numPagesToShow);
+
+
+ const prevButtonDisabled = currentPage === firstPage ? 'disabled' : '';
+
+ /* Previous button */
+ this.element.appendChild(makeEl(
+ ``
+ ));
+
+ /* First page button */
+ if (showFirstPage) {
+ this.element.appendChild(makeEl(
+ ``
+ ));
+ this.element.appendChild(makeEl(`…`));
+ }
+
+ /* "window" buttons */
+ for (let i = firstPageShow; i <= lastPageShow; i++) {
+ const selected = (i === currentPage ? 'paginator__button--selected' : '');
+ this.element.appendChild(makeEl(
+ ``
+ ));
+ }
+
+ /* Last page button */
+ if (showLastPage) {
+ this.element.appendChild(makeEl(`…`));
+ this.element.appendChild(makeEl(
+ ``
+ ));
+ }
+
+ const nextButtonDisabled = currentPage === lastPage ? 'disabled' : '';
+ /* Next button */
+ this.element.appendChild(makeEl(
+ ``
+ ));
+ }
+}
+
+class DataTable {
+ constructor(element, options) {
+ this.element = element;
+ this.container = element.parentElement;
+ this.options = options;
+
+ this.ajaxCallback = options.ajaxCallback;
+ this.data = [];
+ this.unfilteredData = [];
+
+ this.totalRecords = -1;
+ this.perPage = 20;
+ this.currentPage = 0;
+
+ this.paginator = new SimplePaginator(this.container.querySelector('.paginator'));
+
+ this.filterCallback = options.filterCallback;
+ this.sortField = null;
+ this.sortDir = true;
+ }
+
+ attach() {
+ this.filterField = this.container.querySelector('input.search');
+ if (this.filterField && this.filterCallback) {
+ this.filterField.addEventListener('keyup', evt => {
+ if (evt.target) {
+ this._updateFilter(evt.target.value);
+ }
+ });
+
+ if (this.options.preFilter) {
+ this.filterField.value = this.options.preFilter;
+ }
+ }
+
+ this.perPageField = this.container.querySelector('select[name=per_page]');
+
+ if (this.perPageField) {
+ this.perPageField.addEventListener('change', evt => {
+ this.perPage = Number(evt.target.value);
+ this._updatePage(0);
+ });
+ }
+
+ const header = this.element.querySelector('tr.paginator__sort');
+
+ if (header) {
+ header.addEventListener('click', evt => {
+ const target = evt.target;
+
+ if (!target.dataset.sortField) {
+ return;
+ }
+
+ if (this.sortField) {
+ const elem = this.element.querySelector(`th[data-sort-field=${this.sortField}]`);
+ elem.classList.remove('paginator__sort--down');
+ elem.classList.remove('paginator__sort--up');
+ }
+
+ this._updateSort(target.dataset.sortField, !this.sortDir);
+
+ target.classList.add(this.sortDir ? 'paginator__sort--up' : 'paginator__sort--down');
+ });
+ }
+
+ this.paginator.attach(this._updatePage.bind(this));
+ this._loadEntries();
+ }
+
+ /* Load the requested data from the server, and when done, update the DOM. */
+ _loadEntries() {
+ new Promise(this.ajaxCallback)
+ .then(data => {
+ this.element.classList.remove('hidden');
+ this.unfilteredData = data.data;
+ this._updateFilter(this.options.preFilter);
+ });
+ }
+
+ /* Update the DOM to reflect the current state of the data we have loaded */
+ _updateEntries(data) {
+ this.data = data;
+ this.totalRecords = this.data.length;
+
+ const bodyElement = this.element.querySelector('tbody');
+ clearEl(bodyElement);
+
+ const firstIndex = (this.perPage * this.currentPage);
+ const lastIndex = (firstIndex + this.perPage) > this.totalRecords ? this.totalRecords : (firstIndex + this.perPage);
+
+
+ for (let i = firstIndex; i < lastIndex; i++) {
+ const rowElem = makeEl(this.options.rowCallback(this.data[i]));
+ rowElem.classList.add(i % 2 === 0 ? 'odd' : 'even');
+
+ bodyElement.appendChild(rowElem);
+ }
+
+ this.paginator.update(this.totalRecords, this.perPage, this.currentPage);
+ }
+
+ _updatePage(n) {
+ this.currentPage = n;
+ this.paginator.update(this.totalRecords, this.perPage, this.currentPage);
+ this._updateEntries(this.data);
+ }
+
+ _updateFilter(query) {
+ /* clearing the query */
+ if (query === null || query === '') {
+ this._updateEntries(this.unfilteredData);
+ return;
+ }
+
+ let data = [];
+ for (const datum of this.unfilteredData) {
+ if (this.filterCallback(datum, query)) {
+ data.push(datum);
+ }
+ }
+
+ this._updatePage(0);
+ this._updateEntries(data);
+ }
+
+ _updateSort(field, direction) {
+ this.sortField = field;
+ this.sortDir = direction;
+
+ let newEntries = [...this.data].sort((a, b) => {
+ let sorter = 0;
+
+ if (a[field] > b[field]) {
+ sorter = 1;
+ } else if (a[field] < b[field]) {
+ sorter = -1;
+ }
+
+ if (!direction) {
+ sorter = -sorter;
+ }
+
+ return sorter;
+ });
+
+ this._updatePage(0);
+ this._updateEntries(newEntries);
+ }
+}
+
+const dumbFilterCallback = (datum, query) => {
+ if (!query) {
+ return true;
+ }
+
+ if (datum.title.indexOf(query) !== -1) {
+ return true;
+ }
+
+ /* this is inefficient */
+ for (const tag of datum.tags) {
+ if (tag.name.toLowerCase() === query.toLowerCase()) {
+ return true;
+ }
+ }
+
+ return false;
+};
+
+const tagsToHtml = (tags) => {
+
+ return tags.map(tagData => {
+ let tagColorClass;
+ if (tagData.name.indexOf('nsfw') !== -1) {
+ tagColorClass = 'is-danger';
+ } else if (tagData.name.indexOf('safe') !== -1) {
+ tagColorClass = 'is-success';
+ } else if (tagData.name.indexOf('/') !== -1) {
+ tagColorClass = 'is-primary';
+ } else {
+ tagColorClass = 'is-info';
+ }
+
+ return `
+ ${escape(tagData.name)}
+ `;
+ }).join('');
+};
+
+class TagsInput {
+ constructor(element, options = {}) {
+ this.element = element;
+ this.tags = [];
+ this.options = options;
+
+ this.maxTags = options.maxTags || 10;
+ this.inputNode = null;
+ this.containerNode = null;
+ }
+
+ attach() {
+ this.element.style.display = 'none';
+
+ this.containerNode = makeEl('');
+ this.inputNode = makeEl('');
+ this.containerNode.appendChild(this.inputNode);
+
+ this.element.parentNode.insertBefore(this.containerNode, this.element.nextSibling);
+
+ /* Load existing tags from input */
+ if (this.element.value) {
+ for (const tag of this.element.value.split(',')) {
+ this.addTag(tag);
+ }
+ }
+
+ /* Handle addition and removal of tags via key-presses */
+ this.containerNode.addEventListener('keydown', this._handleInputKeyUp.bind(this));
+
+ /* Handle deletions by clicking the delete button */
+ this.containerNode.addEventListener('click', this._handleContainerClick.bind(this));
+ }
+
+ detach() {
+ this.tags.clear();
+ this.containerNode.remove();
+ this.element.style.display = 'inline-block';
+ }
+
+ updateHiddenInputValue() {
+ this.element.value = this.tags.join(',');
+ }
+
+ deleteTagNode(node) {
+ this.tags.splice(this.tags.indexOf(node.dataset.value.toLowerCase()), 1);
+ node.remove();
+
+ /* Below the limit? Make sure the input is enabled. */
+ if (this.tags.length < this.maxTags) {
+ this.inputNode.disabled = false;
+ }
+ }
+
+ addTag(tagValue) {
+ tagValue = tagValue.trim();
+
+ /* Tag value is probably not empty and we don't already have the same tag. */
+ if (tagValue !== '' && this.tags.indexOf(tagValue.toLowerCase()) === -1) {
+ this.tags.push(tagValue.toLowerCase());
+
+ this.inputNode.parentNode.insertBefore(
+ makeEl('' + escape(tagValue) + ''),
+ this.inputNode
+ );
+
+ /* Too many tags, disable the input for now. */
+ if (this.tags.length >= this.maxTags) {
+ this.inputNode.disabled = true;
+ }
+ }
+ }
+
+ _handleInputKeyUp(evt) {
+ let tagValue = this.inputNode.value;
+
+ if (evt.key === 'Backspace' && tagValue === '') {
+ // Remove the child
+ if (this.inputNode.previousSibling) {
+ this.deleteTagNode(this.inputNode.previousSibling);
+
+ this.updateHiddenInputValue();
+ }
+ } else if (evt.key === ',') {
+ this.addTag(tagValue);
+
+ this.inputNode.value = '';
+ this.updateHiddenInputValue();
+
+ evt.preventDefault();
+ }
+ }
+
+ _handleContainerClick(evt) {
+ if (evt.target && evt.target.classList.contains('delete')) {
+ this.deleteTagNode(evt.target.closest('.tag'));
+ this.updateHiddenInputValue();
+ }
+ }
+}
+
+const setupSignupModal = () => {
+ const signupButton = $('[data-target~="#signin"],[data-target~="#signup"]');
+
+ if (signupButton) {
+ signupButton.addEventListener('click', () => {
+ $('.modal').classList.add('is-active');
+ });
+
+ $('.modal-button-close').addEventListener('click', () => {
+ $('.modal').classList.remove('is-active');
+ });
+ }
+};
+
+const globalSetup = () => {
+ Array.prototype.forEach.call($$('.js-tag-input'), (el) => {
+ new TagsInput(el).attach();
+ });
+
+ setupSignupModal();
+
+ const embedButton = $('.panel-tools .embed-tool');
+
+ if (embedButton){
+ embedButton.addEventListener('click', (evt) => {
+ if (evt.target && evt.target.closest('.panel-tools')) {
+ toggleEl(evt.target.closest('.panel-tools').querySelector('.panel-embed'));
+ }
+ });
+ }
+
+ const expandButton = $('.expand-tool');
+
+ if (expandButton) {
+ expandButton.addEventListener('click', (evt) => {
+ if (evt.target && evt.target.closest('.panel')) {
+ const panel = evt.target.closest('.panel');
+
+ if (panel.classList.contains('panel-fullsize')) {
+ panel.classList.remove('panel-fullsize');
+ } else {
+ panel.classList.add('panel-fullsize');
+ }
+ }
+ });
+ }
+
+ // Notifications
+ (document.querySelectorAll('.notification .delete') || []).forEach(($delete) => {
+ const $notification = $delete.parentNode;
+
+ $delete.addEventListener('click', () => {
+ $notification.parentNode.removeChild($notification);
+ });
+ });
+
+ // Hamburger menu
+ const $navbarBurgers = Array.prototype.slice.call(document.querySelectorAll('.navbar-burger'), 0);
+ if ($navbarBurgers.length > 0) {
+ $navbarBurgers.forEach(el => {
+ el.addEventListener('click', () => {
+ const target = el.dataset.target;
+ const $target = document.getElementById(target);
+ el.classList.toggle('is-active');
+ $target.classList.toggle('is-active');
+ });
+ });
+ }
+
+ const preloader = $('.preloader');
+ const main = $('main');
+
+ if (preloader && main) {
+ preloader.remove();
+ main.id = '';
+ }
+};
+
+const getUserInfo = () => {
+ const elem = document.getElementById('js-data-holder');
+
+ if (!elem) {
+ return { userId: null, csrfToken: null };
+ }
+
+ return { userId: elem.dataset.userId, csrfToken: elem.dataset.csrfToken };
+};
+
+const parsePasteInfo = (elem) => {
+ if (!elem.dataset.pasteInfo) {
+ return null;
+ }
+
+ return JSON.parse(elem.dataset.pasteInfo);
+};
+
+whenReady(() => {
+ globalSetup();
+
+ const urlParams = new URLSearchParams(window.location.search);
+ const myParam = urlParams.get('q');
+ const myPastesElem = document.getElementById('archive');
+ const table = new DataTable(myPastesElem, {
+ ajaxCallback: (resolve) => {
+ resolve({
+ data: Array.prototype.map.call(myPastesElem.querySelectorAll('tbody > tr'), parsePasteInfo)
+ });
+ },
+ rowCallback: (rowData) => {
+ const userData = getUserInfo();
+ const ownedByUser = (parseInt(rowData.user_id) === parseInt(userData.userId));
+
+ const deleteElem = ownedByUser ? `
+
+ | ` : '';
+ const pasteCreatedAt = new Date(rowData.created_at).toLocaleString();
+ const pasteVisibility = ownedByUser ? `${rowData.visibility} | ` : '';
+
+ return `
+ | ${escape(rowData.title)} |
+ ${pasteCreatedAt} |
+ ${pasteVisibility}
+ ${rowData.views || 0} |
+ ${tagsToHtml(rowData.tags)} |
+ ${deleteElem}
+
`;
+ },
+ filterCallback: dumbFilterCallback,
+ preFilter: myParam
+ });
+ table.attach();
+
+ const myFavesElem = document.getElementById('favs');
+
+ if (!myFavesElem) {
+ return;
+ }
+
+ const faveTable = new DataTable(myFavesElem, {
+ ajaxCallback: (resolve) => {
+ resolve({
+ data: Array.prototype.map.call(myFavesElem.querySelectorAll('tbody > tr'), parsePasteInfo)
+ });
+ },
+ rowCallback: (rowData) => {
+ const recentUpdate = rowData.recently_updated ?
+ `` :
+ ``;
+ const pasteFavedAt = new Date(rowData.favourited_at).toLocaleString();
+
+ // ${escape(rowData.author)} |
+ return `
+ | ${escape(rowData.title)} |
+ ${pasteFavedAt} |
+ ${recentUpdate} |
+ ${tagsToHtml(rowData.tags)} |
+
`;
+ },
+ filterCallback: dumbFilterCallback
+ });
+ faveTable.attach();
+});
diff --git a/public/assets/bundle/user_profile.min.js b/public/assets/bundle/user_profile.min.js
new file mode 100644
index 0000000..83ae5ae
--- /dev/null
+++ b/public/assets/bundle/user_profile.min.js
@@ -0,0 +1,2 @@
+function t(t){return function(t){if(Array.isArray(t))return n(t)}(t)||function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(t)||a(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function e(t,e){var n="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(!n){if(Array.isArray(t)||(n=a(t))||e&&t&&"number"==typeof t.length){n&&(t=n);var i=0,r=function(){};return{s:r,n:function(){return i>=t.length?{done:!0}:{done:!1,value:t[i++]}},e:function(t){throw t},f:r}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var s,o=!0,l=!1;return{s:function(){n=n.call(t)},n:function(){var t=n.next();return o=t.done,t},e:function(t){l=!0,s=t},f:function(){try{o||null==n.return||n.return()}finally{if(l)throw s}}}}function a(t,e){if(t){if("string"==typeof t)return n(t,e);var a=Object.prototype.toString.call(t).slice(8,-1);return"Object"===a&&t.constructor&&(a=t.constructor.name),"Map"===a||"Set"===a?Array.from(t):"Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a)?n(t,e):void 0}}function n(t,e){(null==e||e>t.length)&&(e=t.length);for(var a=0,n=new Array(e);a/g,">").replace(/"/g,""").replace(/'/g,"'")},h=function(){function t(e){i(this,t),this.element=e}return s(t,[{key:"attach",value:function(t){this.element.addEventListener("click",(function(e){e.target&&e.target.classList.contains("paginator__button")&&t(+e.target.dataset.page)}))}},{key:"update",value:function(t,e,a){d(this.element);var n=Math.floor(t/e);if(0!==n){var i=a-2<0?0:a-2,r=a+2>n?n:a+2,s=Math.abs(0-a)>2,o=Math.abs(n-a)>2,l=0===a?"disabled":"";this.element.appendChild(c(''))),s&&(this.element.appendChild(c('"))),this.element.appendChild(c('…')));for(var u=i;u<=r;u++){var h=u===a?"paginator__button--selected":"";this.element.appendChild(c('")))}o&&(this.element.appendChild(c('…')),this.element.appendChild(c('"))));var p=a===n?"disabled":"";this.element.appendChild(c('')))}}}]),t}(),p=function(){function a(t,e){i(this,a),this.element=t,this.container=t.parentElement,this.options=e,this.ajaxCallback=e.ajaxCallback,this.data=[],this.unfilteredData=[],this.totalRecords=-1,this.perPage=20,this.currentPage=0,this.paginator=new h(this.container.querySelector(".paginator")),this.filterCallback=e.filterCallback,this.sortField=null,this.sortDir=!0}return s(a,[{key:"attach",value:function(){var t=this;this.filterField=this.container.querySelector("input.search"),this.filterField&&this.filterCallback&&(this.filterField.addEventListener("keyup",(function(e){e.target&&t._updateFilter(e.target.value)})),this.options.preFilter&&(this.filterField.value=this.options.preFilter)),this.perPageField=this.container.querySelector("select[name=per_page]"),this.perPageField&&this.perPageField.addEventListener("change",(function(e){t.perPage=Number(e.target.value),t._updatePage(0)}));var e=this.element.querySelector("tr.paginator__sort");e&&e.addEventListener("click",(function(e){var a=e.target;if(a.dataset.sortField){if(t.sortField){var n=t.element.querySelector("th[data-sort-field=".concat(t.sortField,"]"));n.classList.remove("paginator__sort--down"),n.classList.remove("paginator__sort--up")}t._updateSort(a.dataset.sortField,!t.sortDir),a.classList.add(t.sortDir?"paginator__sort--up":"paginator__sort--down")}})),this.paginator.attach(this._updatePage.bind(this)),this._loadEntries()}},{key:"_loadEntries",value:function(){var t=this;new Promise(this.ajaxCallback).then((function(e){t.element.classList.remove("hidden"),t.unfilteredData=e.data,t._updateFilter(t.options.preFilter)}))}},{key:"_updateEntries",value:function(t){this.data=t,this.totalRecords=this.data.length;var e=this.element.querySelector("tbody");d(e);for(var a=this.perPage*this.currentPage,n=a+this.perPage>this.totalRecords?this.totalRecords:a+this.perPage,i=a;in[e]?i=1:t[e]\n ').concat(u(t.name),"\n ")})).join("")},v=function(){function t(e){var a=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};i(this,t),this.element=e,this.tags=[],this.options=a,this.maxTags=a.maxTags||10,this.inputNode=null,this.containerNode=null}return s(t,[{key:"attach",value:function(){if(this.element.style.display="none",this.containerNode=c(''),this.inputNode=c(''),this.containerNode.appendChild(this.inputNode),this.element.parentNode.insertBefore(this.containerNode,this.element.nextSibling),this.element.value){var t,a=e(this.element.value.split(","));try{for(a.s();!(t=a.n()).done;){var n=t.value;this.addTag(n)}}catch(t){a.e(t)}finally{a.f()}}this.containerNode.addEventListener("keydown",this._handleInputKeyUp.bind(this)),this.containerNode.addEventListener("click",this._handleContainerClick.bind(this))}},{key:"detach",value:function(){this.tags.clear(),this.containerNode.remove(),this.element.style.display="inline-block"}},{key:"updateHiddenInputValue",value:function(){this.element.value=this.tags.join(",")}},{key:"deleteTagNode",value:function(t){this.tags.splice(this.tags.indexOf(t.dataset.value.toLowerCase()),1),t.remove(),this.tags.length'+u(t)+''),this.inputNode),this.tags.length>=this.maxTags&&(this.inputNode.disabled=!0))}},{key:"_handleInputKeyUp",value:function(t){var e=this.inputNode.value;"Backspace"===t.key&&""===e?this.inputNode.previousSibling&&(this.deleteTagNode(this.inputNode.previousSibling),this.updateHiddenInputValue()):","===t.key&&(this.addTag(e),this.inputNode.value="",this.updateHiddenInputValue(),t.preventDefault())}},{key:"_handleContainerClick",value:function(t){t.target&&t.target.classList.contains("delete")&&(this.deleteTagNode(t.target.closest(".tag")),this.updateHiddenInputValue())}}]),t}(),m=function(){var t,e;Array.prototype.forEach.call((t=".js-tag-input",document.querySelectorAll(t)||[]),(function(t){new v(t).attach()})),(e=l('[data-target~="#signin"],[data-target~="#signup"]'))&&(e.addEventListener("click",(function(){l(".modal").classList.add("is-active")})),l(".modal-button-close").addEventListener("click",(function(){l(".modal").classList.remove("is-active")})));var a=l(".panel-tools .embed-tool");a&&a.addEventListener("click",(function(t){var e;t.target&&t.target.closest(".panel-tools")&&((e=t.target.closest(".panel-tools").querySelector(".panel-embed")).classList.contains("is-hidden")?e.classList.remove("is-hidden"):e.classList.add("is-hidden"))}));var n=l(".expand-tool");n&&n.addEventListener("click",(function(t){if(t.target&&t.target.closest(".panel")){var e=t.target.closest(".panel");e.classList.contains("panel-fullsize")?e.classList.remove("panel-fullsize"):e.classList.add("panel-fullsize")}})),(document.querySelectorAll(".notification .delete")||[]).forEach((function(t){var e=t.parentNode;t.addEventListener("click",(function(){e.parentNode.removeChild(e)}))}));var i=Array.prototype.slice.call(document.querySelectorAll(".navbar-burger"),0);i.length>0&&i.forEach((function(t){t.addEventListener("click",(function(){var e=t.dataset.target,a=document.getElementById(e);t.classList.toggle("is-active"),a.classList.toggle("is-active")}))}));var r=l(".preloader"),s=l("main");r&&s&&(r.remove(),s.id="")},y=function(t){return t.dataset.pasteInfo?JSON.parse(t.dataset.pasteInfo):null};o=function(){m();var t=new URLSearchParams(window.location.search).get("q"),e=document.getElementById("archive");new p(e,{ajaxCallback:function(t){t({data:Array.prototype.map.call(e.querySelectorAll("tbody > tr"),y)})},rowCallback:function(t){var e,a=(e=document.getElementById("js-data-holder"))?{userId:e.dataset.userId,csrfToken:e.dataset.csrfToken}:{userId:null,csrfToken:null},n=parseInt(t.user_id)===parseInt(a.userId),i=n?'\n \n | '):"",r=new Date(t.created_at).toLocaleString(),s=n?''.concat(t.visibility," | "):"";return'\n | ').concat(u(t.title),' | \n ').concat(r," | \n ").concat(s,'\n ').concat(t.views||0," | \n ").concat(g(t.tags)," | \n ").concat(i,"\n
")},filterCallback:f,preFilter:t}).attach();var a=document.getElementById("favs");a&&new p(a,{ajaxCallback:function(t){t({data:Array.prototype.map.call(a.querySelectorAll("tbody > tr"),y)})},rowCallback:function(t){var e=t.recently_updated?"":"",a=new Date(t.favourited_at).toLocaleString();return'\n | ').concat(u(t.title),' | \n ').concat(a,' | \n ').concat(e," | \n ").concat(g(t.tags)," | \n
")},filterCallback:f}).attach()},"loading"!==document.readyState?o():document.addEventListener("DOMContentLoaded",o);
+//# sourceMappingURL=user_profile.min.js.map
diff --git a/public/assets/bundle/user_profile.min.js.map b/public/assets/bundle/user_profile.min.js.map
new file mode 100644
index 0000000..2833384
--- /dev/null
+++ b/public/assets/bundle/user_profile.min.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"user_profile.min.js","sources":["../../js/dom.js","../../js/data_tables.js","../../js/utils.js","../../js/tag_input.js","../../js/main.js","../../js/user_profile.js"],"sourcesContent":["const $ = function(selector) {\n return document.querySelector(selector);\n};\n\nconst $$ = function(selector) {\n return document.querySelectorAll(selector) || [];\n};\n\nconst makeEl = function(html) {\n const template = document.createElement('template');\n\n template.innerHTML = html.trim();\n\n return template.content.firstChild;\n};\n\nconst clearEl = function(el) {\n while (el.firstChild) {\n el.removeChild(el.firstChild);\n }\n};\n\nconst toggleEl = function(el) {\n if (el.classList.contains('is-hidden')) {\n el.classList.remove('is-hidden');\n } else {\n el.classList.add('is-hidden');\n }\n};\n\nconst escape = function(unsafe) {\n return unsafe\n .replace(/&/g, \"&\")\n .replace(//g, \">\")\n .replace(/\"/g, \""\")\n .replace(/'/g, \"'\");\n}\n\nconst whenReady = function(funcp) {\n if (document.readyState !== 'loading') {\n funcp();\n } else {\n document.addEventListener('DOMContentLoaded', funcp);\n }\n}\n\nexport { whenReady, $, $$, makeEl, clearEl, toggleEl, escape };","import { makeEl, clearEl } from \"./dom\";\n\nclass SimplePaginator {\n constructor(element) {\n this.element = element;\n }\n\n attach(pageCallback) {\n this.element.addEventListener('click', evt => {\n if (evt.target && evt.target.classList.contains('paginator__button')) {\n pageCallback(+evt.target.dataset.page);\n }\n });\n }\n\n update(totalRecords, perPage, currentPage) {\n clearEl(this.element);\n\n /* First and last page in existence */\n const firstPage = 0;\n const lastPage = Math.floor(totalRecords / perPage); // ish?\n const numPagesToShow = 2;\n\n if (lastPage === firstPage) {\n return;\n }\n\n /* First and last page the main paginator will show */\n const firstPageShow = (currentPage - numPagesToShow) < firstPage ? firstPage : (currentPage - numPagesToShow);\n const lastPageShow = (currentPage + numPagesToShow) > lastPage ? lastPage : (currentPage + numPagesToShow);\n\n /* Whether to show the first and last pages in existence at the ends of the paginator */\n const showFirstPage = (Math.abs(firstPage - currentPage)) > (numPagesToShow);\n const showLastPage = (Math.abs(lastPage - currentPage)) > (numPagesToShow);\n\n\n const prevButtonDisabled = currentPage === firstPage ? 'disabled' : ''\n\n /* Previous button */\n this.element.appendChild(makeEl(\n ``\n ));\n\n /* First page button */\n if (showFirstPage) {\n this.element.appendChild(makeEl(\n ``\n ));\n this.element.appendChild(makeEl(`…`));\n }\n\n /* \"window\" buttons */\n for (let i = firstPageShow; i <= lastPageShow; i++) {\n const selected = (i === currentPage ? 'paginator__button--selected' : '');\n this.element.appendChild(makeEl(\n ``\n ));\n }\n\n /* Last page button */\n if (showLastPage) {\n this.element.appendChild(makeEl(`…`));\n this.element.appendChild(makeEl(\n ``\n ));\n }\n\n const nextButtonDisabled = currentPage === lastPage ? 'disabled' : ''\n /* Next button */\n this.element.appendChild(makeEl(\n ``\n ));\n }\n}\n\nclass DataTable {\n constructor(element, options) {\n this.element = element;\n this.container = element.parentElement;\n this.options = options;\n\n this.ajaxCallback = options.ajaxCallback;\n this.data = [];\n this.unfilteredData = [];\n\n this.totalRecords = -1;\n this.perPage = 20;\n this.currentPage = 0;\n\n this.paginator = new SimplePaginator(this.container.querySelector('.paginator'));\n\n this.filterCallback = options.filterCallback;\n this.sortField = null;\n this.sortDir = true;\n }\n\n attach() {\n this.filterField = this.container.querySelector('input.search');\n if (this.filterField && this.filterCallback) {\n this.filterField.addEventListener('keyup', evt => {\n if (evt.target) {\n this._updateFilter(evt.target.value);\n }\n });\n\n if (this.options.preFilter) {\n this.filterField.value = this.options.preFilter;\n }\n }\n\n this.perPageField = this.container.querySelector('select[name=per_page]');\n\n if (this.perPageField) {\n this.perPageField.addEventListener('change', evt => {\n this.perPage = Number(evt.target.value);\n this._updatePage(0);\n });\n }\n\n const header = this.element.querySelector('tr.paginator__sort');\n\n if (header) {\n header.addEventListener('click', evt => {\n const target = evt.target;\n\n if (!target.dataset.sortField) {\n return;\n }\n\n if (this.sortField) {\n const elem = this.element.querySelector(`th[data-sort-field=${this.sortField}]`)\n elem.classList.remove('paginator__sort--down');\n elem.classList.remove('paginator__sort--up');\n }\n\n this._updateSort(target.dataset.sortField, !this.sortDir);\n\n target.classList.add(this.sortDir ? 'paginator__sort--up' : 'paginator__sort--down');\n });\n }\n\n this.paginator.attach(this._updatePage.bind(this));\n this._loadEntries();\n }\n\n /* Load the requested data from the server, and when done, update the DOM. */\n _loadEntries() {\n new Promise(this.ajaxCallback)\n .then(data => {\n this.element.classList.remove('hidden');\n this.unfilteredData = data.data;\n this._updateFilter(this.options.preFilter);\n });\n }\n\n /* Update the DOM to reflect the current state of the data we have loaded */\n _updateEntries(data) {\n this.data = data;\n this.totalRecords = this.data.length;\n\n const bodyElement = this.element.querySelector('tbody');\n clearEl(bodyElement);\n\n const firstIndex = (this.perPage * this.currentPage);\n const lastIndex = (firstIndex + this.perPage) > this.totalRecords ? this.totalRecords : (firstIndex + this.perPage);\n\n\n for (let i = firstIndex; i < lastIndex; i++) {\n const rowElem = makeEl(this.options.rowCallback(this.data[i]));\n rowElem.classList.add(i % 2 === 0 ? 'odd' : 'even');\n\n bodyElement.appendChild(rowElem);\n }\n\n this.paginator.update(this.totalRecords, this.perPage, this.currentPage);\n }\n\n _updatePage(n) {\n this.currentPage = n;\n this.paginator.update(this.totalRecords, this.perPage, this.currentPage);\n this._updateEntries(this.data);\n }\n\n _updateFilter(query) {\n /* clearing the query */\n if (query === null || query === '') {\n this._updateEntries(this.unfilteredData);\n return;\n }\n\n let data = [];\n for (const datum of this.unfilteredData) {\n if (this.filterCallback(datum, query)) {\n data.push(datum);\n }\n }\n\n this._updatePage(0)\n this._updateEntries(data);\n }\n\n _updateSort(field, direction) {\n this.sortField = field;\n this.sortDir = direction;\n\n let newEntries = [...this.data].sort((a, b) => {\n let sorter = 0;\n\n if (a[field] > b[field]) {\n sorter = 1;\n } else if (a[field] < b[field]) {\n sorter = -1;\n }\n\n if (!direction) {\n sorter = -sorter;\n }\n\n return sorter;\n });\n\n this._updatePage(0);\n this._updateEntries(newEntries);\n }\n}\n\nconst dumbFilterCallback = (datum, query) => {\n if (!query) {\n return true;\n }\n\n if (datum.title.indexOf(query) !== -1) {\n return true;\n }\n\n /* this is inefficient */\n for (const tag of datum.tags) {\n if (tag.name.toLowerCase() === query.toLowerCase()) {\n return true;\n }\n }\n\n return false;\n};\n\nexport { DataTable, dumbFilterCallback };\n","import { escape } from \"./dom\";\n\nconst tagsToHtml = (tags) => {\n\n return tags.map(tagData => {\n let tagColorClass;\n if (tagData.name.indexOf('nsfw') !== -1) {\n tagColorClass = 'is-danger';\n } else if (tagData.name.indexOf('safe') !== -1) {\n tagColorClass = 'is-success';\n } else if (tagData.name.indexOf('/') !== -1) {\n tagColorClass = 'is-primary';\n } else {\n tagColorClass = 'is-info';\n }\n\n return `\n ${escape(tagData.name)}\n `;\n }).join('');\n};\n\nexport { tagsToHtml };\n","import { makeEl, escape } from \"./dom\";\n\nclass TagsInput {\n constructor(element, options = {}) {\n this.element = element;\n this.tags = [];\n this.options = options\n\n this.maxTags = options.maxTags || 10;\n this.inputNode = null;\n this.containerNode = null;\n }\n\n attach() {\n this.element.style.display = 'none';\n\n this.containerNode = makeEl('');\n this.inputNode = makeEl('');\n this.containerNode.appendChild(this.inputNode);\n\n this.element.parentNode.insertBefore(this.containerNode, this.element.nextSibling);\n\n /* Load existing tags from input */\n if (this.element.value) {\n for (const tag of this.element.value.split(',')) {\n this.addTag(tag);\n }\n }\n\n /* Handle addition and removal of tags via key-presses */\n this.containerNode.addEventListener('keydown', this._handleInputKeyUp.bind(this));\n\n /* Handle deletions by clicking the delete button */\n this.containerNode.addEventListener('click', this._handleContainerClick.bind(this));\n }\n\n detach() {\n this.tags.clear();\n this.containerNode.remove();\n this.element.style.display = 'inline-block';\n }\n\n updateHiddenInputValue() {\n this.element.value = this.tags.join(',');\n }\n\n deleteTagNode(node) {\n this.tags.splice(this.tags.indexOf(node.dataset.value.toLowerCase()), 1);\n node.remove();\n\n /* Below the limit? Make sure the input is enabled. */\n if (this.tags.length < this.maxTags) {\n this.inputNode.disabled = false;\n }\n }\n\n addTag(tagValue) {\n tagValue = tagValue.trim();\n\n /* Tag value is probably not empty and we don't already have the same tag. */\n if (tagValue !== '' && this.tags.indexOf(tagValue.toLowerCase()) === -1) {\n this.tags.push(tagValue.toLowerCase());\n\n this.inputNode.parentNode.insertBefore(\n makeEl('' + escape(tagValue) + ''),\n this.inputNode\n );\n\n /* Too many tags, disable the input for now. */\n if (this.tags.length >= this.maxTags) {\n this.inputNode.disabled = true;\n }\n }\n }\n\n _handleInputKeyUp(evt) {\n let tagValue = this.inputNode.value;\n\n if (evt.key === 'Backspace' && tagValue === '') {\n // Remove the child\n if (this.inputNode.previousSibling) {\n this.deleteTagNode(this.inputNode.previousSibling);\n\n this.updateHiddenInputValue();\n }\n } else if (evt.key === ',') {\n this.addTag(tagValue);\n\n this.inputNode.value = ''\n this.updateHiddenInputValue();\n\n evt.preventDefault();\n }\n }\n\n _handleContainerClick(evt) {\n if (evt.target && evt.target.classList.contains('delete')) {\n this.deleteTagNode(evt.target.closest('.tag'));\n this.updateHiddenInputValue();\n }\n }\n}\n\nexport { TagsInput };\n","import { $, $$, toggleEl } from './dom';\nimport { TagsInput } from \"./tag_input\";\n\nconst setupSignupModal = () => {\n const signupButton = $('[data-target~=\"#signin\"],[data-target~=\"#signup\"]');\n\n if (signupButton) {\n signupButton.addEventListener('click', () => {\n $('.modal').classList.add('is-active');\n });\n\n $('.modal-button-close').addEventListener('click', () => {\n $('.modal').classList.remove('is-active');\n });\n }\n}\n\nconst globalSetup = () => {\n Array.prototype.forEach.call($$('.js-tag-input'), (el) => {\n new TagsInput(el).attach();\n });\n\n setupSignupModal();\n\n const embedButton = $('.panel-tools .embed-tool');\n\n if (embedButton){\n embedButton.addEventListener('click', (evt) => {\n if (evt.target && evt.target.closest('.panel-tools')) {\n toggleEl(evt.target.closest('.panel-tools').querySelector('.panel-embed'));\n }\n });\n }\n\n const expandButton = $('.expand-tool');\n\n if (expandButton) {\n expandButton.addEventListener('click', (evt) => {\n if (evt.target && evt.target.closest('.panel')) {\n const panel = evt.target.closest('.panel');\n\n if (panel.classList.contains('panel-fullsize')) {\n panel.classList.remove('panel-fullsize');\n } else {\n panel.classList.add('panel-fullsize');\n }\n }\n });\n }\n\n // Notifications\n (document.querySelectorAll('.notification .delete') || []).forEach(($delete) => {\n const $notification = $delete.parentNode;\n\n $delete.addEventListener('click', () => {\n $notification.parentNode.removeChild($notification);\n });\n });\n\n // Hamburger menu\n const $navbarBurgers = Array.prototype.slice.call(document.querySelectorAll('.navbar-burger'), 0);\n if ($navbarBurgers.length > 0) {\n $navbarBurgers.forEach(el => {\n el.addEventListener('click', () => {\n const target = el.dataset.target;\n const $target = document.getElementById(target);\n el.classList.toggle('is-active');\n $target.classList.toggle('is-active');\n });\n });\n }\n\n const preloader = $('.preloader');\n const main = $('main');\n\n if (preloader && main) {\n preloader.remove();\n main.id = '';\n }\n}\n\nexport { globalSetup };","import { escape, whenReady } from './dom';\nimport { DataTable, dumbFilterCallback } from './data_tables';\nimport { tagsToHtml } from \"./utils\";\nimport { globalSetup } from './main';\n\nconst getUserInfo = () => {\n const elem = document.getElementById('js-data-holder');\n\n if (!elem) {\n return { userId: null, csrfToken: null };\n }\n\n return { userId: elem.dataset.userId, csrfToken: elem.dataset.csrfToken };\n};\n\nconst parsePasteInfo = (elem) => {\n if (!elem.dataset.pasteInfo) {\n return null;\n }\n\n return JSON.parse(elem.dataset.pasteInfo);\n};\n\nwhenReady(() => {\n globalSetup();\n\n const urlParams = new URLSearchParams(window.location.search);\n const myParam = urlParams.get('q');\n const myPastesElem = document.getElementById('archive');\n const table = new DataTable(myPastesElem, {\n ajaxCallback: (resolve) => {\n resolve({\n data: Array.prototype.map.call(myPastesElem.querySelectorAll('tbody > tr'), parsePasteInfo)\n });\n },\n rowCallback: (rowData) => {\n const userData = getUserInfo();\n const ownedByUser = (parseInt(rowData.user_id) === parseInt(userData.userId));\n\n const deleteElem = ownedByUser ? `\n \n | ` : '';\n const pasteCreatedAt = new Date(rowData.created_at).toLocaleString();\n const pasteVisibility = ownedByUser ? `${rowData.visibility} | ` : '';\n\n return `\n | ${escape(rowData.title)} | \n ${pasteCreatedAt} | \n ${pasteVisibility}\n ${rowData.views || 0} | \n ${tagsToHtml(rowData.tags)} | \n ${deleteElem}\n
`;\n },\n filterCallback: dumbFilterCallback,\n preFilter: myParam\n });\n table.attach();\n\n const myFavesElem = document.getElementById('favs');\n\n if (!myFavesElem) {\n return;\n }\n\n const faveTable = new DataTable(myFavesElem, {\n ajaxCallback: (resolve) => {\n resolve({\n data: Array.prototype.map.call(myFavesElem.querySelectorAll('tbody > tr'), parsePasteInfo)\n });\n },\n rowCallback: (rowData) => {\n const recentUpdate = rowData.recently_updated ?\n `` :\n ``;\n const pasteFavedAt = new Date(rowData.favourited_at).toLocaleString();\n\n // ${escape(rowData.author)} | \n return `\n | ${escape(rowData.title)} | \n ${pasteFavedAt} | \n ${recentUpdate} | \n ${tagsToHtml(rowData.tags)} | \n
`;\n },\n filterCallback: dumbFilterCallback\n });\n faveTable.attach();\n});"],"names":["funcp","$","selector","document","querySelector","makeEl","html","template","createElement","innerHTML","trim","content","firstChild","clearEl","el","removeChild","escape","unsafe","replace","SimplePaginator","element","pageCallback","addEventListener","evt","target","classList","contains","dataset","page","totalRecords","perPage","currentPage","this","lastPage","Math","floor","firstPageShow","lastPageShow","showFirstPage","abs","showLastPage","prevButtonDisabled","appendChild","i","selected","nextButtonDisabled","DataTable","options","container","parentElement","ajaxCallback","data","unfilteredData","paginator","filterCallback","sortField","sortDir","filterField","_this","_updateFilter","value","preFilter","perPageField","Number","_updatePage","header","elem","remove","_updateSort","add","attach","bind","_loadEntries","Promise","then","_this2","length","bodyElement","firstIndex","lastIndex","rowElem","rowCallback","update","n","_updateEntries","query","datum","push","field","direction","newEntries","_toConsumableArray","sort","a","b","sorter","dumbFilterCallback","title","indexOf","tags","name","toLowerCase","tagsToHtml","map","tagData","tagColorClass","slug","join","TagsInput","maxTags","inputNode","containerNode","style","display","parentNode","insertBefore","nextSibling","split","tag","addTag","_handleInputKeyUp","_handleContainerClick","clear","node","splice","disabled","tagValue","key","previousSibling","deleteTagNode","updateHiddenInputValue","preventDefault","closest","globalSetup","signupButton","Array","prototype","forEach","call","querySelectorAll","embedButton","expandButton","panel","$delete","$notification","$navbarBurgers","slice","$target","getElementById","toggle","preloader","main","id","parsePasteInfo","pasteInfo","JSON","parse","myParam","URLSearchParams","window","location","search","get","myPastesElem","resolve","rowData","userData","userId","csrfToken","ownedByUser","parseInt","user_id","deleteElem","pasteCreatedAt","Date","created_at","toLocaleString","pasteVisibility","visibility","views","myFavesElem","recentUpdate","recently_updated","pasteFavedAt","favourited_at","readyState"],"mappings":"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"}
\ No newline at end of file
diff --git a/assets/fonts/LMS Pretty Pony.ttf b/public/assets/fonts/LMS Pretty Pony.ttf
similarity index 100%
rename from assets/fonts/LMS Pretty Pony.ttf
rename to public/assets/fonts/LMS Pretty Pony.ttf
diff --git a/assets/fonts/PonyvilleMedium0.4.ttf b/public/assets/fonts/PonyvilleMedium0.4.ttf
similarity index 100%
rename from assets/fonts/PonyvilleMedium0.4.ttf
rename to public/assets/fonts/PonyvilleMedium0.4.ttf
diff --git a/assets/fonts/SigmarOne.ttf b/public/assets/fonts/SigmarOne.ttf
similarity index 100%
rename from assets/fonts/SigmarOne.ttf
rename to public/assets/fonts/SigmarOne.ttf
diff --git a/assets/fonts/captcha_code.otf b/public/assets/fonts/captcha_code.otf
similarity index 100%
rename from assets/fonts/captcha_code.otf
rename to public/assets/fonts/captcha_code.otf
diff --git a/assets/fonts/times_new_yorker.ttf b/public/assets/fonts/times_new_yorker.ttf
similarity index 100%
rename from assets/fonts/times_new_yorker.ttf
rename to public/assets/fonts/times_new_yorker.ttf
diff --git a/assets/img/captcha/text1.png b/public/assets/img/captcha/text1.png
similarity index 100%
rename from assets/img/captcha/text1.png
rename to public/assets/img/captcha/text1.png
diff --git a/assets/img/captcha/text2.png b/public/assets/img/captcha/text2.png
similarity index 100%
rename from assets/img/captcha/text2.png
rename to public/assets/img/captcha/text2.png
diff --git a/assets/img/captcha/text3.png b/public/assets/img/captcha/text3.png
similarity index 100%
rename from assets/img/captcha/text3.png
rename to public/assets/img/captcha/text3.png
diff --git a/assets/img/loader/1.gif b/public/assets/img/loader/1.gif
similarity index 100%
rename from assets/img/loader/1.gif
rename to public/assets/img/loader/1.gif
diff --git a/assets/img/loader/2.gif b/public/assets/img/loader/2.gif
similarity index 100%
rename from assets/img/loader/2.gif
rename to public/assets/img/loader/2.gif
diff --git a/assets/img/loader/3.gif b/public/assets/img/loader/3.gif
similarity index 100%
rename from assets/img/loader/3.gif
rename to public/assets/img/loader/3.gif
diff --git a/public/captcha.php b/public/captcha.php
new file mode 100644
index 0000000..4044e4d
--- /dev/null
+++ b/public/captcha.php
@@ -0,0 +1,58 @@
+map('transformPasteRow');
// Theme
$page_template = 'discover';
$page_title = 'Discover';
-require_once('theme/' . $default_theme . '/common.php');
+require_once(__DIR__ . '/../theme/' . $default_theme . '/common.php');
diff --git a/public/event.php b/public/event.php
new file mode 100644
index 0000000..298d0d9
--- /dev/null
+++ b/public/event.php
@@ -0,0 +1,9 @@
+ {
input: `js/${name}.js`,
output: [
{
- file: `assets/bundle/${name}.js`,
+ file: `public/assets/bundle/${name}.js`,
format: 'esm'
},
{
- file: `assets/bundle/${name}.min.js`,
+ file: `public/assets/bundle/${name}.min.js`,
format: 'esm',
plugins: [getBabelOutputPlugin({ presets: ['@babel/preset-env'] }), terser()],
sourcemap: true
diff --git a/router.php b/router.php
deleted file mode 100644
index edba6ba..0000000
--- a/router.php
+++ /dev/null
@@ -1,18 +0,0 @@
-