├── LICENSE
├── README.MD
├── babel
└── index.babel
├── css
└── style.css
├── index.html
├── index.pug
├── js
└── index.js
├── license.txt
└── sass
└── style.sass
/LICENSE:
--------------------------------------------------------------------------------
1 | MIT License
2 |
3 | Copyright (c) 2017 Cog-Creators
4 |
5 | Permission is hereby granted, free of charge, to any person obtaining a copy
6 | of this software and associated documentation files (the "Software"), to deal
7 | in the Software without restriction, including without limitation the rights
8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 |
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 |
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 |
--------------------------------------------------------------------------------
/README.MD:
--------------------------------------------------------------------------------
1 | 
2 |
3 | # discord-embed-sandbox
4 |
5 | > Web-based sandbox for Discord Embeds with code generation
6 |
7 | [Click here to open](https://cog-creators.github.io/discord-embed-sandbox/)
8 |
9 | This tool can help you get a grip on Discord Embeds (a topic some people are struggling with), it provides a simple ui to construct a message you want, as well as a realtime preview.
10 |
11 | You can also see the code needed to generate the same Embed inside your own cog in real time, so you can see how different fields and values affect the end result, which is pretty neat, if you ak me ;)
12 |
13 | Hope you like it!
14 | ---
15 | ## Under MIT License
16 |
--------------------------------------------------------------------------------
/babel/index.babel:
--------------------------------------------------------------------------------
1 | $(document).ready(() => {
2 | let switches = {
3 | title: false,
4 | url: false,
5 | icon: false,
6 | };
7 |
8 | let fields = 1;
9 |
10 | let source = ``;
11 |
12 | let embed = {
13 | title: 'Embed title (required)',
14 | author: {
15 | name: '',
16 | url: '',
17 | icon: ''
18 | },
19 | description: '',
20 | url: '',
21 | thumb_url: '',
22 | color: '',
23 | fields: [{
24 | }
25 | ],
26 | footer: ''
27 | };
28 |
29 | function resetEmbed() {
30 | $('.embed-inner').html('');
31 | $('.embed-footer').remove();
32 | $('.embed-thumb').remove();
33 | }
34 |
35 | function updateEmbed(embed) {
36 | resetEmbed();
37 |
38 | // add basic embed generation to source
39 | source = `embed=discord.Embed(`;
40 |
41 | if (embed.url) {
42 | $('.embed-inner').append(`