mirror of
https://github.com/qwertyforce/scenery.git
synced 2025-05-28 10:15:37 +00:00
317 lines
8.6 KiB
TypeScript
317 lines
8.6 KiB
TypeScript
/* eslint-disable @typescript-eslint/no-explicit-any */
|
|
import React from "react";
|
|
import Gallery from "react-photo-gallery";
|
|
import { makeStyles } from '@material-ui/core/styles';
|
|
import AppBar from '../components/AppBar'
|
|
import db_ops from '../server/helpers/db_ops'
|
|
import Pagination from '@material-ui/lab/Pagination';
|
|
import Photo from '../components/Photo'
|
|
import Link from '../components/Link'
|
|
import ErrorPage from 'next/error'
|
|
import PaginationItem from "@material-ui/lab/PaginationItem/PaginationItem";
|
|
|
|
const useStyles = makeStyles(() => ({
|
|
pagination: {
|
|
display: "flex",
|
|
justifyContent: 'center'
|
|
}
|
|
}));
|
|
|
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
export default function Search(props: any) {
|
|
const classes = useStyles();
|
|
if (props.err) {
|
|
return <ErrorPage statusCode={404} />
|
|
}
|
|
return (
|
|
<div>
|
|
<AppBar />
|
|
{/*
|
|
// @ts-ignore */ }
|
|
<Gallery targetRowHeight={250} photos={props.photos} renderImage={Photo} /> {/* FIX THIS SHIT */}
|
|
<div className={classes.pagination}>
|
|
{/* // @ts-ignore */}
|
|
<Pagination count={props.max_page} defaultPage={props.current_page} renderItem={(item) => {
|
|
{/*
|
|
// @ts-ignore */ }
|
|
return (<PaginationItem
|
|
component={Link}
|
|
href={`/search?q=${props.search_query}&page=${item.page}`}
|
|
underline="none"
|
|
{...item}
|
|
/>)
|
|
}
|
|
} siblingCount={3} color="primary" size="large" />
|
|
</div>
|
|
</div>
|
|
|
|
)
|
|
}
|
|
function parse(tokens: string[]) {
|
|
const operators: any = []
|
|
const operands: any = []
|
|
const priority: any = {
|
|
"!": 3,
|
|
"&&": 2,
|
|
"||": 1
|
|
}
|
|
function operate(operator: string, a: any, b: any = 0) {
|
|
if (a === undefined || b === undefined) {
|
|
return { error: true }
|
|
}
|
|
let x = {}
|
|
switch (operator) {
|
|
case "||":
|
|
x = { '$or': [a, b] }
|
|
break;
|
|
case "&&":
|
|
x = { '$and': [a, b] }
|
|
break;
|
|
case "!":
|
|
x = { '$nor': [a] }
|
|
break;
|
|
}
|
|
return x
|
|
}
|
|
function x(operator: string) {
|
|
while (operators.length > 0 && operators[operators.length - 1] !== "(" && priority[operators[operators.length - 1]] >= priority[operator]) {
|
|
const last_operator = operators.pop()
|
|
if (last_operator !== "!") {
|
|
const b = operands.pop()
|
|
const a = operands.pop()
|
|
operands.push(operate(last_operator, a, b))
|
|
} else {
|
|
const a = operands.pop()
|
|
operands.push(operate(last_operator, a))
|
|
}
|
|
}
|
|
operators.push(operator)
|
|
}
|
|
|
|
function execute_until_opening_bracket() {
|
|
while (operators.length > 0) {
|
|
const last_operator = operators.pop()
|
|
if (last_operator === "(") {
|
|
break;
|
|
}
|
|
if (last_operator !== "!") {
|
|
const b = operands.pop()
|
|
const a = operands.pop()
|
|
operands.push(operate(last_operator, a, b))
|
|
} else {
|
|
const a = operands.pop()
|
|
operands.push(operate(last_operator, a))
|
|
}
|
|
}
|
|
}
|
|
function execute_remaining() {
|
|
while (operators.length > 0) {
|
|
const last_operator = operators.pop()
|
|
if (last_operator === ")" || last_operator === "(") {
|
|
continue;
|
|
}
|
|
if (last_operator !== "!") {
|
|
const b = operands.pop()
|
|
const a = operands.pop()
|
|
operands.push(operate(last_operator, a, b))
|
|
} else {
|
|
const a = operands.pop()
|
|
operands.push(operate(last_operator, a))
|
|
}
|
|
}
|
|
}
|
|
|
|
for (const token of tokens) {
|
|
switch (token) {
|
|
case "||":
|
|
x("||")
|
|
break;
|
|
case ",":
|
|
case "&&":
|
|
x("&&")
|
|
break;
|
|
case "-":
|
|
case "!":
|
|
x("!")
|
|
break;
|
|
case "(":
|
|
operators.push("(")
|
|
break;
|
|
case ")":
|
|
execute_until_opening_bracket()
|
|
break;
|
|
default:
|
|
operands.push({ tags: token })
|
|
break;
|
|
}
|
|
}
|
|
execute_remaining()
|
|
if (operands.length !== 1 || operators.length !== 0) {
|
|
return { error: true }
|
|
} else {
|
|
return operands[0]
|
|
}
|
|
}
|
|
function tokenize(query: string) {
|
|
function detect_brackets(str: string) {
|
|
const tokens = ["&&", "||", "#!", ",", "#-"];
|
|
const tokens2 = ["&&", "||", "#!", "(", ")", ",", "#-"];
|
|
const stack = [];
|
|
const closing_brackets = [];
|
|
const opening_brackets = [];
|
|
for (let i = 0; i < str.length; i++) {
|
|
if (tokens2.includes(str[i])) {
|
|
stack.push({ token: str[i], idx: i });
|
|
}
|
|
if (str[i + 1] && tokens2.includes(str[i] + str[i + 1])) {
|
|
stack.push({ token: str[i] + str[i + 1], idx: i });
|
|
}
|
|
if (stack.length > 0 && str[i] === ")") {
|
|
let x = stack.pop();
|
|
let m = false;
|
|
if (!x) {
|
|
return "##errror##"
|
|
}
|
|
while (x.token !== "(") {
|
|
x = stack.pop();
|
|
if (!x) {
|
|
return "##errror##"
|
|
}
|
|
if (tokens.includes(x.token)) {
|
|
m = true;
|
|
}
|
|
}
|
|
if (!m && (x.idx > 0 && (tokens.includes(str[x.idx - 1])) || (str[x.idx - 2] && tokens.includes(str[x.idx - 2] + str[x.idx - 1]))) ||
|
|
(x.idx === 0)) {
|
|
closing_brackets.push(i);
|
|
opening_brackets.push(x.idx);
|
|
}
|
|
else if (m) {
|
|
closing_brackets.push(i);
|
|
opening_brackets.push(x.idx);
|
|
}
|
|
}
|
|
}
|
|
const arr = str.split("");
|
|
for (let i = 0; i < closing_brackets.length; i++) {
|
|
arr[opening_brackets[i]] = "(%";
|
|
arr[closing_brackets[i]] = "%)";
|
|
}
|
|
str = arr.join("");
|
|
return str;
|
|
}
|
|
function not_operator_fix(str: string) {
|
|
const str_arr = str.split("");
|
|
const tokens = ["&&", "||", "!", ",", "-", "(", ")"];
|
|
const not_operators = ["!", "-"];
|
|
const stack = [];
|
|
for (let i = 0; i < str.length; i++) {
|
|
if (tokens.includes(str[i])) {
|
|
stack.push({ token: str[i], idx: i });
|
|
}
|
|
if (str[i + 1] && tokens.includes(str[i] + str[i + 1])) {
|
|
stack.push({ token: str[i] + str[i + 1], idx: i });
|
|
}
|
|
}
|
|
if (stack[0] && stack[0].idx === 0 && not_operators.includes(stack[0].token)) {
|
|
str_arr[0] = "#" + stack[0].token;
|
|
}
|
|
for (let i = 1; i < stack.length; i++) {
|
|
if (not_operators.includes(stack[i].token)) {
|
|
if (stack[i - 1].token !== ")" && stack[i - 1].token.length + stack[i - 1].idx === stack[i].idx) {
|
|
str_arr[stack[i].idx] = "#" + stack[i].token;
|
|
}
|
|
}
|
|
}
|
|
return str_arr.join("");
|
|
}
|
|
function split(str: string) {
|
|
const operators = ["&&", "||", "#!", "(%", "%)", ",", "#-"];
|
|
const temp_char = "#$#";
|
|
str = not_operator_fix(str);
|
|
str = detect_brackets(str);
|
|
if (str === "##errror##") {
|
|
return []
|
|
}
|
|
for (const operator of operators) {
|
|
str = str.replaceAll(operator, temp_char + operator + temp_char);
|
|
}
|
|
const arr = str.split(temp_char).map((el) => el.trim()).filter((el) => el !== "");
|
|
for (let i = 0; i < arr.length; i++) {
|
|
if (arr[i] === "(%") {
|
|
arr[i] = "(";
|
|
}
|
|
if (arr[i] === "#-") {
|
|
arr[i] = "-";
|
|
}
|
|
if (arr[i] === "#!") {
|
|
arr[i] = "!";
|
|
}
|
|
if (arr[i] === "%)") {
|
|
arr[i] = ")";
|
|
}
|
|
}
|
|
console.log(arr);
|
|
return arr;
|
|
}
|
|
return split(query)
|
|
}
|
|
|
|
|
|
function build_ast(str: string) {
|
|
const tokens = tokenize(str)
|
|
if (tokens.length === 0) {
|
|
return { error: true }
|
|
}
|
|
const ast = parse(tokens)
|
|
return ast
|
|
}
|
|
|
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
export async function getServerSideProps(context: any) {
|
|
if (context.query.q) {
|
|
if (context.query.q.includes("$")) { //anti - nosql injection or something
|
|
return {
|
|
props: { err: true }
|
|
}
|
|
}
|
|
console.log(context.query.q)
|
|
const query = build_ast(context.query.q)
|
|
if (query.error) {
|
|
return {
|
|
props: { err: true }
|
|
}
|
|
}
|
|
const images = await db_ops.image_ops.find_images_by_tags(query)
|
|
const images_on_page = 30
|
|
const photos = []
|
|
let page;
|
|
if (context.query.page) {
|
|
page = parseInt(context.query.page)
|
|
} else {
|
|
page = 1
|
|
}
|
|
page = Math.max(page, 1)
|
|
if (page <= Math.ceil(images.length / images_on_page)) {
|
|
for (let i = (page - 1) * images_on_page; (i < (page) * images_on_page) && (i < images.length); i++) {
|
|
photos.push({
|
|
src: `/thumbnails/${images[i].id}.jpg`,
|
|
key: `/image/${images[i].id}`,
|
|
width: images[i].width,
|
|
height: images[i].height
|
|
})
|
|
}
|
|
return {
|
|
props: {
|
|
photos: photos,
|
|
search_query: context.query.q,
|
|
current_page: page,
|
|
max_page: Math.ceil(images.length / images_on_page)
|
|
}
|
|
}
|
|
}
|
|
}
|
|
return {
|
|
props: { err: true }
|
|
}
|
|
} |