}
22 | />
23 | );
24 | };
25 |
26 | export default ExampleSelectable;
27 |
--------------------------------------------------------------------------------
/packages/react-virtual-selection/src/hooks/useSelectable.ts:
--------------------------------------------------------------------------------
1 | import { useState, useRef, useEffect } from 'react';
2 |
3 | import SelectionManger from '../classes/SelectionManager';
4 |
5 | const useSelectable = (type: string, item: () => unknown, deps: unknown[] = []): [boolean, React.MutableRefObject
] => {
6 | const [selected, setSelected] = useState(false);
7 | const selectableRef = useRef(null);
8 |
9 | useEffect(() => {
10 | const items = item();
11 |
12 | SelectionManger.Instance.addToSelectable(selectableRef, type, () => items, setSelected);
13 | return () => SelectionManger.Instance.removeFromSelectable(selectableRef, type);
14 | }, deps);
15 |
16 | return [selected, selectableRef];
17 | };
18 |
19 | export default useSelectable;
20 |
--------------------------------------------------------------------------------
/packages/react-virtual-selection/src/hooks/useSelectionCollector.ts:
--------------------------------------------------------------------------------
1 | import { useState } from 'react';
2 |
3 | import SelectionManager from '../classes/SelectionManager';
4 |
5 | const useSelectionCollector = (type: string) => {
6 | const [selectionData, setSelectionData] = useState([]);
7 |
8 | SelectionManager.Instance.registerSelectableWatcher(type, setSelectionData);
9 |
10 | return selectionData;
11 | };
12 |
13 | export default useSelectionCollector;
14 |
--------------------------------------------------------------------------------
/packages/react-virtual-selection/src/index.ts:
--------------------------------------------------------------------------------
1 | // -=- Hooks -=-
2 | import useSelectable from './hooks/useSelectable';
3 | import useSelectionCollector from './hooks/useSelectionCollector';
4 | import Selectable from './components/Selectable';
5 | import SelectionManager from './classes/SelectionManager';
6 |
7 | export {
8 | useSelectable,
9 | useSelectionCollector,
10 | Selectable,
11 | SelectionManager,
12 | };
13 |
--------------------------------------------------------------------------------
/packages/react-virtual-selection/src/index.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import ReactDOM from 'react-dom';
3 |
4 | import App from './demo/App';
5 |
6 | ReactDOM.render(, document.getElementById('root'));
7 |
--------------------------------------------------------------------------------
/packages/react-virtual-selection/tailwind.config.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | content: ['./src/**/*.{ts,tsx}'],
3 | theme: {
4 | extend: {},
5 | },
6 | plugins: [],
7 | };
8 |
--------------------------------------------------------------------------------
/packages/react-virtual-selection/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "compilerOptions": {
3 | "target": "es6",
4 | "allowJs": true,
5 | "skipLibCheck": true,
6 | "strict": true,
7 | "forceConsistentCasingInFileNames": true,
8 | "esModuleInterop": true,
9 | "module": "commonjs",
10 | "moduleResolution": "node",
11 | "resolveJsonModule": true,
12 | "incremental": true,
13 | "outDir": "dist",
14 | "sourceMap": true,
15 | "jsx": "preserve",
16 | "declaration": true,
17 | "declarationMap": true,
18 | },
19 | "include": ["**/*.ts", "**/*.tsx"],
20 | "exclude": ["node_modules", "dist", "src/index.tsx", "src/demo/**"],
21 | }
--------------------------------------------------------------------------------
/packages/react-virtual-selection/webpack.config.js:
--------------------------------------------------------------------------------
1 | /* eslint-disable @typescript-eslint/no-var-requires */
2 | // Generated using webpack-cli https://github.com/webpack/webpack-cli
3 |
4 | const path = require('path');
5 | const HtmlWebpackPlugin = require('html-webpack-plugin');
6 |
7 | const isProduction = process.env.NODE_ENV === 'production';
8 |
9 | const stylesHandler = 'style-loader';
10 |
11 | const config = {
12 | entry: {
13 | index: './src/index.tsx',
14 | },
15 | output: {
16 | path: path.resolve(__dirname, 'dist'),
17 | },
18 | devServer: {
19 | open: false,
20 | host: 'localhost',
21 | },
22 | plugins: [
23 | new HtmlWebpackPlugin({
24 | template: 'index.html',
25 | }),
26 |
27 | // Add your plugins here
28 | // Learns more about plugins from https://webpack.js.org/configuration/plugins/
29 | ],
30 | module: {
31 | rules: [
32 | {
33 | test: /\.(ts|tsx)$/i,
34 | loader: 'babel-loader',
35 | exclude: ['/node_modules/'],
36 | },
37 | {
38 | test: /\.css$/i,
39 | use: [stylesHandler, 'css-loader', 'postcss-loader'],
40 | },
41 | {
42 | test: /\.(eot|svg|ttf|woff|woff2|png|jpg|gif)$/i,
43 | type: 'asset',
44 | },
45 |
46 | // Add your rules for custom modules here
47 | // Learn more about loaders from https://webpack.js.org/loaders/
48 | ],
49 | },
50 | resolve: {
51 | extensions: ['.tsx', '.ts', '.js'],
52 | },
53 | };
54 |
55 | module.exports = () => {
56 | if (isProduction) {
57 | config.mode = 'production';
58 | } else {
59 | config.mode = 'development';
60 | }
61 | return config;
62 | };
63 |
--------------------------------------------------------------------------------
/web/.eslintrc.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | env: {
3 | browser: true,
4 | es2021: true,
5 | node: true,
6 | },
7 | extends: [
8 | 'eslint:recommended',
9 | 'plugin:react/recommended',
10 | 'airbnb',
11 | 'plugin:@typescript-eslint/eslint-recommended',
12 | 'plugin:@typescript-eslint/recommended',
13 | ],
14 | parser: '@typescript-eslint/parser',
15 | parserOptions: {
16 | ecmaFeatures: {
17 | jsx: true,
18 | },
19 | ecmaVersion: 13,
20 | sourceType: 'module',
21 | },
22 | plugins: ['react', '@typescript-eslint'],
23 | rules: {
24 | 'react/jsx-filename-extension': [2, { extensions: ['.js', '.jsx', '.ts', '.tsx'] }],
25 | 'no-use-before-define': 'off',
26 | '@typescript-eslint/no-use-before-define': ['error'],
27 | 'import/order': [
28 | 'error',
29 | {
30 | groups: [['external', 'builtin'], 'internal', ['parent', 'sibling', 'index']],
31 | 'newlines-between': 'always',
32 | },
33 | ],
34 | 'import/extensions': 0,
35 | 'react/function-component-definition': 'off',
36 | 'no-param-reassign': 0,
37 | '@typescript-eslint/no-unused-vars': ['warn', { argsIgnorePattern: '^_' }],
38 | 'no-underscore-dangle': ['error', { allow: ['_id'] }],
39 | },
40 | settings: {
41 | 'import/resolver': {
42 | node: {
43 | extensions: ['.js', '.jsx', '.ts', '.tsx'],
44 | },
45 | },
46 | },
47 | };
48 |
--------------------------------------------------------------------------------
/web/.gitignore:
--------------------------------------------------------------------------------
1 | # -=- NextJS -=-
2 | **/.next/**
3 |
4 | # -=- Enviornment Variables -=-
5 | **/.env.local
6 |
--------------------------------------------------------------------------------
/web/Dockerfile:
--------------------------------------------------------------------------------
1 | FROM node:20.2.0
2 |
3 | WORKDIR /usr/src/
4 |
5 | # -=- Install Packages -=-
6 | COPY package.json ./
7 | COPY yarn.lock ./
8 | RUN yarn
9 |
10 | # -=- Copy Source Code -=-
11 | COPY . .
12 |
13 | # -=- Expose The Port -=-
14 | EXPOSE 3000
15 |
16 | # -=- Build / Run The Code -=-
17 | CMD [ "yarn", "run", "start" ]
--------------------------------------------------------------------------------
/web/jest.config.js:
--------------------------------------------------------------------------------
1 | // eslint-disable-next-line @typescript-eslint/no-var-requires
2 | const nextJest = require('next/jest');
3 |
4 | const createJestConfig = nextJest({
5 | dir: './src/',
6 | });
7 |
8 | const jestConfig = {
9 | moduleNameMapper: {
10 | '^@/components/(.*)$': '/components/$1',
11 | '^@/pages/(.*)$': '/pages/$1',
12 | },
13 | testPathIgnorePatterns: [
14 | 'renderWrapper.tsx',
15 | 'setupTests.ts',
16 | ],
17 | testEnvironment: 'jest-environment-jsdom',
18 | automock: false,
19 | resetMocks: false,
20 | setupFilesAfterEnv: [
21 | './src/__tests__/setupTests.ts',
22 | ],
23 | };
24 |
25 | module.exports = createJestConfig(jestConfig);
26 |
--------------------------------------------------------------------------------
/web/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "web",
3 | "private": true,
4 | "scripts": {
5 | "dev": "next dev ./src/",
6 | "start": "next build ./src/ && next start ./src/",
7 | "lint": "next lint ./src/"
8 | },
9 | "resolutions": {
10 | "@types/react": "17.0.2",
11 | "@types/react-dom": "17.0.2"
12 | },
13 | "dependencies": {
14 | "@emotion/react": "^11.11.1",
15 | "@emotion/styled": "^11.11.0",
16 | "@mui/icons-material": "^5.14.11",
17 | "@mui/material": "^5.14.11",
18 | "dompurify": "^3.0.5",
19 | "dotenv": "^14.2.0",
20 | "emoji-mart": "^3.0.1",
21 | "express": "^4.17.2",
22 | "katex": "^0.16.4",
23 | "next": "12.0.8",
24 | "react": "17.0.2",
25 | "react-contenteditable": "^3.3.7",
26 | "react-dnd": "^15.1.2",
27 | "react-dnd-html5-backend": "^15.1.3",
28 | "react-dom": "17.0.2",
29 | "react-virtual-selection": "1.1.0",
30 | "supertokens-auth-react": "^0.28.1"
31 | },
32 | "devDependencies": {
33 | "@testing-library/dom": "^8.12.0",
34 | "@testing-library/jest-dom": "^5.16.2",
35 | "@testing-library/react": "^12.1.3",
36 | "@testing-library/user-event": "^13.5.0",
37 | "@types/dompurify": "^2.3.3",
38 | "@types/emoji-mart": "^3.0.9",
39 | "@types/jest": "^27.4.0",
40 | "@types/katex": "^0.16.0",
41 | "@types/node": "17.0.10",
42 | "@types/react": "17.0.38",
43 | "@typescript-eslint/eslint-plugin": "^5.10.0",
44 | "@typescript-eslint/parser": "^5.10.0",
45 | "autoprefixer": "^10.4.2",
46 | "eslint": "^8.7.0",
47 | "eslint-config-airbnb": "^19.0.4",
48 | "eslint-config-next": "12.0.8",
49 | "eslint-plugin-import": "^2.25.4",
50 | "eslint-plugin-jsx-a11y": "^6.5.1",
51 | "eslint-plugin-react": "^7.28.0",
52 | "eslint-plugin-react-hooks": "^4.3.0",
53 | "jest": "^27.5.1",
54 | "jest-fetch-mock": "^3.0.3",
55 | "postcss": "^8.4.5",
56 | "tailwindcss": "^3.0.15",
57 | "typescript": "^4.5.5"
58 | }
59 | }
60 |
--------------------------------------------------------------------------------
/web/postcss.config.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | plugins: {
3 | tailwindcss: {},
4 | autoprefixer: {},
5 | },
6 | };
7 |
--------------------------------------------------------------------------------
/web/src/components/LoadingPage.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 |
3 | import Spinner from './Spinner';
4 |
5 | const LoadingPage = () => (
6 |
13 | );
14 |
15 | export default LoadingPage;
16 |
--------------------------------------------------------------------------------
/web/src/components/Spinner.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 |
3 | const Spinner = () => (
4 |
5 | );
6 |
7 | export default Spinner;
8 |
--------------------------------------------------------------------------------
/web/src/components/blocks/BlockHandle.tsx:
--------------------------------------------------------------------------------
1 | import React, { useRef } from 'react';
2 |
3 | interface BlockHandleProps {
4 | draggableRef: React.LegacyRef,
5 | }
6 |
7 | const BlockHandle = (props: BlockHandleProps) => {
8 | const menuButtonRef = useRef(null);
9 | const { draggableRef } = props;
10 |
11 | return (
12 |
25 | );
26 | };
27 |
28 | export default BlockHandle;
29 |
--------------------------------------------------------------------------------
/web/src/components/blocks/PageBlock.tsx:
--------------------------------------------------------------------------------
1 | import React, { useEffect, useState } from 'react';
2 | import Link from 'next/link';
3 |
4 | import getPageInfo from '../../lib/pages/getPageInfo';
5 |
6 | interface PageBlockProps {
7 | blockID: string;
8 | properties: {
9 | value: string,
10 | }
11 | }
12 |
13 | const PageBlock = (props: PageBlockProps) => {
14 | const { blockID, properties } = props;
15 | const { value } = properties;
16 |
17 | const [currentValue, setCurrentValue] = useState(value);
18 |
19 | useEffect(() => {
20 | (async () => {
21 | const { style } = await getPageInfo(blockID);
22 | const { icon, name } = style;
23 |
24 | setCurrentValue(`${icon} ${name}`);
25 | })();
26 | }, [value]);
27 |
28 | return (
29 |
36 |
42 | [[
43 | {' '}
44 |
45 | {currentValue}
46 |
47 | {' '}
48 | ]]
49 |
50 |
51 | );
52 | };
53 |
54 | export default PageBlock;
55 |
--------------------------------------------------------------------------------
/web/src/components/home/AuthButton.tsx:
--------------------------------------------------------------------------------
1 | /* eslint-disable max-len */
2 | import React from 'react';
3 | import {
4 | getAuthorisationURLWithQueryParamsAndSetState,
5 | } from 'supertokens-auth-react/recipe/thirdparty';
6 |
7 | type ValidProviders = 'Google';
8 |
9 | const authButtonClicked = async (company: ValidProviders) => {
10 | const authURL = await getAuthorisationURLWithQueryParamsAndSetState({
11 | providerId: company.toLowerCase(),
12 | authorisationURL: `${process.env.NEXT_PUBLIC_BASE_URL}/auth/callback/${company.toLowerCase()}`,
13 | });
14 |
15 | window.location
16 | .assign(authURL);
17 | };
18 |
19 | const AuthButton = (props: { company: ValidProviders }) => {
20 | const { company } = props;
21 |
22 | return (
23 |
41 | );
42 | };
43 |
44 | export default AuthButton;
45 |
--------------------------------------------------------------------------------
/web/src/components/home/AuthNavBar.tsx:
--------------------------------------------------------------------------------
1 | import Link from 'next/link';
2 | import React from 'react';
3 |
4 | const AuthNavBar = () => (
5 |
15 | );
16 |
17 | export default AuthNavBar;
18 |
--------------------------------------------------------------------------------
/web/src/components/home/Intro.tsx:
--------------------------------------------------------------------------------
1 | import Link from 'next/link';
2 | import React from 'react';
3 | import Image from 'next/image';
4 |
5 | import LaptopScreen from './LaptopScreen';
6 |
7 | const Intro = () => (
8 |
9 |
12 | Organize your academic life,
13 |
14 | effortlessly.
15 |
25 |
26 |
27 |
28 |
29 |
30 | Streamline your study routine with Note Rack: the unified
31 |
32 | hub for all your notes and tasks.
33 |
34 |
35 |
36 |
46 |
47 |
48 |
49 | 
54 |
55 |
56 |
12 |
13 | {children}
14 |
16 |
17 |
{
20 | setIsMenuOpen(!isMenuOpen);
21 | }}
22 | >
23 |
26 |
27 |
28 | {
29 | isMenuOpen && (
30 |
35 | )
36 | }
37 |
22 |
23 |
24 |
25 | );
26 |
27 | export default App;
28 |
--------------------------------------------------------------------------------
/web/src/pages/_document.tsx:
--------------------------------------------------------------------------------
1 | import {
2 | Html,
3 | Head,
4 | Main,
5 | NextScript,
6 | } from 'next/document';
7 | import React from 'react';
8 |
9 | // -=- Document -=-
10 | // ~ The main document component
11 | const Document = () => (
12 |
13 |
14 | {/* ~ Favicon */}
15 |
16 |
17 | {/* ~ Body w/ dark mode enabled */}
18 |
19 |
20 |
21 |
22 |
23 | );
24 |
25 | export default Document;
26 |
--------------------------------------------------------------------------------
/web/src/pages/auth/callback/[provider].tsx:
--------------------------------------------------------------------------------
1 | import React, { useEffect } from 'react';
2 | import { redirectToAuth } from 'supertokens-auth-react';
3 | import { useRouter } from 'next/router';
4 | import { signInAndUp } from 'supertokens-auth-react/recipe/thirdparty';
5 |
6 | import Spinner from '../../../components/Spinner';
7 | import AuthNavBar from '../../../components/home/AuthNavBar';
8 |
9 | const Callback = () => {
10 | const router = useRouter();
11 | const { provider } = router.query;
12 |
13 | useEffect(() => {
14 | (async () => {
15 | try {
16 | const response = await signInAndUp();
17 |
18 | if (response.status === 'OK') {
19 | router.push('/note-rack');
20 |
21 | window.location.assign('/note-rack');
22 | } else {
23 | window.location.assign('/auth?error=Something went wrong');
24 | }
25 | } catch (error) {
26 | // eslint-disable-next-line @typescript-eslint/no-explicit-any
27 | if ((error as any).isSuperTokensGeneralError) {
28 | redirectToAuth({
29 | queryParams: {
30 | error: (error as Error).message,
31 | },
32 | });
33 | } else {
34 | window.location.assign('/auth?error=Something went wrong');
35 | }
36 | }
37 | })();
38 | }, [provider]);
39 |
40 | return (
41 |
42 |
45 | {/* Login / Signup Page */}
46 |
47 | {/* Sign Up / Sign In Providers */}
48 |
53 |
54 |
10 |
11 |
12 |
13 |
14 | );
15 |
16 | const getServerSideProps: GetServerSideProps = async (context) => {
17 | const { req, res } = context;
18 | const { cookies } = req;
19 |
20 | if (cookies.sIRTFrontend && cookies.sIRTFrontend !== '' && cookies.sIRTFrontend !== 'remove') {
21 | res.setHeader('location', '/note-rack');
22 | res.statusCode = 302;
23 | }
24 |
25 | return {
26 | props: {},
27 | };
28 | };
29 |
30 | export { getServerSideProps };
31 |
32 | export default Home;
33 |
--------------------------------------------------------------------------------
/web/src/pages/note-rack/index.tsx:
--------------------------------------------------------------------------------
1 | /* eslint-disable no-empty */
2 | import React, { useEffect } from 'react';
3 | import Router from 'next/router';
4 | import Session from 'supertokens-auth-react/recipe/session';
5 |
6 | import MenuBar from '../../components/MenuBar';
7 |
8 | const NoteRack = () => {
9 | useEffect(() => {
10 | (async () => {
11 | // -=- Verification -=-
12 | // ~ Check if the user is logged in
13 | const session = await Session.doesSessionExist();
14 |
15 | // ~ If the user is not logged in, redirect them to the login page
16 | if (session === false) {
17 | Router.push('/auth');
18 | return;
19 | }
20 |
21 | if (localStorage.getItem('latestPageID') !== null) {
22 | Router.push(`./note-rack/${localStorage.getItem('latestPageID')}`);
23 | return;
24 | };
25 |
26 | // -=- Fetching -=-
27 | // ~ Get the user's home page
28 | const pageID = await fetch(
29 | `${process.env.NEXT_PUBLIC_API_URL}/page/get-home-page`,
30 | {
31 | method: 'POST',
32 | credentials: 'include',
33 | },
34 | );
35 |
36 | // -=- Redirection -=-
37 | // ~ Get the json response from the server
38 | const pageIDJSON = await pageID.json();
39 |
40 | // ~ If the user has a home page, redirect them to it
41 | if (pageIDJSON.status !== 'error') {
42 | Router.push(`./note-rack/${pageIDJSON.message}`);
43 | return;
44 | }
45 |
46 | Router.push('/auth');
47 | })();
48 | }, []);
49 |
50 | // -=- Render -=-
51 | // ~ Return a loading page while the user is being redirected
52 | return (
53 |
56 |
57 |
58 | );
59 | };
60 |
61 | export default NoteRack;
62 |
--------------------------------------------------------------------------------
/web/src/public/blockExamples/Call Out Icon.svg:
--------------------------------------------------------------------------------
1 |
9 |
--------------------------------------------------------------------------------
/web/src/public/blockExamples/H1 Icon.svg:
--------------------------------------------------------------------------------
1 |
8 |
--------------------------------------------------------------------------------
/web/src/public/blockExamples/H2 Icon.svg:
--------------------------------------------------------------------------------
1 |
8 |
--------------------------------------------------------------------------------
/web/src/public/icons/Brain.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/web/src/public/icons/Trash.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/web/src/public/logos/apple.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/web/src/public/logos/github.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/web/src/public/logos/google.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/web/src/public/promo/Biology-Notes-Example.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Eroxl/Note-Rack/1e457868c76256bf8de2390bd09608e3f6927c9e/web/src/public/promo/Biology-Notes-Example.png
--------------------------------------------------------------------------------
/web/src/public/promo/Chat-Example.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Eroxl/Note-Rack/1e457868c76256bf8de2390bd09608e3f6927c9e/web/src/public/promo/Chat-Example.png
--------------------------------------------------------------------------------
/web/src/public/promo/Lab-Report-Example.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Eroxl/Note-Rack/1e457868c76256bf8de2390bd09608e3f6927c9e/web/src/public/promo/Lab-Report-Example.png
--------------------------------------------------------------------------------
/web/src/public/promo/Math-Example.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Eroxl/Note-Rack/1e457868c76256bf8de2390bd09608e3f6927c9e/web/src/public/promo/Math-Example.png
--------------------------------------------------------------------------------
/web/src/public/promo/Notes-Example.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Eroxl/Note-Rack/1e457868c76256bf8de2390bd09608e3f6927c9e/web/src/public/promo/Notes-Example.png
--------------------------------------------------------------------------------
/web/src/public/promo/Search-Example.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Eroxl/Note-Rack/1e457868c76256bf8de2390bd09608e3f6927c9e/web/src/public/promo/Search-Example.png
--------------------------------------------------------------------------------
/web/src/public/promo/Share-Example.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Eroxl/Note-Rack/1e457868c76256bf8de2390bd09608e3f6927c9e/web/src/public/promo/Share-Example.png
--------------------------------------------------------------------------------
/web/src/styles/emojiPicker.css:
--------------------------------------------------------------------------------
1 | @tailwind base;
2 | @tailwind components;
3 | @tailwind utilities;
4 |
5 | .emoji-mart {
6 | @apply text-zinc-700 dark:text-amber-50 bg-stone-100 dark:bg-neutral-600 border-black border-opacity-5 rounded-md !important;
7 | }
8 |
9 | .emoji-mart-bar {
10 | @apply border-0 border-solid border-black border-opacity-5 !important;
11 | }
12 |
13 | .emoji-mart-anchor {
14 | @apply text-zinc-700/80 dark:text-amber-50/80 !important;
15 | }
16 |
17 | .emoji-mart-anchor-selected {
18 | @apply text-zinc-700 dark:text-amber-50 !important;
19 | }
20 |
21 | .emoji-mart-anchor-bar {
22 | @apply bg-purple-400 transition-all !important;
23 | }
24 |
25 | .emoji-mart-search input {
26 | @apply border-0 border-solid border-black border-opacity-5 dark:text-black !important;
27 | }
28 |
29 | .emoji-mart-category-label span {
30 | @apply bg-stone-100 dark:bg-neutral-600 opacity-90 !important;
31 | }
32 |
33 | .emoji-mart-no-results {
34 | @apply text-zinc-700 dark:text-amber-50 !important;
35 | }
36 |
37 | .emoji-mart-category .emoji-mart-emoji:hover:before {
38 | @apply bg-black dark:bg-white bg-opacity-5 dark:bg-opacity-10 !important;
39 | }
40 |
41 | .emoji-mart-scroll {
42 | -ms-overflow-style: none;
43 | scrollbar-width: none;
44 | }
45 |
46 | .emoji-mart-scroll::-webkit-scrollbar {
47 | display: none;
48 | }
--------------------------------------------------------------------------------
/web/src/styles/globals.css:
--------------------------------------------------------------------------------
1 | @tailwind base;
2 | @tailwind components;
3 | @tailwind utilities;
4 |
5 | editor.body {
6 | @apply w-screen h-screen overflow-x-hidden
7 | }
8 |
9 | .no-scrollbar::-webkit-scrollbar {
10 | display: none;
11 | }
12 |
13 | .no-scrollbar {
14 | -ms-overflow-style: none;
15 | scrollbar-width: none;
16 | }
17 |
18 | .emoji {
19 | display: inline-block;
20 | height: 1em;
21 | width: 1em;
22 | margin: 0 .05em 0 .1em;
23 | vertical-align: -0.1em;
24 | background-repeat: no-repeat;
25 | background-position: center center;
26 | background-size: 1em 1em;
27 | }
28 |
29 | .emoji-mart-preview {
30 | display: none;
31 | }
32 |
33 | .emoji-mart-category .emoji-mart-emoji span {
34 | @apply hover:cursor-pointer
35 | }
36 |
37 | .emoji-mart-anchor-icon {
38 | @apply flex flex-row items-center justify-center
39 | }
40 |
41 | [placeholder]:empty:focus:before {
42 | content: attr(placeholder);
43 | }
44 |
45 | .print-forced-background {
46 | position: relative;
47 | overflow: hidden;
48 | background-color: var(--forced-background-colour);
49 | }
50 |
51 | @media print {
52 | .print-forced-background:before {
53 | content: '';
54 | position: absolute;
55 | top: 0;
56 | right: 0;
57 | left: 0;
58 | bottom: 0;
59 | border: 999px var(--forced-background-colour) solid;
60 | }
61 | }
--------------------------------------------------------------------------------
/web/src/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "compilerOptions": {
3 | "target": "es5",
4 | "lib": ["dom", "dom.iterable", "esnext"],
5 | "allowJs": true,
6 | "skipLibCheck": true,
7 | "strict": true,
8 | "forceConsistentCasingInFileNames": true,
9 | "noEmit": true,
10 | "esModuleInterop": true,
11 | "module": "esnext",
12 | "moduleResolution": "node",
13 | "resolveJsonModule": true,
14 | "isolatedModules": true,
15 | "jsx": "preserve",
16 | "incremental": true
17 | },
18 | "include": ["src/next-env.d.ts", "**/*.ts", "**/*.tsx"],
19 | "exclude": ["node_modules"]
20 | }
21 |
--------------------------------------------------------------------------------
/web/tailwind.config.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | content: [
3 | './src/**/*.{js,ts,jsx,tsx}',
4 | ],
5 | theme: {
6 | extend: {
7 | screens: {
8 | print: {
9 | raw: 'print',
10 | },
11 | },
12 | boxShadow: {
13 | 'under': '0.15rem 0.15rem 0px',
14 | },
15 | },
16 | },
17 | variants: {
18 | },
19 | plugins: [],
20 | important: true,
21 | darkMode: 'class',
22 | };
23 |
--------------------------------------------------------------------------------
9 | 
13 |