�A����|��H8��a�;�KȒ��{�+h�R9]Y]=[(-\����>�˼-�I�HF���C�zb��=����X� ���$oN��n��/\�,�+�Ņ��a:k���6�N�?c��}q��!6i�rA��>_�T^�=pK[����Ԉ��ݷ� �l�p�:h� t1~nM��]\)_u�� ��7mQ���3꣮�v{�|y�Ȩ|)�� �u��]��S�P�:��Ë+�p,80x*++�t!��0�*`ɧ泷 ���$��[�2�G+@v8�vͶl��V�g�9�D^��U��L�!w%� ��J��r�����^|��J���&2�����?��o^ �G�ӖJ�S�N�oE�92s��K��fo����e�R� �t������im� ��o&�� Pԫ� p�����T���~��x����a�YQW�,F��|�VU�Z �P�|T,ˡ\�ޣ����M�5��ϩ ;ؐ�F�
0E�/�VG�@܀Z ����GZ��H�ި{�U 4� ��b��3y���Th� ��}�9���q������+����
64 | �3��(k��4��l�`� ��
65 | p���,xGާX@C�j@ˊ+�7��Y3 �;�!���� % ol�½j� ]7H��F �B&��
66 | �;w;� �'+��C#,���]ƨk+��&%��tl�n|��\B���R Jt������Y[���<��v�Yj��iL kƨ���b�-C�Y�xґG�J� �Y��vꇳ��k� >���A[�c�\�C���� d�@�aC~�NS���r�0�q��vr���ǒ �k���Z����e�hK��f�y�A�%4~m�{�v��_F���l�.(�N ;;;�K�9d�N#��\_ �)���� XK���b�y����>��R�rT?;>� +�A�������Vo���?a���a�y�E�/���*�$r����D>s��� ��Wxu�X! �����2Z��O IEND�B`�
--------------------------------------------------------------------------------
/src/assets/dango_deno_256.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/oslabs-beta/dangoDB_website/b578b836b76f007f9d2eeabec40a8c88c6000c0f/src/assets/dango_deno_256.png
--------------------------------------------------------------------------------
/src/assets/ey_photo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/oslabs-beta/dangoDB_website/b578b836b76f007f9d2eeabec40a8c88c6000c0f/src/assets/ey_photo.png
--------------------------------------------------------------------------------
/src/assets/sj_photo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/oslabs-beta/dangoDB_website/b578b836b76f007f9d2eeabec40a8c88c6000c0f/src/assets/sj_photo.png
--------------------------------------------------------------------------------
/src/components/ContactCard.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { AiOutlineGithub, AiFillLinkedin } from 'react-icons/ai';
3 |
4 | // Contact component holding software engineer information
5 | function ContactCard({ photo, linkedin, github, name }) {
6 | return (
7 |
8 | {name}
10 | Software Engineer
11 |
19 |
20 | );
21 | };
22 |
23 | export default ContactCard;
--------------------------------------------------------------------------------
/src/components/CopyButton.jsx:
--------------------------------------------------------------------------------
1 | import * as React from 'react';
2 | import {CopyToClipboard} from 'react-copy-to-clipboard';
3 | import { FaRegCopy } from 'react-icons/fa';
4 |
5 | // Copy button after schema has been generated
6 | const CopyButton = ({ parsedProps }) => {
7 | const[copied, setCopied] = React.useState(false);
8 |
9 | return (
10 |
11 | setCopied(true)}>
13 |
15 |
16 | );
17 | };
18 |
19 | export default CopyButton;
20 |
21 |
--------------------------------------------------------------------------------
/src/components/Hero.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import dangoLogo from '../assets/dangoDB_logo_long_midboi.png'
3 |
4 | // Hero banner for home page
5 | function Hero() {
6 |
7 | return (
8 |
9 |
11 | );
12 | };
13 |
14 | export default Hero;
--------------------------------------------------------------------------------
/src/components/HomeFooter.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import bill from '../assets/bg_photo.png'
3 | import celeste from '../assets/ck_photo.png'
4 | import emilia from '../assets/ey_photo.png'
5 | import steve from '../assets/sj_photo.png'
6 | import ContactCard from './ContactCard'
7 |
8 | // Contact container housing all contact card information
9 | class ContactInfo {
10 | constructor(photo, linkedin, github, name) {
11 | this.photo = photo;
12 | this.linkedin = linkedin;
13 | this.github = github;
14 | this.name = name;
15 | }
16 | };
17 |
18 | // dangoDB Software Engineer information
19 | const BILL = new ContactInfo(bill, 'https://www.linkedin.com/in/bill-greco/', 'https://github.com/wgreco13', 'Bill Greco',);
20 | const CELESTE = new ContactInfo(celeste, 'https://www.linkedin.com/in/celeste-knopf37/','https://github.com/DHolliday1881', 'Celeste Knopf');
21 | const EMILIA = new ContactInfo(emilia, 'https://www.linkedin.com/in/emiliayoffie/', 'https://github.com/emiliayoffie', 'Emilia Yoffie');
22 | const STEVE = new ContactInfo(steve, 'https://www.linkedin.com/in/stephen-jue09/','https://github.com/kaizenjoo', 'Steve Jue');
23 | const TEAMMEMBERS = [BILL, CELESTE, EMILIA, STEVE]
24 |
25 | // Home Footer renders all contact information to container
26 | function HomeFooter() {
27 |
28 | const teamInfo = TEAMMEMBERS.reduce((acc, person) => {
29 | acc.push(
35 | Meet the Team
36 |
39 |
40 | );
41 | };
42 |
43 | export default HomeFooter;
--------------------------------------------------------------------------------
/src/components/PropButton.jsx:
--------------------------------------------------------------------------------
1 | import * as React from 'react';
2 |
3 | // Saved property button
4 | const PropButton = ({ propName, currentProp, setCurrentProp }) => {
5 |
6 | const [showPropPreview, setShowPropPreview] = useState(false);
7 |
8 | return (
9 |
10 |
setShowPropPreview(!showPropPreview)}>{(showPropPreview)?'hide':'show'} property button
11 |
12 |
13 | {propName}
14 |
15 | {showPropPreview &&
16 |
17 |
here where the currentProp goes
18 |
this will close preview
19 |
20 | }
21 |
22 |
60 |
Property Generator
61 |
111 |
112 | Save Property
113 |
114 |
21 |
22 |
28 |
29 |
39 |
10 |
14 | );
15 | };
16 |
17 | export default Buttons;
18 |
--------------------------------------------------------------------------------
/src/components/buttons/SetRequiredButton.jsx:
--------------------------------------------------------------------------------
1 | import * as React from 'react';
2 |
3 | // Button component for Required boolean in Property creator form
4 | const SetRequiredButton = ({ propInfo, setPropInfo }) => {
5 |
6 | return (
7 |
8 | {[
9 | { name: 'true', value: true },
10 | { name: 'false', value: false },
11 | ].map((option) => (
12 |
13 | {option.name}:
14 |
28 | ))}
29 |
30 | );
31 | };
32 |
33 | export default SetRequiredButton;
34 |
--------------------------------------------------------------------------------
/src/components/buttons/SetUniqueButton.jsx:
--------------------------------------------------------------------------------
1 | import * as React from 'react';
2 |
3 | // Button component for Unique boolean in Property creator form
4 | const SetUniqueButton = ({ propInfo, setPropInfo }) => {
5 | return (
6 |
7 | {[
8 | { name: 'true', value: true },
9 | { name: 'false', value: false },
10 | ].map((option) => (
11 |
12 | {option.name}:
13 |
27 | ))}
28 |
29 | );
30 | };
31 |
32 | export default SetUniqueButton;
--------------------------------------------------------------------------------
/src/components/buttons/TypeButton.jsx:
--------------------------------------------------------------------------------
1 | import * as React from 'react';
2 |
3 | // Drop down type button for Property Generator
4 | const TypeButton = ({ propInfo, setPropInfo }) => {
5 | const typeOptions = [
6 | { name: 'number', value: 'number' },
7 | { name: 'decimal128', value: 'decimal128' },
8 | { name: 'string', value: 'string' },
9 | { name: 'boolean', value: 'boolean' },
10 | { name: 'objectid', value: 'objectid' },
11 | { name: 'UUID', value: 'UUID' },
12 | { name: 'date', value: 'date' },
13 | ];
14 |
15 | const handleTypeChange = (event) => {
16 | setPropInfo({
17 | ...propInfo,
18 | type: event.target.value,
19 | });
20 | };
21 |
22 | return (
23 |
24 |
32 | );
33 | };
34 |
35 | // Dropdown event change for Type button
36 | const Dropdown = ({ value, handleTypeChange, typeOptions }) => {
37 | return (
38 |
39 | Type:
40 |
41 | {typeOptions.map((option) => (
42 | {option.name}
43 | ))}
44 |
45 |
46 | );
47 | };
48 |
49 | export default TypeButton;
--------------------------------------------------------------------------------
/src/components/containers/MainContainer.jsx:
--------------------------------------------------------------------------------
1 | import * as React from 'react';
2 | import PropForm from '../PropForm';
3 | import SideBar from './SideBar';
4 | import SchemaGenerator from '../SchemaGenerator';
5 |
6 | // Main container on Schema Page holding all components
7 | const MainContainer = ({ savedProps, setSavedProps }) => {
8 |
9 | // Setting state for Generate Schema and New Property buttons
10 | const [currentProp, setCurrentProp] = React.useState({ index: undefined });
11 | const [generateSchema, setGenerateSchema] = React.useState(false);
12 |
13 | const schemaToggler = () => {
14 | setGenerateSchema(!generateSchema);
15 | };
16 | const addProp = (property) => {
17 | if (currentProp.index === undefined) {
18 | setSavedProps([...savedProps, property]);
19 | }
20 | else {
21 | const saved = savedProps.slice();
22 | saved[currentProp.index] = property;
23 | setSavedProps(saved);
24 | }
25 | };
26 |
27 | // Server request and setting session cookie to save on page reload
28 | React.useEffect(() => {
29 | console.log('here', savedProps.length);
30 | if (savedProps.length !== 0) {
31 | const response = fetch('/save-schema', {
32 | method: 'POST',
33 | headers: {
34 | 'Content-Type': 'application/json',
35 | },
36 | body: JSON.stringify({ schema: savedProps })
37 | })
38 | .catch((err) => {
39 | console.log(`${err}`);
40 | });
41 | }
42 | }, [savedProps]);
43 |
44 | return (
45 |
46 | {/*
52 |
53 | {generateSchema === false &&
63 |
64 | {generateSchema === true &&
65 | New Property
66 | }
67 | {generateSchema === false &&
68 | Generate Schema
69 | }
70 |
71 |
73 | );
74 | };
75 |
76 | export default MainContainer;
77 |
78 |
79 |
80 |
--------------------------------------------------------------------------------
/src/components/containers/SideBar.jsx:
--------------------------------------------------------------------------------
1 | import * as React from 'react';
2 | import PropButton from '../PropButton';
3 |
4 |
5 | // Sidebar component housing all property objects saved
6 | const SideBar = ({ savedProps, currentProp, setCurrentProp }) => {
7 |
8 | const sidePropElement = savedProps.map((property) => {
9 |
19 | {sidePropElement}
20 |
21 | );
22 | };
23 |
24 | export default SideBar;
25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |
34 |
35 |
36 |
37 |
38 |
39 | // ⢀⡴⠑⡄⠀⠀⠀⠀⠀⠀⠀⣀⣀⣤⣤⣤⣀⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
40 | // ⠸⡇⠀⠿⡀⠀⠀⠀⣀⡴⢿⣿⣿⣿⣿⣿⣿⣿⣷⣦⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀
41 | // ⠀⠀⠀⠀⠑⢄⣠⠾⠁⣀⣄⡈⠙⣿⣿⣿⣿⣿⣿⣿⣿⣆⠀⠀⠀⠀⠀⠀⠀⠀
42 | // ⠀⠀⠀⠀⢀⡀⠁⠀⠀⠈⠙⠛⠂⠈⣿⣿⣿⣿⣿⠿⡿⢿⣆⠀⠀⠀⠀⠀⠀⠀
43 | // ⠀⠀⠀⢀⡾⣁⣀⠀⠴⠂⠙⣗⡀⠀⢻⣿⣿⠭⢤⣴⣦⣤⣹⠀⠀⠀⢀⢴⣶⣆
44 | // ⠀⠀⢀⣾⣿⣿⣿⣷⣮⣽⣾⣿⣥⣴⣿⣿⡿⢂⠔⢚⡿⢿⣿⣦⣴⣾⠁⠸⣼⡿
45 | // ⠀⢀⡞⠁⠙⠻⠿⠟⠉⠀⠛⢹⣿⣿⣿⣿⣿⣌⢤⣼⣿⣾⣿⡟⠉⠀⠀⠀⠀⠀
46 | // ⠀⣾⣷⣶⠇⠀⠀⣤⣄⣀⡀⠈⠻⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⡇⠀⠀⠀⠀⠀⠀
47 | // ⠀⠉⠈⠉⠀⠀⢦⡈⢻⣿⣿⣿⣶⣶⣶⣶⣤⣽⡹⣿⣿⣿⣿⡇⠀⠀⠀⠀⠀⠀
48 | // ⠀⠀⠀⠀⠀⠀⠀⠉⠲⣽⡻⢿⣿⣿⣿⣿⣿⣿⣷⣜⣿⣿⣿⡇⠀⠀⠀⠀⠀⠀
49 | // ⠀⠀⠀⠀⠀⠀⠀⠀⢸⣿⣿⣷⣶⣮⣭⣽⣿⣿⣿⣿⣿⣿⣿⠀⠀⠀⠀⠀⠀⠀
50 | // ⠀⠀⠀⠀⠀⠀⣀⣀⣈⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⠇⠀⠀⠀⠀⠀⠀⠀
51 | // ⠀⠀⠀⠀⠀⠀⢿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⠃⠀⠀⠀⠀⠀⠀⠀⠀
52 | // ⠀⠀⠀⠀⠀⠀⠀⠹⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⡿⠟⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀
53 | // ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠉⠛⠻⠿⠿⠿⠿⠛⠉
54 |
55 |
56 |
57 |
58 |
59 |
60 |
--------------------------------------------------------------------------------
/src/components/website/DemoPage.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 |
3 | function Demo() {
4 | return (
5 | this is the demopage
6 | );
7 | }
8 |
9 | export default Demo;
--------------------------------------------------------------------------------
/src/components/website/DocsPage.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 |
3 | function Docs() {
4 | return (
5 | this is the docs page
6 | );
7 | }
8 |
9 | export default Docs;
--------------------------------------------------------------------------------
/src/components/website/HomePage.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import Hero from '../Hero';
3 | import HomeFooter from '../HomeFooter'
4 | import { SiMongodb } from 'react-icons/si';
5 | import { AiFillDatabase } from 'react-icons/ai';
6 | import { FaDatabase } from 'react-icons/fa';
7 |
8 |
9 | // Home page containing hero, main content and footer
10 | function Home() {
11 | return (
12 |
13 |
14 |
16 |
17 | dangoDB
18 | is a light-weight
19 | MongoDB
20 | Object Document Mapper (ODM) built for
21 | Deno
22 | . It provides the core functionality and familiar look and feel of established Node-based libraries for the Deno runtime.
23 |
24 |
25 |
26 |
27 |
28 | Validate
30 | Implement data type-casting and schema validation to structure your database.
31 |
32 |
33 | Query
35 | Make quick, model-based queries to your MongoDB database.
36 |
37 |
38 | Simplify
40 | Allow the library to abstract away connection and driver boilerplate.
41 |
42 |
43 |
44 | Get Started
45 |
57 |
58 |
60 | );
61 | };
62 |
63 | export default Home;
--------------------------------------------------------------------------------
/src/components/website/SchemaPage.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import MainContainer from '../containers/MainContainer';
3 |
4 | // Schema Page housing Main Container holding all components
5 | function Schema({ savedProps, setSavedProps }) {
6 | return (
7 |
8 |
10 | );
11 | }
12 |
13 | export default Schema;
14 |
--------------------------------------------------------------------------------
/src/components/website/navbar/NavBar.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { Link } from 'react-router-dom';
3 | import { AiOutlineGithub } from 'react-icons/ai';
4 | import { SiDeno } from 'react-icons/si';
5 | import dangoDeno from '../../../assets/dango_deno.png';
6 |
7 |
8 | // Navbar container with linked routes
9 | const NavBar = () => {
10 | return (
11 |
12 |
13 |
21 |
22 |
23 |
24 |
28 |
29 |
30 |
34 |
35 |
36 |
37 |
39 |
40 |
41 |
42 |
44 |
45 |
46 |
47 |
48 |
49 | );
50 | };
51 |
52 | export default NavBar;
53 |
--------------------------------------------------------------------------------
/src/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | dangoDB: A MongoDB ODM for Deno
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
--------------------------------------------------------------------------------
/src/index.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import ReactDOM, { render } from 'react-dom';
3 | import { createRoot } from 'react-dom/client';
4 | import App from './App.jsx';
5 | import styles from './style/styles.scss';
6 |
7 | const container = document.getElementById('root');
8 | const root = createRoot(container);
9 | root.render(