@gallop.software/studio 1.6.2 → 1.6.3
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/app/api/studio/[...path]/route.js +1 -0
- package/app/layout.js +14 -0
- package/app/page.js +77 -0
- package/package.json +3 -2
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { GET, POST, DELETE } from '@gallop.software/studio/handlers'
|
package/app/layout.js
ADDED
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
export const metadata = {
|
|
2
|
+
title: 'Studio - Media Manager',
|
|
3
|
+
description: 'Manage images and media files for your project',
|
|
4
|
+
}
|
|
5
|
+
|
|
6
|
+
export default function RootLayout({ children }) {
|
|
7
|
+
return (
|
|
8
|
+
<html lang="en">
|
|
9
|
+
<body style={{ margin: 0, padding: 0, backgroundColor: '#0a0a0a' }}>
|
|
10
|
+
{children}
|
|
11
|
+
</body>
|
|
12
|
+
</html>
|
|
13
|
+
)
|
|
14
|
+
}
|
package/app/page.js
ADDED
|
@@ -0,0 +1,77 @@
|
|
|
1
|
+
'use client'
|
|
2
|
+
|
|
3
|
+
import dynamic from 'next/dynamic'
|
|
4
|
+
|
|
5
|
+
const StudioUI = dynamic(
|
|
6
|
+
() => import('@gallop.software/studio').then((m) => m.StudioUI),
|
|
7
|
+
{
|
|
8
|
+
ssr: false,
|
|
9
|
+
loading: () => (
|
|
10
|
+
<div style={styles.loading}>
|
|
11
|
+
<div style={styles.loadingContent}>
|
|
12
|
+
<div style={styles.spinner} />
|
|
13
|
+
<p style={styles.loadingText}>Loading Studio...</p>
|
|
14
|
+
</div>
|
|
15
|
+
</div>
|
|
16
|
+
),
|
|
17
|
+
}
|
|
18
|
+
)
|
|
19
|
+
|
|
20
|
+
const styles = {
|
|
21
|
+
container: {
|
|
22
|
+
position: 'fixed',
|
|
23
|
+
top: 0,
|
|
24
|
+
left: 0,
|
|
25
|
+
right: 0,
|
|
26
|
+
bottom: 0,
|
|
27
|
+
background: '#0a0a0a',
|
|
28
|
+
fontFamily: `-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif`,
|
|
29
|
+
},
|
|
30
|
+
loading: {
|
|
31
|
+
display: 'flex',
|
|
32
|
+
alignItems: 'center',
|
|
33
|
+
justifyContent: 'center',
|
|
34
|
+
height: '100vh',
|
|
35
|
+
background: '#0a0a0a',
|
|
36
|
+
fontFamily: `-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif`,
|
|
37
|
+
},
|
|
38
|
+
loadingContent: {
|
|
39
|
+
display: 'flex',
|
|
40
|
+
flexDirection: 'column',
|
|
41
|
+
alignItems: 'center',
|
|
42
|
+
gap: '16px',
|
|
43
|
+
},
|
|
44
|
+
spinner: {
|
|
45
|
+
width: '36px',
|
|
46
|
+
height: '36px',
|
|
47
|
+
borderRadius: '50%',
|
|
48
|
+
border: '3px solid #2a2a2a',
|
|
49
|
+
borderTopColor: '#635bff',
|
|
50
|
+
animation: 'spin 0.8s linear infinite',
|
|
51
|
+
},
|
|
52
|
+
loadingText: {
|
|
53
|
+
color: '#888888',
|
|
54
|
+
fontSize: '14px',
|
|
55
|
+
fontWeight: 500,
|
|
56
|
+
margin: 0,
|
|
57
|
+
},
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
export default function StudioPage() {
|
|
61
|
+
const workspace = process.env.NEXT_PUBLIC_STUDIO_WORKSPACE || 'Unknown'
|
|
62
|
+
|
|
63
|
+
return (
|
|
64
|
+
<div style={styles.container}>
|
|
65
|
+
<style>{`
|
|
66
|
+
@keyframes spin {
|
|
67
|
+
to { transform: rotate(360deg); }
|
|
68
|
+
}
|
|
69
|
+
`}</style>
|
|
70
|
+
<StudioUI
|
|
71
|
+
isVisible={true}
|
|
72
|
+
standaloneMode={true}
|
|
73
|
+
workspacePath={workspace}
|
|
74
|
+
/>
|
|
75
|
+
</div>
|
|
76
|
+
)
|
|
77
|
+
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@gallop.software/studio",
|
|
3
|
-
"version": "1.6.
|
|
3
|
+
"version": "1.6.3",
|
|
4
4
|
"description": "Media manager for Gallop templates - upload, process, and sync images to CDN",
|
|
5
5
|
"main": "./dist/index.js",
|
|
6
6
|
"module": "./dist/index.mjs",
|
|
@@ -22,7 +22,8 @@
|
|
|
22
22
|
},
|
|
23
23
|
"files": [
|
|
24
24
|
"dist",
|
|
25
|
-
"bin"
|
|
25
|
+
"bin",
|
|
26
|
+
"app"
|
|
26
27
|
],
|
|
27
28
|
"scripts": {
|
|
28
29
|
"build": "tsup",
|