feat(Next): Flatten /next to / (root)

BREAKING CHANGE Root is now Next.js with /api and /ui legacy apps

.gitignore

@@ -1,13 +1,45 @@
+# dependencies
 node_modules
-npm-debug.log
 
-api/server/plugins/*/public/assets
+# testing
+/test-results/
+playwright-report/
+/playwright/.cache/
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+dist
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# local env files
+.env
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+# vercel
+.vercel
 
-build
+# typescript
+tsconfig.tsbuildinfo
+
+api/node_modules
+api/.nyc_output
+api/server/plugins/*/public/assets
 coverage
 .nyc_output
 tmp
-.env
-dist
-
 public/resized

README.md

@@ -4,7 +4,7 @@ Your personal **history** storyboarded with photo and video albums. Associate ph
 * Enhanced privacy as photos are stored locally not in the cloud
 * Plot thumbnails on a map
 * Includes administration tools for XML generation
-*
+
 ## Project Status:
 | Service | Status |
 |---|---|
@@ -17,10 +17,16 @@ Your personal **history** storyboarded with photo and video albums. Associate ph
 
 ### Development
 1. Node.js v18 LTS [Download](https://nodejs.org/)
-1. Folder **app** both the backend and frontend using Next.js
-1. Install project dependencies `npm ci`
-1. Start web server `npm run dev`
-1. View address in browser (printed in terminal on successful load)
+2. Install project dependencies `npm ci`
+
+#### How-to run on LOCAL
+3. `npm run dev` will standup both the frontend and backend
+4. View address in browser (printed in terminal on successful load)
+
+#### How-to build for PROD
+3. `npm run build` Bundle JavaScript files, and pre-compile
+4. `npm start` Run built app
+5. View address in browser (printed in terminal on successful load)
 
 ### Legacy Development
 1. Node.js v12 [Download](https://nodejs.org/)
@@ -35,7 +41,7 @@ Your personal **history** storyboarded with photo and video albums. Associate ph
 1. To enable Dropbox for hosting photos place Dropbox API v2 access token `HISTORY_DROPBOX_ACCESS_TOKEN=`
 
 ## Changelog of releases
-See [CHANGELOG](app/CHANGELOG.md)
+See [CHANGELOG](CHANGELOG.md)
 
 ## Contributing to this open-source project
 See [CONTRIBUTING](api/CONTRIBUTING.md)

next/__tests__/api/album.test.ts → __tests__/api/album.test.ts

@@ -1,6 +1,6 @@
 import { testApiHandler } from 'next-test-api-route-handler'
 
-import config from '../../../config.json'
+import config from '../../config.json'
 import handler from '../../pages/api/galleries/[gallery]/albums/[album]'
 
 describe('Album endpoint', () => {

next/__tests__/api/albums.test.ts → __tests__/api/albums.test.ts

@@ -1,6 +1,6 @@
 import { testApiHandler } from 'next-test-api-route-handler'
 
-import config from '../../../config.json'
+import config from '../../config.json'
 import handler from '../../pages/api/galleries/[gallery]/albums'
 
 describe('Albums endpoint', () => {

next/__tests__/api/gallery.test.ts → __tests__/api/gallery.test.ts

@@ -1,6 +1,6 @@
 import { testApiHandler } from 'next-test-api-route-handler'
 
-import config from '../../../config.json'
+import config from '../../config.json'
 import handler from '../../pages/api/galleries/[gallery]'
 
 describe('Gallery endpoint', () => {

next/pages/[gallery].tsx → pages/[gallery].tsx

@@ -3,7 +3,7 @@ import Head from 'next/head'
 import { type ParsedUrlQuery } from 'node:querystring'
 import styled, { css } from 'styled-components'
 
-import config from '../../config.json'
+import config from '../config.json'
 import getAlbums from '../src/lib/albums'
 import getGalleries from '../src/lib/galleries'
 import indexKeywords from '../src/lib/search'

next/pages/[gallery]/all.tsx → pages/[gallery]/all.tsx

@@ -5,7 +5,7 @@ import { useMemo, useRef, useState } from 'react'
 import type ReactImageGallery from 'react-image-gallery'
 import styled from 'styled-components'
 
-import config from '../../../config.json'
+import config from '../../config.json'
 import getAlbum from '../../src/lib/album'
 import getAlbums from '../../src/lib/albums'
 import getGalleries from '../../src/lib/galleries'

next/pages/[gallery]/today.tsx → pages/[gallery]/today.tsx

@@ -1,7 +1,7 @@
 import type { GetStaticPaths, GetStaticProps } from 'next'
 import { type ParsedUrlQuery } from 'node:querystring'
 
-import config from '../../../config.json'
+import config from '../../config.json'
 import getAlbum from '../../src/lib/album'
 import getAlbums from '../../src/lib/albums'
 import getGalleries from '../../src/lib/galleries'

next/src/components/Img/index.tsx → src/components/Img/index.tsx

@@ -1,6 +1,6 @@
 import Image from 'next/image'
 
-import config from '../../../../config.json'
+import config from '../../../config.json'
 
 function Img({
   alt,

next/src/components/OrganizePreviews/PreviewImage.tsx → src/components/OrganizePreviews/PreviewImage.tsx

@@ -2,7 +2,7 @@ import { type DraggableProvided } from '@hello-pangea/dnd'
 import React from 'react'
 import styled from 'styled-components'
 
-import config from '../../../../config.json'
+import config from '../../../config.json'
 import { type Filesystem } from '../../lib/filesystems'
 import Img from '../Img'
 import Link from '../Link'

next/src/components/SlippyMap/index.tsx → src/components/SlippyMap/index.tsx

@@ -8,7 +8,7 @@ import {
 } from 'react'
 import Map, { Layer, Source, type MapRef } from 'react-map-gl'
 
-import config from '../../../../config.json'
+import config from '../../../config.json'
 import type { Item } from '../../types/common'
 import AlbumContext from '../Context'
 import {

next/src/components/SlippyMap/options.ts → src/components/SlippyMap/options.ts

@@ -1,7 +1,7 @@
 import type { GeoJSONSourceRaw, LayerProps, ViewState } from 'react-map-gl'
 import type { Feature, FeatureCollection } from 'geojson'
 
-import config from '../../../../config.json'
+import config from '../../../config.json'
 
 import type { Item } from '../../types/common'
 

next/src/components/SplitViewer/index.tsx → src/components/SplitViewer/index.tsx

@@ -5,7 +5,7 @@ import 'react-image-gallery/styles/css/image-gallery.css'
 import type { MapRef } from 'react-map-gl'
 import styled from 'styled-components'
 
-import config from '../../../../config.json'
+import config from '../../../config.json'
 import { getExt } from '../../utils'
 import AlbumContext from '../Context'
 import SlippyMap from '../SlippyMap'