93 |
95 | ```
96 |
97 | **Support**
98 |
99 | If you want to add a support page, write it in `support.html`. Like notification, the default class for it is `coffee` and you can customize it. If you add this, there will be an extra support button in the center of the page.
100 |
101 | ```html
102 | Greetings from all members of Tony's Studio!
94 |
103 | 
104 |
106 | ```
107 |
108 | ### Self-hosting
109 |
110 | There is still one step before you can host Code Paste on your website. I use [Font Awesome](https://fontawesome.com/) for lovely icons, and the linked JavaScript only works for my domain. Therefore, you have to get your kit [here](https://fontawesome.com/kits) and replace the link in `src/views/components/head.html`.
111 |
112 | After all these are done, just copy `dist` folder to your server and enjoy!🎉
113 |
114 | ---
115 |
116 | ## Sponsors 💖
117 |
118 | Here, I would like to express my sincere gratitude for all who sponsor Code Paste. THANK YOU! 🥰
119 |
120 | > I may not be able to know your GitHub account from the payment. If you bought me a coffee but are not present in the following table, feel free to contact me via E-mail.🙏
121 |
122 | We appreciate your sponsorship!🌹
105 |
126 | 
127 | 128 | Pan-Pan-Pan 129 | |
130 |
131 | 
132 | 133 | Liu Yizhou 134 | |
135 |
136 | 
137 | 138 | hongshuobuaa 139 | |
140 |
141 | 
142 | 143 | 秋子夜 144 | |
145 |
146 | 
147 | 148 | GuoLan-Fruket 149 | |
150 |
Hello, world!
9 | 10 | 11 | -------------------------------------------------------------------------------- /languages/samples/java.txt: -------------------------------------------------------------------------------- 1 | public class Main { 2 | public static void main(String[] args) { 3 | int a = 5; 4 | int b = 10; 5 | int sum = add(a, b); 6 | System.out.println("Sum: " + sum); 7 | } 8 | 9 | public static int add(int a, int b) { 10 | return a + b; 11 | } 12 | } 13 | -------------------------------------------------------------------------------- /languages/samples/javascript.txt: -------------------------------------------------------------------------------- 1 | function fibonacci(n) { 2 | let a = 0, b = 1; 3 | while (a < n) { 4 | console.log(a); 5 | [a, b] = [b, a + b]; 6 | } 7 | } 8 | -------------------------------------------------------------------------------- /languages/samples/json.txt: -------------------------------------------------------------------------------- 1 | { 2 | "name": "John Doe", 3 | "age": 30, 4 | "email": "johndoe@example.com", 5 | "address": { 6 | "street": "123 Main St", 7 | "city": "Anytown", 8 | "state": "CA", 9 | "zip": "12345" 10 | } 11 | } 12 | -------------------------------------------------------------------------------- /languages/samples/kotlin.txt: -------------------------------------------------------------------------------- 1 | fun main() { 2 | val numbers = listOf(1, 2, 3, 4, 5) 3 | val evenNumbers = numbers.map { it * 2 }.filter { it % 2 == 0 } 4 | val sumOfEvenNumbers = evenNumbers.sum() 5 | 6 | println("Original numbers: $numbers") 7 | println("Even numbers: $evenNumbers") 8 | println("Sum of even numbers: $sumOfEvenNumbers") 9 | } 10 | 11 | fun factorial(n: Int): Int { 12 | return if (n == 0) 1 else n * factorial(n - 1) 13 | } 14 | -------------------------------------------------------------------------------- /languages/samples/latex.txt: -------------------------------------------------------------------------------- 1 | The Pythagorean theorem states that 2 | for a right triangle with legs of 3 | length $a$ and $b$ and hypotenuse of 4 | length $c$, the following equation holds: 5 | 6 | $$a^2 + b^2 = c^2$$ 7 | -------------------------------------------------------------------------------- /languages/samples/llvm.txt: -------------------------------------------------------------------------------- 1 | ; Function Attrs: noinline nounwind optnone uwtable 2 | define dso_local i32 @add(i32 %0, i32 %1) #0 { 3 | %3 = alloca i32, align 4 4 | %4 = alloca i32, align 4 5 | store i32 %0, i32* %3, align 4 6 | store i32 %1, i32* %4, align 4 7 | %5 = load i32, i32* %3, align 4 8 | %6 = load i32, i32* %4, align 4 9 | %7 = add i32 %5, %6 10 | ret i32 %7 11 | } 12 | -------------------------------------------------------------------------------- /languages/samples/lua.txt: -------------------------------------------------------------------------------- 1 | function printNumbers(n) 2 | for i = 1, n do 3 | print(i) 4 | end 5 | end 6 | 7 | printNumbers(10) 8 | -------------------------------------------------------------------------------- /languages/samples/makefile.txt: -------------------------------------------------------------------------------- 1 | CC = gcc 2 | CFLAGS = -Wall -Wextra -pedantic 3 | 4 | all: program 5 | 6 | program: main.o utils.o 7 | $(CC) $(CFLAGS) -o program main.o utils.o 8 | 9 | main.o: main.c utils.h 10 | $(CC) $(CFLAGS) -c main.c 11 | 12 | utils.o: utils.c utils.h 13 | $(CC) $(CFLAGS) -c utils.c 14 | 15 | clean: 16 | rm -f program *.o 17 | -------------------------------------------------------------------------------- /languages/samples/markdown.txt: -------------------------------------------------------------------------------- 1 | # My Shopping List 2 | 3 | > This is a good list. 4 | 5 | - Apples 6 | - Bananas 7 | - Oranges 8 | - Strawberries 9 | -------------------------------------------------------------------------------- /languages/samples/matlab.txt: -------------------------------------------------------------------------------- 1 | % Define the range of x values 2 | x = linspace(0, 2*pi, 100); 3 | 4 | % Calculate the sine of each x value 5 | y = sin(x); 6 | 7 | % Create a plot of the sine wave 8 | figure; 9 | plot(x, y); 10 | 11 | % Add title and labels 12 | title('Sine Wave'); 13 | xlabel('x'); 14 | ylabel('sin(x)'); 15 | 16 | % Display grid 17 | grid on; 18 | -------------------------------------------------------------------------------- /languages/samples/nasm.txt: -------------------------------------------------------------------------------- 1 | section .data 2 | msg db 'Ready, assemble!', 0xA 3 | len equ $ - msg 4 | 5 | section .text 6 | global _start 7 | 8 | _start: 9 | mov eax, 4 ; syscall number for sys_write 10 | mov ebx, 1 ; file descriptor 1 (stdout) 11 | mov ecx, msg ; pointer to the message 12 | mov edx, len ; length of the message 13 | int 0x80 ; make the syscall 14 | 15 | mov eax, 1 ; syscall number for sys_exit 16 | xor ebx, ebx ; exit status 0 17 | int 0x80 ; make the syscall 18 | -------------------------------------------------------------------------------- /languages/samples/perl.txt: -------------------------------------------------------------------------------- 1 | sub printNumbers { 2 | my $n = shift; 3 | for (my $i = 1; $i <= $n; $i++) { 4 | print "$i\n"; 5 | } 6 | } 7 | 8 | printNumbers(10); 9 | -------------------------------------------------------------------------------- /languages/samples/php.txt: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /languages/samples/powershell.txt: -------------------------------------------------------------------------------- 1 | $name = "John" 2 | 3 | for ($i = 1; $i -le 5; $i++) { 4 | Write-Host "Hello, $name! This is message number $i." 5 | } 6 | -------------------------------------------------------------------------------- /languages/samples/python.txt: -------------------------------------------------------------------------------- 1 | def fibonacci(n): 2 | a, b = 0, 1 3 | while a < n: 4 | print(a) 5 | a, b = b, a + b 6 | 7 | fibonacci(100) 8 | -------------------------------------------------------------------------------- /languages/samples/r.txt: -------------------------------------------------------------------------------- 1 | # Generate a sequence of numbers from 0 to 2*pi 2 | x <- seq(0, 2*pi, length.out = 100) 3 | 4 | # Compute the sine of each number 5 | y <- sin(x) 6 | 7 | # Plot the sine wave 8 | plot(x, y, type = "l", col = "blue", lwd = 2, 9 | main = "Sine Wave", xlab = "x", ylab = "sin(x)") 10 | 11 | # Add grid lines for better visualization 12 | grid() 13 | -------------------------------------------------------------------------------- /languages/samples/ruby.txt: -------------------------------------------------------------------------------- 1 | name = "John" 2 | age = 30 3 | 4 | if age < 18 5 | puts "#{name} is a minor." 6 | else 7 | puts "#{name} is an adult." 8 | end 9 | 10 | 5.times do |i| 11 | puts "This is message number #{i + 1}." 12 | end 13 | -------------------------------------------------------------------------------- /languages/samples/rust.txt: -------------------------------------------------------------------------------- 1 | fn main() { 2 | let name = "Rust"; 3 | let version = 1.56; 4 | 5 | println!("Hello, {}!", name); 6 | println!("Current version: {}", version); 7 | 8 | let sum = add(5, 10); 9 | println!("Sum of 5 and 10 is: {}", sum); 10 | } 11 | 12 | fn add(a: i32, b: i32) -> i32 { 13 | a + b 14 | } 15 | -------------------------------------------------------------------------------- /languages/samples/scala.txt: -------------------------------------------------------------------------------- 1 | val counter = Var(0) 2 | 3 | // create a counter button that increments on-click 4 | def counterButton() = button( 5 | tpe := "button", 6 | "count is ", 7 | child.text <-- counter, 8 | onClick --> { event => counter.update(c => c + 1) }, 9 | ) 10 | val app = dom.document.getElementById("app") 11 | render(app, counterButton()) 12 | -------------------------------------------------------------------------------- /languages/samples/sql.txt: -------------------------------------------------------------------------------- 1 | CREATE TABLE users ( 2 | id INT PRIMARY KEY, 3 | name VARCHAR(50), 4 | email VARCHAR(50) 5 | ); 6 | 7 | INSERT INTO users (id, name, email) 8 | VALUES (1, 'John Doe', 'johndoe@example.com'), 9 | (2, 'Jane Smith', 'janesmith@example.com'), 10 | (3, 'Bob Johnson', 'bobjohnson@example.com'); 11 | 12 | SELECT * FROM users; 13 | -------------------------------------------------------------------------------- /languages/samples/swift.txt: -------------------------------------------------------------------------------- 1 | let numbers = [1, 2, 3, 4, 5] 2 | 3 | let doubledNumbers = numbers.map { $0 * 2 } 4 | 5 | print(doubledNumbers) 6 | -------------------------------------------------------------------------------- /languages/samples/toml.txt: -------------------------------------------------------------------------------- 1 | # This is a TOML document 2 | 3 | title = "TOML Example" 4 | 5 | [owner] 6 | name = "Tom Preston-Werner" 7 | dob = 1979-05-27T07:32:00-08:00 8 | 9 | [database] 10 | enabled = true 11 | ports = [ 8000, 8001, 8002 ] 12 | data = [ ["delta", "phi"], [3.14] ] 13 | temp_targets = { cpu = 79.5, case = 72.0 } 14 | 15 | [servers] 16 | 17 | [servers.alpha] 18 | ip = "10.0.0.1" 19 | role = "frontend" 20 | 21 | [servers.beta] 22 | ip = "10.0.0.2" 23 | role = "backend" -------------------------------------------------------------------------------- /languages/samples/typescript.txt: -------------------------------------------------------------------------------- 1 | function fibonacci(n: number): void { 2 | let a: number = 0, b: number = 1; 3 | while (a < n) { 4 | console.log(a); 5 | [a, b] = [b, a + b]; 6 | } 7 | } 8 | -------------------------------------------------------------------------------- /languages/samples/verilog.txt: -------------------------------------------------------------------------------- 1 | module counter( 2 | input clk, 3 | input rst, 4 | output reg [7:0] count 5 | ); 6 | 7 | always @(posedge clk, posedge rst) begin 8 | if (rst) begin 9 | count <= 0; 10 | end else begin 11 | count <= count + 1; 12 | end 13 | end 14 | 15 | endmodule 16 | -------------------------------------------------------------------------------- /languages/samples/xml.txt: -------------------------------------------------------------------------------- 1 | 2 |32 | var lines = content.split("
"); 33 | var table = "
| " + (i + 1) + " | " + lines[i] + " |
"); 190 | this.output.html(normalizeString(corrected)); 191 | this.update(); 192 | } 193 | } 194 | 195 | // Because Prism will insert parent element for the code block, we have to 196 | // re-select the input and output element. 197 | const paste = new Paste("#source", "pre>code"); 198 | 199 | export default paste; 200 | -------------------------------------------------------------------------------- /src/js/state.js: -------------------------------------------------------------------------------- 1 | import { makeRandomPaste, promptNotification } from "~/events/actions"; 2 | import { setMode, updateLineNumber } from "~/events/options"; 3 | import { getCookie, setCookie } from "./vendor/cookie-extension"; 4 | import { setTheme } from "~/vendor/prism-extension"; 5 | 6 | function restoreUserPreferences() { 7 | restoreColorMode(); 8 | restoreLanguage(); 9 | restoreLineNumber(); 10 | restoreTheme(); 11 | restoreNotification(); 12 | } 13 | 14 | function restoreLanguage() { 15 | const lang = localStorage.getItem("language"); 16 | if (lang) { 17 | setTimeout(function () { 18 | makeRandomPaste(lang); 19 | }, 1000); 20 | } else { 21 | setTimeout(function () { 22 | makeRandomPaste(null); 23 | }, 1000); 24 | } 25 | } 26 | 27 | function restoreLineNumber() { 28 | const enableLineNumber = localStorage.getItem("line-number"); 29 | if (enableLineNumber !== null) { 30 | updateLineNumber(enableLineNumber === "true"); 31 | } 32 | } 33 | 34 | function restoreColorMode() { 35 | const mode = localStorage.getItem("mode"); 36 | if (mode !== null) { 37 | const isDark = localStorage.getItem("mode") === "dark"; 38 | setMode(isDark); 39 | } 40 | } 41 | 42 | function restoreTheme() { 43 | const theme = localStorage.getItem("theme"); 44 | if (theme !== null) { 45 | setTheme(theme); 46 | } 47 | } 48 | 49 | function restoreNotification() { 50 | const cookie = getCookie("notification"); 51 | if (cookie !== "") { 52 | return; 53 | } 54 | setCookie("notification", "notified", 24 * 7); // one week 55 | 56 | promptNotification(); 57 | } 58 | 59 | export { restoreUserPreferences }; 60 | -------------------------------------------------------------------------------- /src/js/utils.js: -------------------------------------------------------------------------------- 1 | // replace spaces with in string form html while skipping tags 2 | // here we assume that the string is legal 3 | function normalizeString(str) { 4 | var res = ""; 5 | var length = str.length; 6 | var cnt = 0; 7 | 8 | for (var i = 0; i < length; i++) { 9 | if (str[i] === " ") { 10 | res += (cnt === 0) ? " " : " "; 11 | } else { 12 | res += str[i]; 13 | if (str[i] === "<") { 14 | cnt++; 15 | } else if (str[i] === ">") { 16 | cnt--; 17 | } 18 | } 19 | } 20 | 21 | return res; 22 | } 23 | 24 | // copy html element while preserving the format and style 25 | // Reference: https://htmldom.dev/copy-highlighted-code-to-the-clipboard/ 26 | function copyHTMLElement(elem) { 27 | // Create new selection 28 | const selection = window.getSelection(); 29 | 30 | // Save the current selection 31 | const currentRange = (selection.rangeCount === 0) ? null : selection.getRangeAt(0); 32 | 33 | // Select the text content of code element 34 | const range = document.createRange(); 35 | range.selectNodeContents(elem); 36 | selection.removeAllRanges(); 37 | selection.addRange(range); 38 | 39 | // Copy to the clipboard 40 | var hasError = false; 41 | try { 42 | document.execCommand("copy"); 43 | } catch (err) { 44 | // Unable to copy 45 | console.log(err); 46 | hasError = true; 47 | } finally { 48 | // Restore the previous selection 49 | selection.removeAllRanges(); 50 | currentRange && selection.addRange(currentRange); 51 | } 52 | 53 | return !hasError; 54 | }; 55 | 56 | export { normalizeString, copyHTMLElement }; 57 | -------------------------------------------------------------------------------- /src/js/vendor/alertify-extension.js: -------------------------------------------------------------------------------- 1 | import alertify from "alertifyjs"; 2 | 3 | alertify.set("notifier", "delay", 1.5); 4 | alertify.set("notifier", "position", "bottom-left"); 5 | 6 | export default alertify; -------------------------------------------------------------------------------- /src/js/vendor/cookie-extension.js: -------------------------------------------------------------------------------- 1 | // Reference: https://www.w3schools.com/js/js_cookies.asp 2 | 3 | /** 4 | * Set a cookie. 5 | * @param {string} name name of the cookie 6 | * @param {string} value value of the cookie 7 | * @param {number} hours hours to expire 8 | */ 9 | function setCookie(name, value, hours) { 10 | const expireDate = new Date(); 11 | expireDate.setTime(expireDate.getTime() + (hours * 60 * 60 * 1000)); 12 | let expires = "expires=" + expireDate.toUTCString(); 13 | document.cookie = name + "=" + value + ";" + expires + ";path=/"; 14 | } 15 | 16 | function getCookie(name) { 17 | name = name + "="; 18 | let decodedCookie = decodeURIComponent(document.cookie); 19 | let ca = decodedCookie.split(";"); 20 | for (let i = 0; i < ca.length; i++) { 21 | let c = ca[i]; 22 | while (c.charAt(0) == " ") { 23 | c = c.substring(1); 24 | } 25 | if (c.indexOf(name) == 0) { 26 | return c.substring(name.length, c.length); 27 | } 28 | } 29 | return ""; 30 | } 31 | 32 | export { setCookie, getCookie }; 33 | -------------------------------------------------------------------------------- /src/js/vendor/jquery-extensions.js: -------------------------------------------------------------------------------- 1 | import $ from "jquery"; 2 | 3 | $.fn.removeClassRegex = function (pattern) { 4 | var element = $(this); 5 | var classNames = element.attr("class").split(" "); 6 | $(classNames).each(function (key, value) { 7 | if (value.match(pattern)) { 8 | element.removeClass(value); 9 | } 10 | }); 11 | }; 12 | 13 | export default $; -------------------------------------------------------------------------------- /src/js/vendor/prism-extension.js: -------------------------------------------------------------------------------- 1 | import $ from "~/vendor/jquery-extensions"; 2 | 3 | const themes = { 4 | "https://cdnjs.cloudflare.com/ajax/libs/prism/1.28.0/themes/{id}.min.css": [ 5 | "prism", 6 | "prism-dark", 7 | "prism-funky", 8 | "prism-okaidia", 9 | "prism-twilight", 10 | "prism-solarizedlight", 11 | "prism-tomorrow" 12 | ], 13 | "https://cdnjs.cloudflare.com/ajax/libs/prism-themes/1.9.0/prism-{id}.min.css": [ 14 | "a11y-dark", 15 | "atom-dark", 16 | "base16-ateliersulphurpool.light", 17 | "cb", 18 | "coldark-cold", 19 | "coldark-dark", 20 | "coy-without-shadows", 21 | "darcula", 22 | "dracula", 23 | "duotone-dark", 24 | "duotone-earth", 25 | "duotone-forest", 26 | "duotone-light", 27 | "duotone-sea", 28 | "duotone-space", 29 | "ghcolors", 30 | "gruvbox-dark", 31 | "gruvbox-light", 32 | "holi-theme", 33 | "hopscotch", 34 | "lucario", 35 | "material-dark", 36 | "material-light", 37 | "material-oceanic", 38 | "night-owl", 39 | "nord", 40 | "one-dark", 41 | "one-light", 42 | "pojoaque", 43 | "shades-of-purple", 44 | "solarized-dark-atom", 45 | "synthwave84", 46 | "vs", 47 | "vsc-dark-plus", 48 | "xonokai", 49 | "z-touch" 50 | ] 51 | }; 52 | 53 | 54 | //url for id from dictionary 55 | function getThemeUrl(id) { 56 | for (const [key, value] of Object.entries(themes)) { 57 | if (value.includes(id)) return key; 58 | } 59 | return null; 60 | } 61 | 62 | function setTheme(id) { 63 | let url = getThemeUrl(id); 64 | if (url == null) { 65 | console.error("Theme not found: " + id); 66 | return null; 67 | } 68 | if ($("#theme-selector").val() !== id) { 69 | $("#theme-selector").val(id); 70 | } 71 | 72 | let theme_url = url.replace(/\{id}/g, id); 73 | $("#theme").attr("href", theme_url); 74 | 75 | localStorage.setItem("theme", id); 76 | }; 77 | 78 | export { setTheme }; 79 | -------------------------------------------------------------------------------- /src/js/version.js: -------------------------------------------------------------------------------- 1 | import alertify from "~/vendor/alertify-extension"; 2 | import $ from "~/vendor/jquery-extensions"; 3 | 4 | function render(versions) { 5 | var options = { year: "numeric", month: "long", day: "numeric" }; 6 | var latest = ""; 7 | var previous = ""; 8 | versions.forEach((version, index) => { 9 | var html = ""; 10 | html += '
';
11 | html += "
";
16 | html += 'Version " + version.version + "
"; 12 | html += '';
13 | html += "
";
15 | html += "" + new Date(version.date).toLocaleDateString("en-US", options) + "
"; 14 | html += "';
17 | version.entries.forEach((entry) => {
18 | html += "
";
26 | if (index == 0) {
27 | latest = html;
28 | } else {
29 | previous += html;
30 | }
31 | });
32 | $("#latest").html(latest);
33 | $("#previous").html(previous);
34 | }
35 |
36 | const expandMore = $("#expand-more");
37 | const expandLess = $("#expand-less");
38 | const previous = $("#previous");
39 |
40 | function expand() {
41 | previous.removeClass("hidden");
42 | previous.height(previous[0].scrollHeight);
43 | expandMore.addClass("hidden");
44 | expandLess.removeClass("hidden");
45 | setTimeout(() => {
46 | $("#more-anchor").get(0).scrollIntoView({ behavior: "smooth" });
47 | }, 150);
48 | }
49 |
50 | function collapse() {
51 | previous.addClass("hidden");
52 | previous.height(0);
53 | expandMore.removeClass("hidden");
54 | expandLess.addClass("hidden");
55 | setTimeout(() => {
56 | $("#less-anchor").get(0).scrollIntoView({ behavior: "smooth" });
57 | }, 150);
58 | }
59 |
60 | function loadVersion() {
61 | fetch("./version.json")
62 | .then((res) => {
63 | if (!res.ok) {
64 | throw new Error("Cannot find \"data.json\".");
65 | }
66 | return res.json();
67 | })
68 | .then((data) => render(data))
69 | .catch((error) => {
70 | console.log(error);
71 | alertify.error("Failed to load version data 😰");
72 | });
73 |
74 | expandMore.on("click", expand);
75 | expandLess.on("click", collapse);
76 | }
77 |
78 | export { loadVersion };
79 |
--------------------------------------------------------------------------------
/src/res/fonts/Consolas.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Lord-Turmoil/CodePaste/7ea55da35e3c73b3bd1b348aba5ca95379d564db/src/res/fonts/Consolas.eot
--------------------------------------------------------------------------------
/src/res/fonts/Consolas.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Lord-Turmoil/CodePaste/7ea55da35e3c73b3bd1b348aba5ca95379d564db/src/res/fonts/Consolas.woff
--------------------------------------------------------------------------------
/src/res/fonts/Consolas.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Lord-Turmoil/CodePaste/7ea55da35e3c73b3bd1b348aba5ca95379d564db/src/res/fonts/Consolas.woff2
--------------------------------------------------------------------------------
/src/res/fonts/LucidaHandwriting-Italic.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Lord-Turmoil/CodePaste/7ea55da35e3c73b3bd1b348aba5ca95379d564db/src/res/fonts/LucidaHandwriting-Italic.eot
--------------------------------------------------------------------------------
/src/res/fonts/LucidaHandwriting-Italic.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Lord-Turmoil/CodePaste/7ea55da35e3c73b3bd1b348aba5ca95379d564db/src/res/fonts/LucidaHandwriting-Italic.woff
--------------------------------------------------------------------------------
/src/res/fonts/LucidaHandwriting-Italic.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Lord-Turmoil/CodePaste/7ea55da35e3c73b3bd1b348aba5ca95379d564db/src/res/fonts/LucidaHandwriting-Italic.woff2
--------------------------------------------------------------------------------
/src/res/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Lord-Turmoil/CodePaste/7ea55da35e3c73b3bd1b348aba5ca95379d564db/src/res/logo.png
--------------------------------------------------------------------------------
/src/version.json:
--------------------------------------------------------------------------------
1 | [
2 | {
3 | "version": "3.1.1",
4 | "date": "2025.1.18",
5 | "entries": [
6 | {
7 | "title": "Changes",
8 | "items": [
9 | "Add support for more languages",
10 | "Use Tab or Shift + Tab to indent or unindent",
11 | "Minor adjustments to the layout"
12 | ]
13 | },
14 | {
15 | "title": "Fixes",
16 | "items": [
17 | "Tab key will no longer clear input history",
18 | "Compatibility issue with Microsoft PowerPoint"
19 | ]
20 | }
21 | ]
22 | },
23 | {
24 | "version": "3.1.0",
25 | "date": "2024.10.3",
26 | "entries": [
27 | {
28 | "title": "Refactor",
29 | "items": [
30 | "Refactored project with npm package"
31 | ]
32 | },
33 | {
34 | "title": "Changes",
35 | "items": [
36 | "Minor updates to the style"
37 | ]
38 | },
39 | {
40 | "title": "Fixes",
41 | "items": [
42 | "Fixed the bug that input box cannot auto-shrink"
43 | ]
44 | }
45 | ]
46 | },
47 | {
48 | "version": "3.0.1",
49 | "date": "2024.7.25",
50 | "entries": [
51 | {
52 | "title": "Changes",
53 | "items": [
54 | "Introduced native dark mode",
55 | "Improved animation effects",
56 | "Disabled spell check and completion for input box",
57 | "Copy code with line numbers (Experimental)"
58 | ]
59 | },
60 | {
61 | "title": "Fixes",
62 | "items": [
63 | "Removed the annoying text shadow"
64 | ]
65 | },
66 | {
67 | "title": "Notice",
68 | "items": [
69 | "You may need to manually adjust font and column width after pasting"
70 | ]
71 | }
72 | ]
73 | },
74 | {
75 | "version": "2.2.3",
76 | "date": "2023.12.31",
77 | "entries": [
78 | {
79 | "title": "Changes",
80 | "items": [
81 | "Can use Tab key to indent 4 spaces",
82 | "Can remember history language and theme",
83 | "Add prompt for the use of Microsoft Clarity"
84 | ]
85 | },
86 | {
87 | "title": "Fixes",
88 | "items": [
89 | "Bad URL links"
90 | ]
91 | }
92 | ]
93 | },
94 | {
95 | "version": "2.0.3",
96 | "date": "2023.10.6",
97 | "entries": [
98 | {
99 | "title": "Changes",
100 | "items": [
101 | "More highlight color schemes!",
102 | "Provide random code sample",
103 | "Add language hint in the code block",
104 | "Better animation effects",
105 | "Remove line number option"
106 | ]
107 | },
108 | {
109 | "title": "Fixes",
110 | "items": [
111 | "Some visual glitches"
112 | ]
113 | },
114 | {
115 | "title": "Bug",
116 | "items": [
117 | "Layout may still have bug for certain browsers"
118 | ]
119 | }
120 | ]
121 | },
122 | {
123 | "version": "1.2.x",
124 | "date": "2023.10.4",
125 | "entries": [
126 | {
127 | "title": "Changes",
128 | "items": [
129 | "Support for one-click copy",
130 | "Add beautiful alertify dialogs",
131 | "Adapt to new Edge UI",
132 | "Fix typo",
133 | "Reorder action buttons"
134 | ]
135 | }
136 | ]
137 | },
138 | {
139 | "version": "1.1.x",
140 | "date": "2023.6.26",
141 | "entries": [
142 | {
143 | "title": "General",
144 | "items": [
145 | "First stable version",
146 | "Primary features realized"
147 | ]
148 | },
149 | {
150 | "title": "Fixes",
151 | "items": [
152 | "Fix potential format error",
153 | "Fix compatibility with Microsoft PowerPoint"
154 | ]
155 | }
156 | ]
157 | }
158 | ]
--------------------------------------------------------------------------------
/src/views/components/.gitignore:
--------------------------------------------------------------------------------
1 | notification.html
2 | statistics.html
3 | support.html
4 | languages.html
5 |
--------------------------------------------------------------------------------
/src/views/components/head.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
--------------------------------------------------------------------------------
/src/views/components/meta.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
--------------------------------------------------------------------------------
/src/views/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | " + entry.title + "
"; 19 | html += '';
20 | entry.items.forEach((item) => {
21 | html += "
";
24 | });
25 | html += "" + item + "
"; 22 | }); 23 | html += "
17 |
19 |
21 |
23 |
25 |
27 |
37 |
38 |
39 |
40 |
--------------------------------------------------------------------------------
/src/views/parts/banner.html:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/src/views/parts/docs.html:
--------------------------------------------------------------------------------
1 | 19 |
21 |
23 |
25 |
27 |
2 |
30 | 31 | 32 | 33 | 34 |
--------------------------------------------------------------------------------
/src/views/parts/footer.html:
--------------------------------------------------------------------------------
1 |
3 |
29 | Why Code Paste?
4 |
5 |
28 |
6 |
27 |
7 |
26 | 8 | Adding code snippets to Office documents like Word or PowerPoint could be a challenge, 9 | especially when you want to preserve the syntax highlighting. 😢 Furthermore, the typical dark 10 | themes of most IDEs doesn't work well for presentations. While converting code into images is an 11 | option, it often suffers from non-transparent background, and apparently not as flexible or 12 | crystal clear as text. 😖 13 |
14 |15 | So, is there a better way to embed highlighted code snippets in these documents? 🤔 16 | Absolutely, and that's where Code Paste comes in! 😆 Simply paste your code into the left 17 | panel, choose your preferred language and color scheme. With a few clicks, you'll have a 18 | beautifully highlighted code snippet ready to go. 😋 19 |
20 |21 | Can't find the language you need? 🫨 Well, don't be shy! Open an 22 | issue 23 | and I will add it for you! 😘 24 |
25 |30 | 31 | 32 | 33 | 34 |
2 |
--------------------------------------------------------------------------------
/src/views/parts/header.html:
--------------------------------------------------------------------------------
1 |
3 |
31 |
4 |
5 | 
6 |
7 |
8 |
6 |
7 |
9 |
10 | 
12 |
13 |
14 |
12 |
13 |
15 |
16 | 
18 |
19 |
20 |
18 |
19 |
21 |
22 | 
23 |
24 |
25 |
23 |
24 |
26 |
27 | 
28 |
29 |
30 |
28 |
29 |
32 |
33 |
36 | Copyright © Tony's Studio 2023
34 | 35 |
2 | Code
3 | 
4 | Paste
5 |
--------------------------------------------------------------------------------
/src/views/parts/panel.html:
--------------------------------------------------------------------------------
1 |
4 | Paste
5 |
2 |
--------------------------------------------------------------------------------
/src/views/parts/toolbar.html:
--------------------------------------------------------------------------------
1 |
3 |
8 |
4 |
6 |
7 |
9 |
28 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
29 |
41 |
30 |
37 | Step 1
Select the language of your code 🧐
Step 2
Paste your code to the input panel 🤨
Step 3
Click the circle with arrow to make yummy code paste 😋
Step 4
Change the color scheme to meet your taste 😆
Step 5
Click the clipboard-like button to copy the code 😁
Step 6
Paste the code to your document and be professional! 😍
38 |
40 |
2 |
--------------------------------------------------------------------------------
/webpack.config.js:
--------------------------------------------------------------------------------
1 | /* eslint-disable no-undef */
2 | module.exports = {
3 | entry: './src/js/main.js',
4 | output: {
5 | path: __dirname + '/dist',
6 | filename: 'bundle.js'
7 | },
8 | module: {
9 | rules: [
10 | {
11 | test: /\.m?js$/,
12 | exclude: /node_modules/,
13 | use: {
14 | loader: 'babel-loader',
15 | options: {
16 | presets: ['@babel/preset-env']
17 | }
18 | }
19 | },
20 | {
21 | test: /\.css$/,
22 | use: ['css-loader']
23 | }
24 | ]
25 | }
26 | };
--------------------------------------------------------------------------------
3 |
73 |
4 |
13 | Language
5 |
6 |
12 |
7 |
10 |
11 |
14 |
65 | Color Scheme
15 |
16 |
64 |
17 |
62 |
63 |
66 |
72 | Line Number
67 |
68 |
69 |
70 |
71 |
74 |
79 |
75 |
78 |
76 |
77 |
80 |
86 |
81 |
85 |
82 |
84 |