create-nextjs-cms 0.9.30 → 0.9.31

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.
Files changed (143) hide show
  1. package/LICENSE +21 -21
  2. package/README.md +71 -71
  3. package/dist/helpers/utils.js +16 -16
  4. package/dist/lib/section-creators.js +166 -166
  5. package/package.json +2 -2
  6. package/templates/default/.eslintrc.json +5 -5
  7. package/templates/default/.prettierignore +7 -7
  8. package/templates/default/.prettierrc.json +27 -27
  9. package/templates/default/CHANGELOG.md +140 -140
  10. package/templates/default/_gitignore +57 -57
  11. package/templates/default/app/(auth)/auth/login/LoginPage.tsx +192 -192
  12. package/templates/default/app/(auth)/auth/login/page.tsx +11 -11
  13. package/templates/default/app/(auth)/auth-language-provider.tsx +34 -34
  14. package/templates/default/app/(auth)/layout.tsx +81 -81
  15. package/templates/default/app/(rootLayout)/(plugins)/[...slug]/plugin-server-registry.ts +10 -6
  16. package/templates/default/app/(rootLayout)/admins/page.tsx +10 -10
  17. package/templates/default/app/(rootLayout)/browse/[section]/[page]/page.tsx +22 -22
  18. package/templates/default/app/(rootLayout)/categorized/[section]/page.tsx +15 -15
  19. package/templates/default/app/(rootLayout)/dashboard/page.tsx +70 -70
  20. package/templates/default/app/(rootLayout)/edit/[section]/[itemId]/page.tsx +20 -20
  21. package/templates/default/app/(rootLayout)/layout.tsx +81 -81
  22. package/templates/default/app/(rootLayout)/loading.tsx +10 -10
  23. package/templates/default/app/(rootLayout)/log/page.tsx +7 -7
  24. package/templates/default/app/(rootLayout)/new/[section]/page.tsx +15 -15
  25. package/templates/default/app/(rootLayout)/section/[section]/page.tsx +19 -19
  26. package/templates/default/app/(rootLayout)/settings/page.tsx +13 -13
  27. package/templates/default/app/api/auth/csrf/route.ts +25 -25
  28. package/templates/default/app/api/auth/refresh/route.ts +10 -10
  29. package/templates/default/app/api/auth/route.ts +49 -49
  30. package/templates/default/app/api/auth/session/route.ts +20 -20
  31. package/templates/default/app/api/document/route.ts +165 -165
  32. package/templates/default/app/api/editor/photo/route.ts +49 -49
  33. package/templates/default/app/api/photo/route.ts +27 -27
  34. package/templates/default/app/api/submit/section/item/[slug]/route.ts +95 -95
  35. package/templates/default/app/api/submit/section/item/route.ts +56 -56
  36. package/templates/default/app/api/submit/section/simple/route.ts +86 -86
  37. package/templates/default/app/api/video/route.ts +174 -174
  38. package/templates/default/app/globals.css +236 -236
  39. package/templates/default/cms.config.ts +56 -56
  40. package/templates/default/components/admin/admin-card.tsx +165 -165
  41. package/templates/default/components/admin/admin-edit-page.tsx +124 -124
  42. package/templates/default/components/admin/admin-privilege-card.tsx +184 -184
  43. package/templates/default/components/admin/new-admin-form.tsx +172 -172
  44. package/templates/default/components/container-box.tsx +24 -24
  45. package/templates/default/components/dnd-kit/draggable.tsx +21 -21
  46. package/templates/default/components/dnd-kit/droppable.tsx +20 -20
  47. package/templates/default/components/dnd-kit/sortable-item.tsx +18 -18
  48. package/templates/default/components/feedback/error-component.tsx +16 -16
  49. package/templates/default/components/feedback/info-card.tsx +93 -93
  50. package/templates/default/components/feedback/loading-spinners.tsx +67 -67
  51. package/templates/default/components/feedback/modal.tsx +166 -166
  52. package/templates/default/components/feedback/progress-bar.tsx +48 -48
  53. package/templates/default/components/feedback/tooltip-component.tsx +27 -27
  54. package/templates/default/components/form/form-input-element.tsx +70 -70
  55. package/templates/default/components/form/helpers/_section-hot-reload.js +1 -1
  56. package/templates/default/components/form/helpers/util.ts +17 -17
  57. package/templates/default/components/form/inputs/checkbox-form-input.tsx +46 -46
  58. package/templates/default/components/form/inputs/color-form-input.tsx +44 -44
  59. package/templates/default/components/form/inputs/date-form-input.tsx +93 -93
  60. package/templates/default/components/form/inputs/map-form-input.tsx +141 -141
  61. package/templates/default/components/form/inputs/multiple-select-form-input.tsx +85 -85
  62. package/templates/default/components/form/inputs/number-form-input.tsx +43 -43
  63. package/templates/default/components/form/inputs/password-form-input.tsx +47 -47
  64. package/templates/default/components/form/inputs/photo-form-input.tsx +279 -279
  65. package/templates/default/components/form/inputs/rich-text-form-input.tsx +148 -148
  66. package/templates/default/components/form/inputs/select-form-input.tsx +159 -159
  67. package/templates/default/components/form/inputs/slug-form-input.tsx +131 -131
  68. package/templates/default/components/form/inputs/tags-form-input.tsx +255 -255
  69. package/templates/default/components/form/inputs/text-form-input.tsx +61 -61
  70. package/templates/default/components/form/inputs/textarea-form-input.tsx +61 -61
  71. package/templates/default/components/layout/default-nav-items.tsx +3 -3
  72. package/templates/default/components/layout/layout.tsx +84 -84
  73. package/templates/default/components/layout/navbar.tsx +258 -258
  74. package/templates/default/components/layout/sidebar-dropdown-item.tsx +83 -83
  75. package/templates/default/components/layout/sidebar-item.tsx +24 -24
  76. package/templates/default/components/layout/sidebar.tsx +229 -229
  77. package/templates/default/components/layout/theme-provider.tsx +8 -8
  78. package/templates/default/components/layout/theme-toggle.tsx +39 -39
  79. package/templates/default/components/locale/locale-switcher.tsx +98 -98
  80. package/templates/default/components/media/dropzone.tsx +154 -154
  81. package/templates/default/components/media/protected-document.tsx +44 -44
  82. package/templates/default/components/media/protected-image.tsx +143 -143
  83. package/templates/default/components/media/protected-video.tsx +76 -76
  84. package/templates/default/components/multi-select.tsx +1150 -1150
  85. package/templates/default/components/pages/admins-page.tsx +43 -43
  86. package/templates/default/components/pages/browse-page.tsx +106 -106
  87. package/templates/default/components/pages/categorized-section-page.tsx +31 -31
  88. package/templates/default/components/pages/dashboard-page-alt.tsx +45 -45
  89. package/templates/default/components/pages/item-edit-page.tsx +267 -267
  90. package/templates/default/components/pages/log-page.tsx +107 -107
  91. package/templates/default/components/pages/new-page.tsx +183 -183
  92. package/templates/default/components/pages/section-page.tsx +203 -203
  93. package/templates/default/components/pages/settings-page.tsx +232 -232
  94. package/templates/default/components/pagination/pagination-buttons.tsx +147 -147
  95. package/templates/default/components/pagination/pagination.tsx +36 -36
  96. package/templates/default/components/sections/category-delete-confirm-page.tsx +130 -130
  97. package/templates/default/components/sections/category-section-select-input.tsx +139 -139
  98. package/templates/default/components/sections/conditional-fields.tsx +49 -49
  99. package/templates/default/components/sections/section-icon.tsx +8 -8
  100. package/templates/default/components/sections/section-item-card.tsx +143 -143
  101. package/templates/default/components/sections/section-item-status-badge.tsx +17 -17
  102. package/templates/default/components/sections/select-input-buttons.tsx +125 -125
  103. package/templates/default/components/select-box.tsx +98 -98
  104. package/templates/default/components/ui/accordion.tsx +53 -53
  105. package/templates/default/components/ui/alert-dialog.tsx +113 -113
  106. package/templates/default/components/ui/alert.tsx +47 -47
  107. package/templates/default/components/ui/badge.tsx +38 -38
  108. package/templates/default/components/ui/card.tsx +43 -43
  109. package/templates/default/components/ui/command.tsx +137 -137
  110. package/templates/default/components/ui/custom-alert-dialog.tsx +113 -113
  111. package/templates/default/components/ui/custom-dialog.tsx +123 -123
  112. package/templates/default/components/ui/dialog.tsx +123 -123
  113. package/templates/default/components/ui/direction.tsx +22 -22
  114. package/templates/default/components/ui/dropdown-menu.tsx +182 -182
  115. package/templates/default/components/ui/input-group.tsx +54 -54
  116. package/templates/default/components/ui/input.tsx +22 -22
  117. package/templates/default/components/ui/label.tsx +19 -19
  118. package/templates/default/components/ui/popover.tsx +42 -42
  119. package/templates/default/components/ui/progress.tsx +31 -31
  120. package/templates/default/components/ui/scroll-area.tsx +42 -42
  121. package/templates/default/components/ui/select.tsx +165 -165
  122. package/templates/default/components/ui/separator.tsx +28 -28
  123. package/templates/default/components/ui/sheet.tsx +103 -103
  124. package/templates/default/components/ui/spinner.tsx +16 -16
  125. package/templates/default/components/ui/switch.tsx +29 -29
  126. package/templates/default/components/ui/table.tsx +83 -83
  127. package/templates/default/components/ui/tabs.tsx +55 -55
  128. package/templates/default/components/ui/toast.tsx +113 -113
  129. package/templates/default/components/ui/toaster.tsx +35 -35
  130. package/templates/default/components/ui/tooltip.tsx +30 -30
  131. package/templates/default/components/ui/use-toast.ts +187 -187
  132. package/templates/default/drizzle.config.ts +4 -4
  133. package/templates/default/dynamic-schemas/schema.ts +225 -75
  134. package/templates/default/env/env.ts +46 -46
  135. package/templates/default/envConfig.ts +4 -4
  136. package/templates/default/lib/postinstall.js +14 -14
  137. package/templates/default/lib/utils.ts +6 -6
  138. package/templates/default/next-env.d.ts +6 -6
  139. package/templates/default/next.config.ts +24 -24
  140. package/templates/default/package.json +1 -1
  141. package/templates/default/postcss.config.mjs +6 -6
  142. package/templates/default/proxy.ts +32 -32
  143. package/templates/default/tsconfig.json +48 -48
