@gallop.software/studio 2.3.168 → 2.3.170
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +61 -3
- package/dist/client/assets/index-CVJQOX08.js +139 -0
- package/dist/client/assets/index-Cs_5fxll.js +139 -0
- package/dist/client/assets/index-Of2c5V5i.js +139 -0
- package/dist/client/index.html +1 -1
- package/dist/server/index.js +68 -44
- package/dist/server/index.js.map +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -1,16 +1,30 @@
|
|
|
1
1
|
# @gallop.software/studio
|
|
2
2
|
|
|
3
|
-
Standalone media manager for Gallop templates. Upload, process, and sync images to Cloudflare R2 CDN.
|
|
3
|
+
Standalone media manager for Gallop templates. Upload, process, and sync images to Cloudflare R2 CDN. Manage fonts with visual tools.
|
|
4
4
|
|
|
5
5
|
## Features
|
|
6
6
|
|
|
7
|
+
### Media & Files
|
|
8
|
+
|
|
7
9
|
- **Standalone dev server** - runs on its own port, doesn't affect your app
|
|
8
|
-
- **Upload
|
|
10
|
+
- **Upload any file type** with drag-and-drop support and progress tracking
|
|
11
|
+
- **Automatic thumbnail generation** for images
|
|
9
12
|
- **Browse folders** with grid and list views
|
|
10
|
-
- **Multi-select** for batch operations
|
|
13
|
+
- **Multi-select** for batch operations (delete, move, download)
|
|
11
14
|
- **Push to CDN** (Cloudflare R2) with automatic local cleanup
|
|
12
15
|
- **Cache purge** for custom CDN domains
|
|
13
16
|
- **Blurhash** generation for image placeholders
|
|
17
|
+
- **Image editing** - crop, resize, rotate, and adjust quality
|
|
18
|
+
|
|
19
|
+
### Font Management
|
|
20
|
+
|
|
21
|
+
- **Visual font browser** - browse and organize font files in `_fonts/` folder
|
|
22
|
+
- **Upload TTF fonts** - drag-and-drop with automatic folder organization
|
|
23
|
+
- **Compress to WOFF2** - automatic TTF to WOFF2 conversion
|
|
24
|
+
- **Assign to config files** - generate `src/fonts/*.ts` configuration files
|
|
25
|
+
- **Font weight detection** - automatically detect weights and styles from filenames
|
|
26
|
+
- **Folder status badges** - visual indicators for TTF-only, WOFF2-ready, and assigned folders
|
|
27
|
+
- **Batch operations** - rename folders, delete files, with streaming progress
|
|
14
28
|
|
|
15
29
|
## Installation
|
|
16
30
|
|
|
@@ -74,6 +88,50 @@ Studio opens in your browser on an available port (default 3001).
|
|
|
74
88
|
3. Copy the Access Key ID and Secret Access Key
|
|
75
89
|
4. Enable public access or set up a custom domain
|
|
76
90
|
|
|
91
|
+
## Font Management
|
|
92
|
+
|
|
93
|
+
Studio includes a visual interface for managing web fonts. Access it from the dropdown menu in the header.
|
|
94
|
+
|
|
95
|
+
### Font Workflow
|
|
96
|
+
|
|
97
|
+
1. **Upload TTF fonts** - Drag and drop TTF files into a folder (auto-creates folder from filename prefix)
|
|
98
|
+
2. **Select folder** - Click to select a font folder
|
|
99
|
+
3. **Assign Web Font** - Click to compress TTF→WOFF2 and generate `src/fonts/*.ts` config
|
|
100
|
+
4. **Use in layout** - Import the generated font config in your `src/app/layout.tsx`
|
|
101
|
+
|
|
102
|
+
### Font Folder Structure
|
|
103
|
+
|
|
104
|
+
```
|
|
105
|
+
_fonts/
|
|
106
|
+
├── barlow/
|
|
107
|
+
│ ├── barlow-regular.ttf
|
|
108
|
+
│ ├── barlow-regular.woff2
|
|
109
|
+
│ ├── barlow-bold.ttf
|
|
110
|
+
│ ├── barlow-bold.woff2
|
|
111
|
+
│ └── ...
|
|
112
|
+
├── montserrat/
|
|
113
|
+
│ └── ...
|
|
114
|
+
└── ...
|
|
115
|
+
```
|
|
116
|
+
|
|
117
|
+
### Font Config Files
|
|
118
|
+
|
|
119
|
+
Generated config files in `src/fonts/`:
|
|
120
|
+
|
|
121
|
+
```typescript
|
|
122
|
+
// src/fonts/body.ts
|
|
123
|
+
import localFont from 'next/font/local'
|
|
124
|
+
|
|
125
|
+
export const body = localFont({
|
|
126
|
+
src: [
|
|
127
|
+
{ path: '../../_fonts/barlow/barlow-regular.woff2', weight: '400', style: 'normal' },
|
|
128
|
+
{ path: '../../_fonts/barlow/barlow-bold.woff2', weight: '700', style: 'normal' },
|
|
129
|
+
],
|
|
130
|
+
variable: '--font-body',
|
|
131
|
+
display: 'swap',
|
|
132
|
+
})
|
|
133
|
+
```
|
|
134
|
+
|
|
77
135
|
## Metadata
|
|
78
136
|
|
|
79
137
|
Studio stores image metadata in `_data/_studio.json`:
|