18 |
28 | );
29 | };
30 |
--------------------------------------------------------------------------------
/client/src/service/shareService.ts:
--------------------------------------------------------------------------------
1 | import { apiClient } from '../utils/api/apiClient';
2 | import { Share, ShareSettings, Snippet } from '../types/snippets';
3 | import { API_ENDPOINTS } from '../constants/api';
4 |
5 | export const shareService = {
6 | async createShare(snippetId: string, settings: ShareSettings): Promise
19 | {(title || actions) && (
20 |
27 |
21 | {title &&
24 | )}
25 | {children}
26 | {title}
} 22 | {actions &&{actions}
}
23 |
19 |
24 |
20 |
23 |
16 |
39 | );
40 | };
41 |
42 | export default SnippetRecycleCardMenu;
43 |
--------------------------------------------------------------------------------
/server/src/routes/embedRoutes.js:
--------------------------------------------------------------------------------
1 | import express from 'express';
2 | import shareRepository from '../repositories/shareRepository.js';
3 |
4 | const router = express.Router();
5 |
6 | router.get('/:shareId', async (req, res) => {
7 | try {
8 | const { shareId } = req.params;
9 | const { showTitle, showDescription, fragmentIndex } = req.query;
10 |
11 | const snippet = await shareRepository.getShare(shareId);
12 | if (!snippet) {
13 | return res.status(404).json({ error: 'Snippet not found' });
14 | }
15 |
16 | if (snippet.share.expired) {
17 | return res.status(404).json({ error: 'Share link has expired' });
18 | }
19 |
20 | if (snippet.share.requiresAuth && !req.user) {
21 | return res.status(401).json({ error: 'Authentication required' });
22 | }
23 |
24 | const embedData = {
25 | id: snippet.id,
26 | title: showTitle === 'true' ? snippet.title : undefined,
27 | description: showDescription === 'true' ? snippet.description : undefined,
28 | language: snippet.language,
29 | fragments: fragmentIndex !== undefined ?
30 | [snippet.fragments[parseInt(fragmentIndex, 10)]] :
31 | snippet.fragments,
32 | created_at: snippet.created_at,
33 | updated_at: snippet.updated_at
34 | };
35 |
36 | res.json(embedData);
37 | } catch (error) {
38 | console.error('Error in embed route:', error);
39 | res.status(500).json({ error: 'Internal server error' });
40 | }
41 | });
42 |
43 | export default router;
44 |
--------------------------------------------------------------------------------
/client/src/utils/api/share.ts:
--------------------------------------------------------------------------------
1 | import { shareService } from '../../service/shareService';
2 | import type { Share, ShareSettings, Snippet } from '../../types/snippets';
3 | import { createCustomEvent, EVENTS } from '../../constants/events';
4 |
5 | export const createShare = async (
6 | snippetId: string,
7 | settings: ShareSettings
8 | ): Promise14 | 15 | ## Installation and Configuration 16 | 17 | To add the ByteStash helm repository, run command: 18 | 19 | ```bash 20 | helm repo add bytestash https://jordan-dalby.github.io/ByteStash/ 21 | ``` 22 | 23 | To install the ByteStash helm chart with a release name `my-release` in `ns` namespace, run command: 24 | 25 | ```bash 26 | helm install -n ns --create-namespace my-release bytestash/bytestash 27 | ``` 28 | 29 | To update latest changes of the charts from the Helm repository, run commands: 30 | 31 | ```bash 32 | helm repo update 33 | 34 | helm -n ns upgrade my-release bytestash/bytestash 35 | 36 | ``` 37 | 38 | To configure the Helm chart deployment, the configurable parameters can be found in `values.yaml` values file. Those parameters can be set via `--set` flag during installation or configured by editing the `values.yaml` directly. An example configuration can be found at [example](./.example.yaml) 39 | 40 | To uninstall/delete the `my-release` deployment, run command: 41 | 42 | ```bash 43 | helm delete my-release 44 | ``` 45 | -------------------------------------------------------------------------------- /client/src/components/common/buttons/DownloadButton.tsx: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { Download } from "lucide-react"; 3 | import { downloadFragment } from "../../../utils/downloadUtils"; 4 | import { useToast } from "../../../hooks/useToast"; 5 | 6 | interface DownloadButtonProps { 7 | code: string; 8 | fileName: string; 9 | language: string; 10 | className?: string; 11 | } 12 | 13 | const DownloadButton: React.FC
35 |
40 |
36 |
39 |
34 |
50 | {message}
35 |
36 |
42 |
48 |
49 |
12 |
58 | );
59 | };
60 |
61 | export default ViewSwitch;
62 |
--------------------------------------------------------------------------------
/client/src/service/snippetService.ts:
--------------------------------------------------------------------------------
1 | import { apiClient } from "../utils/api/apiClient";
2 | import { Snippet } from "../types/snippets";
3 | import { API_ENDPOINTS } from "../constants/api";
4 |
5 | export const snippetService = {
6 | async getAllSnippets(): Promise
16 |
36 |
56 |
57 |
26 |
27 |
31 |
32 |
53 | );
54 | };
55 |
56 | export default StorageHeader;
57 |
--------------------------------------------------------------------------------
/client/src/components/common/buttons/DownloadArchiveButton.tsx:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import { ArrowDownToLine } from "lucide-react";
3 | import { downloadSnippetArchive } from "../../../utils/downloadUtils";
4 | import { useToast } from "../../../hooks/useToast";
5 |
6 | interface DownloadArchiveButtonProps {
7 | snippetTitle: string;
8 | fragments: Array<{
9 | code: string;
10 | file_name: string;
11 | language: string;
12 | }>;
13 | className?: string;
14 | size?: "sm" | "md" | "lg";
15 | variant?: "primary" | "secondary";
16 | }
17 |
18 | export const DownloadArchiveButton: React.FC
27 | })
28 | ByteStash
29 | v{APP_VERSION}
30 |
31 |
32 | setIsTooltipVisible(true)}
35 | onMouseLeave={() => setIsTooltipVisible(false)}
36 | >
37 |
52 |
48 | {tooltipText}
49 |
50 | )}
51 |
3 | 
4 |
74 |
91 | );
92 | };
93 |
94 | export default Admonition;
95 |
--------------------------------------------------------------------------------
/client/src/components/snippets/embed/EmbedCopyButton.tsx:
--------------------------------------------------------------------------------
1 | import React, { useState } from 'react';
2 | import { Copy, Check } from 'lucide-react';
3 |
4 | export interface EmbedCopyButtonProps {
5 | text: string;
6 | theme: 'light' | 'dark' | 'blue' | 'system';
7 | }
8 |
9 | const EmbedCopyButton: React.FC
75 |
80 |
90 |
81 |
89 |
83 |
88 | {cfg.title}
84 | {children && (
85 | {children}
86 | )}
87 |
56 |
60 | );
61 | }
62 | return (
63 | 57 | No snippets match your search criteria. 58 |
59 |
70 | {snippets.map((snippet) => (
71 |
96 | );
97 | };
98 |
99 | export default SnippetList;
100 |
--------------------------------------------------------------------------------
/client/src/components/snippets/view/SnippetModal.tsx:
--------------------------------------------------------------------------------
1 | import React, { useState, useCallback } from "react";
2 | import { Snippet } from "../../../types/snippets";
3 | import Modal from "../../common/modals/Modal";
4 | import { FullCodeView } from "./FullCodeView";
5 | import { ConfirmationModal } from "../../common/modals/ConfirmationModal";
6 |
7 | export interface SnippetModalProps {
8 | snippet: Snippet | null;
9 | isOpen: boolean;
10 | onClose: () => void;
11 | onEdit?: (snippet: Snippet) => void;
12 | onDelete?: (id: string) => Promise
27 |
29 | Loading...
28 | Invalid share ID
;
46 | }
47 |
48 | const theme = searchParams.get('theme') as 'light' | 'dark' | 'system' | null;
49 |
50 | return (
51 |
68 |
69 |
70 |
71 |
82 |
83 |
84 |
85 |
48 |
53 | );
54 | }
55 |
56 | if (error) {
57 | return (
58 |
49 |
52 |
59 |
67 | );
68 | }
69 |
70 | if (errorCode === 410) {
71 | return (
72 | {error}
60 |
64 | Browse public snippets
65 |
66 |
73 |
81 | );
82 | }
83 |
84 | if (!snippet) {
85 | return (
86 | This shared snippet has expired
74 |
78 | Browse public snippets
79 |
80 |
87 |
95 | );
96 | }
97 |
98 | return (
99 | Snippet not found
88 |
92 | Browse public snippets
93 |
94 |
100 |
104 | );
105 | };
106 |
107 | export default SharedSnippetView;
108 |
--------------------------------------------------------------------------------
/client/src/components/search/SearchBar.tsx:
--------------------------------------------------------------------------------
1 | import React, { useState, useEffect, useRef } from 'react';
2 | import { Search, X } from 'lucide-react';
3 | import BaseDropdown, { BaseDropdownRef } from '../common/dropdowns/BaseDropdown';
4 | import { IconButton } from '../common/buttons/IconButton';
5 | import { useKeyboardShortcut } from '../../hooks/useKeyboardShortcut';
6 |
7 | interface SearchBarProps {
8 | value: string;
9 | onChange: (value: string) => void;
10 | onCategorySelect: (category: string) => void;
11 | existingCategories: string[];
12 | selectedCategories: string[];
13 | placeholder?: string;
14 | }
15 |
16 | export const SearchBar: React.FC
101 |
103 |
93 | {
97 | setInputValue(value);
98 | onChange(value);
99 | }}
100 | onSelect={handleSelect}
101 | getSections={getSections}
102 | placeholder={placeholder}
103 | className="h-10 mt-0 bg-light-surface dark:bg-dark-surface"
104 | showChevron={false}
105 | />
106 | {inputValue && (
107 |
123 | );
124 | };
125 |
--------------------------------------------------------------------------------
/client/src/utils/downloadUtils.ts:
--------------------------------------------------------------------------------
1 | import JSZip from "jszip";
2 |
3 | // Get file extension based on language
4 | export const getFileExtension = (language: string): string => {
5 | const extensionMap: Record
83 |
101 | );
102 | };
103 |
104 | export const ToastProvider: React.FC<{ children: React.ReactNode }> = ({ children }) => {
105 | const [toasts, setToasts] = useState
84 |
86 |
87 |
89 |
96 |
100 | {message}
88 |
127 | {toasts.map(toast => (
128 | removeToast(toast.id)}
132 | />
133 | ))}
134 |
135 |
83 |
142 | );
143 | };
144 |
145 | export default Modal;
146 |
--------------------------------------------------------------------------------
/server/src/config/database.js:
--------------------------------------------------------------------------------
1 | import Database from "better-sqlite3";
2 | import { dirname, join } from "path";
3 | import fs from "fs";
4 | import { up_v1_4_0 } from "./migrations/20241111-migration.js";
5 | import { up_v1_5_0 } from "./migrations/20241117-migration.js";
6 | import Logger from "../logger.js";
7 | import { up_v1_5_0_public } from "./migrations/20241119-migration.js";
8 | import { up_v1_5_0_oidc } from "./migrations/20241120-migration.js";
9 | import { fileURLToPath } from "url";
10 | import { up_v1_5_0_usernames } from "./migrations/20241121-migration.js";
11 | import { up_v1_5_1_api_keys } from "./migrations/20241122-migration.js";
12 | import { up_v1_6_0_snippet_expiry } from "./migrations/20250601-migration.js";
13 | import { up_v1_7_0_snippet_pin_favorite } from "./migrations/20250905-migration.js";
14 | import path from "path";
15 | let db = null;
16 | let checkpointInterval = null;
17 |
18 | const __filename = fileURLToPath(import.meta.url);
19 | const __dirname = dirname(__filename);
20 |
21 | function getDatabasePath() {
22 | const dbPath = join(__dirname, "../../../data/snippets");
23 | if (!fs.existsSync(dbPath)) {
24 | fs.mkdirSync(dbPath, { recursive: true });
25 | }
26 | return join(dbPath, "snippets.db");
27 | }
28 |
29 | function checkpointDatabase() {
30 | if (!db) return;
31 |
32 | try {
33 | Logger.debug("Starting database checkpoint...");
34 | const start = Date.now();
35 |
36 | db.pragma("wal_checkpoint(PASSIVE)");
37 |
38 | const duration = Date.now() - start;
39 | Logger.debug(`Database checkpoint completed in ${duration}ms`);
40 | } catch (error) {
41 | Logger.error("Error during database checkpoint:", error);
42 | }
43 | }
44 |
45 | function startCheckpointInterval() {
46 | const CHECKPOINT_INTERVAL = 5 * 60 * 1000;
47 |
48 | if (checkpointInterval) {
49 | clearInterval(checkpointInterval);
50 | }
51 |
52 | checkpointInterval = setInterval(checkpointDatabase, CHECKPOINT_INTERVAL);
53 | }
54 |
55 | function stopCheckpointInterval() {
56 | if (checkpointInterval) {
57 | clearInterval(checkpointInterval);
58 | checkpointInterval = null;
59 | }
60 | }
61 |
62 | function backupDatabase(dbPath) {
63 | const baseBackupPath = `${dbPath}.backup`;
64 | checkpointDatabase();
65 |
66 | try {
67 | if (fs.existsSync(dbPath)) {
68 | const dbBackupPath = `${baseBackupPath}.db`;
69 | fs.copyFileSync(dbPath, dbBackupPath);
70 | Logger.debug(`Database backed up to: ${dbBackupPath}`);
71 | } else {
72 | Logger.error(`Database file not found: ${dbPath}`);
73 | return false;
74 | }
75 | return true;
76 | } catch (error) {
77 | Logger.error("Failed to create database backup:", error);
78 | throw error;
79 | }
80 | }
81 |
82 | function createInitialSchema(db) {
83 | const initSQL = fs.readFileSync(
84 | path.join(__dirname, "schema/init.sql"),
85 | "utf8"
86 | );
87 | Logger.debug("Init SQL Path:", path.join(__dirname, "schema/init.sql"));
88 | db.exec(initSQL);
89 | Logger.debug("✅ Initial schema executed");
90 | }
91 |
92 | function initializeDatabase() {
93 | try {
94 | const dbPath = getDatabasePath();
95 | Logger.debug(`Initializing SQLite database at: ${dbPath}`);
96 |
97 | const dbExists = fs.existsSync(dbPath);
98 |
99 | db = new Database(dbPath, {
100 | verbose: Logger.debug,
101 | fileMustExist: false,
102 | });
103 |
104 | db.pragma("foreign_keys = ON");
105 | db.pragma("journal_mode = WAL");
106 |
107 | backupDatabase(dbPath);
108 |
109 | if (!dbExists) {
110 | Logger.debug("Creating new database with initial schema...");
111 | createInitialSchema(db);
112 | } else {
113 | Logger.debug("Database file exists, checking for needed migrations...");
114 | up_v1_4_0(db);
115 | up_v1_5_0(db);
116 | up_v1_5_0_public(db);
117 | up_v1_5_0_oidc(db);
118 | up_v1_5_0_usernames(db);
119 | up_v1_5_1_api_keys(db);
120 | up_v1_6_0_snippet_expiry(db);
121 | up_v1_7_0_snippet_pin_favorite(db);
122 | Logger.debug("All migrations applied successfully");
123 | }
124 |
125 | startCheckpointInterval();
126 |
127 | Logger.debug("Database initialization completed successfully");
128 | return db;
129 | } catch (error) {
130 | Logger.error("Database initialization error:", error);
131 | throw error;
132 | }
133 | }
134 |
135 | function getDb() {
136 | if (!db) {
137 | throw new Error(
138 | "Database not initialized. Call initializeDatabase() first."
139 | );
140 | }
141 | return db;
142 | }
143 |
144 | function shutdownDatabase() {
145 | if (db) {
146 | try {
147 | Logger.debug("Performing final database checkpoint...");
148 | db.pragma("wal_checkpoint(TRUNCATE)");
149 |
150 | stopCheckpointInterval();
151 | db.close();
152 | db = null;
153 |
154 | Logger.debug("Database shutdown completed successfully");
155 | } catch (error) {
156 | Logger.error("Error during database shutdown:", error);
157 | throw error;
158 | }
159 | }
160 | }
161 |
162 | export { initializeDatabase, getDb, shutdownDatabase, checkpointDatabase };
163 |
--------------------------------------------------------------------------------
/client/src/components/auth/UserDropdown.tsx:
--------------------------------------------------------------------------------
1 | import React, { useRef, useState, useEffect } from 'react';
2 | import { LogOut, User, Key, Lock } from 'lucide-react';
3 | import { useAuth } from '../../hooks/useAuth';
4 | import { useOutsideClick } from '../../hooks/useOutsideClick';
5 | import { Link } from 'react-router-dom';
6 | import { ApiKeysModal } from './ApiKeysModal';
7 | import { ChangePasswordModal } from './ChangePasswordModal';
8 | import { apiClient } from '../../utils/api/apiClient';
9 | import { OIDCConfig } from '../../types/auth';
10 |
11 | export const UserDropdown: React.FC = () => {
12 | const [isOpen, setIsOpen] = useState(false);
13 | const [isApiKeysModalOpen, setIsApiKeysModalOpen] = useState(false);
14 | const [isChangePasswordModalOpen, setIsChangePasswordModalOpen] = useState(false);
15 | const dropdownRef = useRef
92 | {/* Header */}
93 |
141 |
94 |
135 |
136 | {/* Single scrollable area connected to external ref */}
137 |
95 | {title}
96 |
97 |
98 | {expandable && (
99 |
134 |
138 | {children}
139 |
140 |
51 |
59 |
60 | {isOpen && (
61 | setIsApiKeysModalOpen(false)}
106 | />
107 |
108 | setIsChangePasswordModalOpen(false)}
111 | onPasswordChanged={handlePasswordChanged}
112 | />
113 |
114 | );
115 | }
116 |
117 | return (
118 |
65 |
76 | {!user.oidc_id && authConfig?.allowPasswordChanges && (
77 |
88 | )}
89 |
100 |
101 | )}
102 |
103 |
119 |
124 |
128 | );
129 | };
130 |
--------------------------------------------------------------------------------
/client/src/components/editor/CodeEditor.tsx:
--------------------------------------------------------------------------------
1 | import React, { useRef, useEffect, useState } from 'react';
2 | import Editor, { OnMount } from '@monaco-editor/react';
3 | import * as Monaco from 'monaco-editor/esm/vs/editor/editor.api';
4 | import { getMonacoLanguage } from '../../utils/language/languageUtils';
5 | import { useTheme } from '../../contexts/ThemeContext';
6 |
7 | export interface CodeEditorProps {
8 | code: string;
9 | language?: string;
10 | onValueChange: (value?: string) => void;
11 | showLineNumbers: boolean;
12 | minHeight?: string;
13 | maxHeight?: string;
14 | }
15 |
16 | export const CodeEditor: React.FC
111 | {
116 | onValueChange?.(value);
117 | setTimeout(updateEditorHeight, 10);
118 | }}
119 | onMount={handleEditorDidMount}
120 | theme={isDark ? "vs-dark" : "light"}
121 | options={{
122 | minimap: { enabled: false },
123 | scrollBeyondLastLine: false,
124 | fontSize: 13,
125 | lineNumbers: showLineNumbers ? 'on' : 'off',
126 | renderLineHighlight: 'all',
127 | wordWrap: 'on',
128 | wrappingIndent: 'indent',
129 | automaticLayout: true,
130 | folding: false,
131 | tabSize: 4,
132 | formatOnPaste: true,
133 | formatOnType: true,
134 | padding: { top: 12, bottom: 12 },
135 | lineDecorationsWidth: showLineNumbers ? 24 : 50,
136 | overviewRulerBorder: false,
137 | scrollbar: {
138 | alwaysConsumeMouseWheel: false, // Fixes an issue where scrolling to end of code block did not allow further scrolling
139 | vertical: 'visible',
140 | horizontal: 'visible',
141 | verticalScrollbarSize: 12,
142 | horizontalScrollbarSize: 12,
143 | useShadows: false
144 | }
145 | }}
146 | />
147 |
148 | );
149 | };
150 |
--------------------------------------------------------------------------------