@@ -1,25 +1,25 @@
1
- import { responseHeaders } from 'nextjs-cms/utils'
2
- import { createCSRFToken } from 'nextjs-cms/auth/actions'
3
- import { cookies } from 'next/headers'
4
-
5
- export async function GET() {
6
- const cookieStore = await cookies()
7
- const csrfTokenCookie = cookieStore.get('csrf_token')
8
- const { csrfToken, cookie } = await createCSRFToken(csrfTokenCookie?.value)
9
-
10
- if (cookie) {
11
- (await cookies()).set({
12
- name: 'csrf_token',
13
- value: cookie,
14
- httpOnly: true,
15
- secure: true,
16
- sameSite: true,
17
- })
18
- }
19
- return Response.json(
20
- {
21
- csrfToken,
22
- },
23
- responseHeaders,
24
- )
25
- }
1
+ import { responseHeaders } from 'nextjs-cms/utils'
2
+ import { createCSRFToken } from 'nextjs-cms/auth/actions'
3
+ import { cookies } from 'next/headers'
4
+
5
+ export async function GET() {
6
+ const cookieStore = await cookies()
7
+ const csrfTokenCookie = cookieStore.get('csrf_token')
8
+ const { csrfToken, cookie } = await createCSRFToken(csrfTokenCookie?.value)
9
+
10
+ if (cookie) {
11
+ (await cookies()).set({
12
+ name: 'csrf_token',
13
+ value: cookie,
14
+ httpOnly: true,
15
+ secure: true,
16
+ sameSite: true,
17
+ })
18
+ }
19
+ return Response.json(
20
+ {
21
+ csrfToken,
22
+ },
23
+ responseHeaders,
24
+ )
25
+ }
@@ -1,10 +1,10 @@
1
- import { NextRequest } from 'next/server'
2
- import { authRefresh } from 'nextjs-cms/auth/actions'
3
-
4
- export async function GET(request: NextRequest) {
5
- const refreshToken = request.cookies.get('refresh_token')
6
- const loginResult = await authRefresh(refreshToken)
7
- return Response.json(loginResult, {
8
- status: loginResult.status,
9
- })
10
- }
1
+ import { NextRequest } from 'next/server'
2
+ import { authRefresh } from 'nextjs-cms/auth/actions'
3
+
4
+ export async function GET(request: NextRequest) {
5
+ const refreshToken = request.cookies.get('refresh_token')
6
+ const loginResult = await authRefresh(refreshToken)
7
+ return Response.json(loginResult, {
8
+ status: loginResult.status,
9
+ })
10
+ }
@@ -1,49 +1,49 @@
1
- import { NextRequest } from 'next/server'
2
- import auth from 'nextjs-cms/auth'
3
- import { deleteSession, login } from 'nextjs-cms/auth/actions'
4
- import { getRequestMetadataFromHeaders, recordLog } from 'nextjs-cms/logging'
5
-
6
- export async function POST(request: NextRequest) {
7
- const { username, password, language } = await request.json()
8
- try {
9
- const loginResult = await login({ username, password, language })
10
- const requestMetadata = getRequestMetadataFromHeaders(request.headers)
11
-
12
- await recordLog({
13
- eventType: 'auth.login',
14
- actorId: loginResult.user?.id ?? null,
15
- actorUsername: loginResult.user?.username ?? null,
16
- entityType: 'admin',
17
- entityId: loginResult.user?.id ?? null,
18
- entityLabel: loginResult.user?.username ?? null,
19
- sectionName: 'auth',
20
- requestMetadata,
21
- })
22
- return Response.json(loginResult, { status: 200 })
23
- } catch (error: any) {
24
- return Response.json({ error: error.message }, { status: 400 })
25
- }
26
- }
27
-
28
- export async function DELETE(request: NextRequest) {
29
- const session = await auth()
30
- try {
31
- const loginResult = await deleteSession(session)
32
- if (session?.user?.id) {
33
- const requestMetadata = getRequestMetadataFromHeaders(request.headers)
34
- await recordLog({
35
- eventType: 'auth.logout',
36
- actorId: session.user.id,
37
- actorUsername: session.user.name ?? null,
38
- entityType: 'admin',
39
- entityId: session.user.id,
40
- entityLabel: session.user.name ?? null,
41
- sectionName: 'auth',
42
- requestMetadata,
43
- })
44
- }
45
- return Response.json(loginResult, { status: 200 })
46
- } catch (error: any) {
47
- return Response.json({ error: error.message }, { status: 400 })
48
- }
49
- }
1
+ import { NextRequest } from 'next/server'
2
+ import auth from 'nextjs-cms/auth'
3
+ import { deleteSession, login } from 'nextjs-cms/auth/actions'
4
+ import { getRequestMetadataFromHeaders, recordLog } from 'nextjs-cms/logging'
5
+
6
+ export async function POST(request: NextRequest) {
7
+ const { username, password, language } = await request.json()
8
+ try {
9
+ const loginResult = await login({ username, password, language })
10
+ const requestMetadata = getRequestMetadataFromHeaders(request.headers)
11
+
12
+ await recordLog({
13
+ eventType: 'auth.login',
14
+ actorId: loginResult.user?.id ?? null,
15
+ actorUsername: loginResult.user?.username ?? null,
16
+ entityType: 'admin',
17
+ entityId: loginResult.user?.id ?? null,
18
+ entityLabel: loginResult.user?.username ?? null,
19
+ sectionName: 'auth',
20
+ requestMetadata,
21
+ })
22
+ return Response.json(loginResult, { status: 200 })
23
+ } catch (error: any) {
24
+ return Response.json({ error: error.message }, { status: 400 })
25
+ }
26
+ }
27
+
28
+ export async function DELETE(request: NextRequest) {
29
+ const session = await auth()
30
+ try {
31
+ const loginResult = await deleteSession(session)
32
+ if (session?.user?.id) {
33
+ const requestMetadata = getRequestMetadataFromHeaders(request.headers)
34
+ await recordLog({
35
+ eventType: 'auth.logout',
36
+ actorId: session.user.id,
37
+ actorUsername: session.user.name ?? null,
38
+ entityType: 'admin',
39
+ entityId: session.user.id,
40
+ entityLabel: session.user.name ?? null,
41
+ sectionName: 'auth',
42
+ requestMetadata,
43
+ })
44
+ }
45
+ return Response.json(loginResult, { status: 200 })
46
+ } catch (error: any) {
47
+ return Response.json({ error: error.message }, { status: 400 })
48
+ }
49
+ }
@@ -1,20 +1,20 @@
1
- import auth from 'nextjs-cms/auth'
2
- import { NextRequest } from 'next/server'
3
-
4
- export async function GET(request: NextRequest) {
5
- const session = await auth()
6
- return Response.json(session, {
7
- status: session ? 200 : 404,
8
- })
9
- }
10
-
11
- export async function POST(request: NextRequest) {
12
- const session = await auth()
13
- if (!session) {
14
- return Response.json('Unauthorized', { status: 401 })
15
- }
16
-
17
- // TODO: Handle POST request to update session with new data
18
-
19
- return Response.json(session)
20
- }
1
+ import auth from 'nextjs-cms/auth'
2
+ import { NextRequest } from 'next/server'
3
+
4
+ export async function GET(request: NextRequest) {
5
+ const session = await auth()
6
+ return Response.json(session, {
7
+ status: session ? 200 : 404,
8
+ })
9
+ }
10
+
11
+ export async function POST(request: NextRequest) {
12
+ const session = await auth()
13
+ if (!session) {
14
+ return Response.json('Unauthorized', { status: 401 })
15
+ }
16
+
17
+ // TODO: Handle POST request to update session with new data
18
+
19
+ return Response.json(session)
20
+ }
@@ -1,165 +1,165 @@
1
- import { NextRequest, NextResponse } from 'next/server'
2
- import path from 'path'
3
- import fs from 'fs'
4
- import { readChunk } from 'read-chunk'
5
- import { fileTypeFromBuffer } from 'file-type'
6
- import { SectionFactory } from 'nextjs-cms/core/factories'
7
- import type { DocumentFieldConfigType } from 'nextjs-cms/core/fields'
8
- import auth from 'nextjs-cms/auth'
9
- import { sanitizeFileName, sanitizeFolderOrFileName } from 'nextjs-cms/utils'
10
- import { streamFile } from 'nextjs-cms/api/server/actions'
11
- import { getCMSConfig } from 'nextjs-cms/core/config'
12
-
13
- /**
14
- * This route handler streams a document file from the server.
15
- * It protects document files from being accessed directly and avoids
16
- * the base64 payload size limits that occur with the tRPC approach.
17
- * Used by the `<ProtectedDocument />` component.
18
- */
19
-
20
- export async function GET(request: NextRequest) {
21
- const session = await auth()
22
- const searchParams = request.nextUrl.searchParams
23
-
24
- const name = searchParams.get('name')
25
- const sectionName = searchParams.get('sectionName')
26
- const fieldName = searchParams.get('fieldName')
27
-
28
- if (!name || !sectionName || !fieldName) {
29
- return NextResponse.json(
30
- {
31
- error: 'Invalid request',
32
- },
33
- { status: 400 },
34
- )
35
- }
36
-
37
- // Check if the session is valid
38
- if (!session || !session.user) {
39
- return NextResponse.json(
40
- {
41
- error: 'Invalid token',
42
- },
43
- { status: 401 },
44
- )
45
- }
46
-
47
- const uploadsFolder: string = (await getCMSConfig()).media.upload.path
48
-
49
- // Sanitize the inputs
50
- const sanitizedFolder = sanitizeFolderOrFileName(sectionName)
51
- const sanitizedName = sanitizeFileName(name)
52
-
53
- /**
54
- * Check the section and the field name, and get the allowed extensions,
55
- * while also checking if the user has access to the section
56
- */
57
- const section = await SectionFactory.getSectionForAdmin({
58
- name: sanitizedFolder,
59
- admin: { id: session.user.id },
60
- })
61
-
62
- /**
63
- * If the check fails, return an error
64
- */
65
- if (!section || !section.name) {
66
- return NextResponse.json(
67
- {
68
- error: 'File not found, or you do not have access to it.',
69
- },
70
- { status: 400 },
71
- )
72
- }
73
-
74
- const fieldConfig = section.fields.find((field) => field.name === fieldName) as DocumentFieldConfigType | undefined
75
-
76
- if (!fieldConfig || typeof fieldConfig.build !== 'function') {
77
- return NextResponse.json(
78
- {
79
- error: 'Invalid request',
80
- },
81
- { status: 400 },
82
- )
83
- }
84
-
85
- const field = fieldConfig.build()
86
-
87
- /**
88
- * If field is not found, return an error
89
- */
90
- if (!field || !field.name || !field.extensions || field.extensions.length === 0) {
91
- return NextResponse.json(
92
- {
93
- error: 'Invalid request',
94
- },
95
- { status: 400 },
96
- )
97
- }
98
-
99
- /**
100
- * Split the allowed extensions into an array
101
- */
102
- const documentAllowedExtensions = field.extensions
103
- const dir = '.documents'
104
- const pathToFile = path.join(uploadsFolder, dir, sanitizedFolder, sanitizedName)
105
-
106
- /**
107
- * First, check if the file exists
108
- */
109
- if (!fs.existsSync(pathToFile)) {
110
- return NextResponse.json(
111
- {
112
- error: 'File not found',
113
- },
114
- { status: 404 },
115
- )
116
- }
117
-
118
- /**
119
- * Read the first 4100 bytes of the file
120
- */
121
- const chunkBuffer = await readChunk(pathToFile, { length: 4100 })
122
- /**
123
- * Get the file type from the buffer
124
- */
125
- const fileType = await fileTypeFromBuffer(chunkBuffer)
126
-
127
- /**
128
- * If the file type is invalid, return an error
129
- */
130
- if (!fileType) {
131
- return NextResponse.json(
132
- {
133
- error: 'Invalid file type',
134
- },
135
- { status: 400 },
136
- )
137
- }
138
-
139
- /**
140
- * Check if the file type is allowed
141
- */
142
- if (!documentAllowedExtensions.includes(fileType.ext)) {
143
- return NextResponse.json(
144
- {
145
- error: 'Invalid file type',
146
- },
147
- { status: 400 },
148
- )
149
- }
150
-
151
- const fileStats = fs.statSync(pathToFile)
152
- const fileSize = fileStats.size
153
- const fileMimeType = fileType.mime
154
-
155
- const data: ReadableStream<Uint8Array> = await streamFile(pathToFile)
156
-
157
- return new NextResponse(data, {
158
- headers: {
159
- 'Content-Length': fileSize.toString(),
160
- 'Content-Type': fileMimeType,
161
- 'Content-Disposition': 'inline',
162
- },
163
- status: 200,
164
- })
165
- }
1
+ import { NextRequest, NextResponse } from 'next/server'
2
+ import path from 'path'
3
+ import fs from 'fs'
4
+ import { readChunk } from 'read-chunk'
5
+ import { fileTypeFromBuffer } from 'file-type'
6
+ import { SectionFactory } from 'nextjs-cms/core/factories'
7
+ import type { DocumentFieldConfigType } from 'nextjs-cms/core/fields'
8
+ import auth from 'nextjs-cms/auth'
9
+ import { sanitizeFileName, sanitizeFolderOrFileName } from 'nextjs-cms/utils'
10
+ import { streamFile } from 'nextjs-cms/api/server/actions'
11
+ import { getCMSConfig } from 'nextjs-cms/core/config'
12
+
13
+ /**
14
+ * This route handler streams a document file from the server.
15
+ * It protects document files from being accessed directly and avoids
16
+ * the base64 payload size limits that occur with the tRPC approach.
17
+ * Used by the `<ProtectedDocument />` component.
18
+ */
19
+
20
+ export async function GET(request: NextRequest) {
21
+ const session = await auth()
22
+ const searchParams = request.nextUrl.searchParams
23
+
24
+ const name = searchParams.get('name')
25
+ const sectionName = searchParams.get('sectionName')
26
+ const fieldName = searchParams.get('fieldName')
27
+
28
+ if (!name || !sectionName || !fieldName) {
29
+ return NextResponse.json(
30
+ {
31
+ error: 'Invalid request',
32
+ },
33
+ { status: 400 },
34
+ )
35
+ }
36
+
37
+ // Check if the session is valid
38
+ if (!session || !session.user) {
39
+ return NextResponse.json(
40
+ {
41
+ error: 'Invalid token',
42
+ },
43
+ { status: 401 },
44
+ )
45
+ }
46
+
47
+ const uploadsFolder: string = (await getCMSConfig()).media.upload.path
48
+
49
+ // Sanitize the inputs
50
+ const sanitizedFolder = sanitizeFolderOrFileName(sectionName)
51
+ const sanitizedName = sanitizeFileName(name)
52
+
53
+ /**
54
+ * Check the section and the field name, and get the allowed extensions,
55
+ * while also checking if the user has access to the section
56
+ */
57
+ const section = await SectionFactory.getSectionForAdmin({
58
+ name: sanitizedFolder,
59
+ admin: { id: session.user.id },
60
+ })
61
+
62
+ /**
63
+ * If the check fails, return an error
64
+ */
65
+ if (!section || !section.name) {
66
+ return NextResponse.json(
67
+ {
68
+ error: 'File not found, or you do not have access to it.',
69
+ },
70
+ { status: 400 },
71
+ )
72
+ }
73
+
74
+ const fieldConfig = section.fields.find((field) => field.name === fieldName) as DocumentFieldConfigType | undefined
75
+
76
+ if (!fieldConfig || typeof fieldConfig.build !== 'function') {
77
+ return NextResponse.json(
78
+ {
79
+ error: 'Invalid request',
80
+ },
81
+ { status: 400 },
82
+ )
83
+ }
84
+
85
+ const field = fieldConfig.build()
86
+
87
+ /**
88
+ * If field is not found, return an error
89
+ */
90
+ if (!field || !field.name || !field.extensions || field.extensions.length === 0) {
91
+ return NextResponse.json(
92
+ {
93
+ error: 'Invalid request',
94
+ },
95
+ { status: 400 },
96
+ )
97
+ }
98
+
99
+ /**
100
+ * Split the allowed extensions into an array
101
+ */
102
+ const documentAllowedExtensions = field.extensions
103
+ const dir = '.documents'
104
+ const pathToFile = path.join(uploadsFolder, dir, sanitizedFolder, sanitizedName)
105
+
106
+ /**
107
+ * First, check if the file exists
108
+ */
109
+ if (!fs.existsSync(pathToFile)) {
110
+ return NextResponse.json(
111
+ {
112
+ error: 'File not found',
113
+ },
114
+ { status: 404 },
115
+ )
116
+ }
117
+
118
+ /**
119
+ * Read the first 4100 bytes of the file
120
+ */
121
+ const chunkBuffer = await readChunk(pathToFile, { length: 4100 })
122
+ /**
123
+ * Get the file type from the buffer
124
+ */
125
+ const fileType = await fileTypeFromBuffer(chunkBuffer)
126
+
127
+ /**
128
+ * If the file type is invalid, return an error
129
+ */
130
+ if (!fileType) {
131
+ return NextResponse.json(
132
+ {
133
+ error: 'Invalid file type',
134
+ },
135
+ { status: 400 },
136
+ )
137
+ }
138
+
139
+ /**
140
+ * Check if the file type is allowed
141
+ */
142
+ if (!documentAllowedExtensions.includes(fileType.ext)) {
143
+ return NextResponse.json(
144
+ {
145
+ error: 'Invalid file type',
146
+ },
147
+ { status: 400 },
148
+ )
149
+ }
150
+
151
+ const fileStats = fs.statSync(pathToFile)
152
+ const fileSize = fileStats.size
153
+ const fileMimeType = fileType.mime
154
+
155
+ const data: ReadableStream<Uint8Array> = await streamFile(pathToFile)
156
+
157
+ return new NextResponse(data, {
158
+ headers: {
159
+ 'Content-Length': fileSize.toString(),
160
+ 'Content-Type': fileMimeType,
161
+ 'Content-Disposition': 'inline',
162
+ },
163
+ status: 200,
164
+ })
165
+ }
@@ -1,49 +1,49 @@
1
- import { NextRequest, NextResponse } from 'next/server'
2
- import sharp from 'sharp'
3
- import auth from 'nextjs-cms/auth'
4
-
5
- /**
6
- * This route handler is used to use a photo in rich text editor
7
- * It expects an image file in the request body
8
- * It returns the base64 string of the image
9
- * @param request
10
- * @returns NextResponse with the base64 string of the image
11
- */
12
- export async function POST(request: NextRequest) {
13
- const session = await auth()
14
-
15
- if (!session || !session.user) {
16
- return NextResponse.json(
17
- {
18
- error: 'Access token not provided',
19
- },
20
- { status: 401 },
21
- )
22
- }
23
-
24
- const formData = await request.formData()
25
- const photo = formData.get('photo') as File
26
-
27
- if (!photo) {
28
- return NextResponse.json(
29
- {
30
- error: 'Photo not provided',
31
- },
32
- { status: 400 },
33
- )
34
- }
35
-
36
- const arrayBuffer = await photo.arrayBuffer()
37
- const buffer = Buffer.from(arrayBuffer)
38
-
39
- sharp.cache({ files: 0 })
40
- sharp.cache(false)
41
- const image = sharp(buffer)
42
-
43
- let webpBuffer = await image.toFormat('webp').resize(1200, 768).withExif({}).toBuffer()
44
-
45
- const base64String = webpBuffer.toString('base64')
46
- image.destroy()
47
-
48
- return NextResponse.json(`data:image/webp;base64,${base64String}`)
49
- }
1
+ import { NextRequest, NextResponse } from 'next/server'
2
+ import sharp from 'sharp'
3
+ import auth from 'nextjs-cms/auth'
4
+
5
+ /**
6
+ * This route handler is used to use a photo in rich text editor
7
+ * It expects an image file in the request body
8
+ * It returns the base64 string of the image
9
+ * @param request
10
+ * @returns NextResponse with the base64 string of the image
11
+ */
12
+ export async function POST(request: NextRequest) {
13
+ const session = await auth()
14
+
15
+ if (!session || !session.user) {
16
+ return NextResponse.json(
17
+ {
18
+ error: 'Access token not provided',
19
+ },
20
+ { status: 401 },
21
+ )
22
+ }
23
+
24
+ const formData = await request.formData()
25
+ const photo = formData.get('photo') as File
26
+
27
+ if (!photo) {
28
+ return NextResponse.json(
29
+ {
30
+ error: 'Photo not provided',
31
+ },
32
+ { status: 400 },
33
+ )
34
+ }
35
+
36
+ const arrayBuffer = await photo.arrayBuffer()
37
+ const buffer = Buffer.from(arrayBuffer)
38
+
39
+ sharp.cache({ files: 0 })
40
+ sharp.cache(false)
41
+ const image = sharp(buffer)
42
+
43
+ let webpBuffer = await image.toFormat('webp').resize(1200, 768).withExif({}).toBuffer()
44
+
45
+ const base64String = webpBuffer.toString('base64')
46
+ image.destroy()
47
+
48
+ return NextResponse.json(`data:image/webp;base64,${base64String}`)
49
+ }