This MacOS app generates static websites using twostraws/ignite. It is a companion to the vdhamer/Photo-Club-Hub iOS/iPadOS app. Both apps allow photography clubs to display photos made by club members.
The idea is to provide a central portal to view images that are managed locally by the individual clubs.
This calls for a 3-level data hierarchy:
- a central list with (someday hundreds of) participating clubs,
- local lists, each containing (dozens of) members per club, and
- local portfolios with (dozens of) selected images per club member.
This concept is comparable to the hierarchy of distributed
Domain Name System servers that translate textual internet addresses
into numeric internet addresses: there is one entry point (a file named root.level1.json)
that can forward the viewer to clubs with membership lists (level2.json files).
These lead the viewer to image portfolios that are managed by the photo clubs.
This MacOS app will (in a later version) use the root.level1.json file to find a relevant level2.json file,
and (in contrast to the iOS app) convert the latter into a static HTML pages that can be incorporated into a website.
Clicking on the "fire" icon generates the website. There is no proper feedback to the user yet.
The path to the directory with the new site will resemble /Users/peter/Library/Containers/com.vdHamer.Photo-Club-Hub-HTML/Data/Build.
You can use an FTP client like Filezilla to copy Build with its subdirectories to your HTTP server (e.g. a WordPress site).
This website generator serves as an alternative for the Photo Club Hub iOS app:
it allows users to view the images on devices running Android, Windows, MacOS, etc.
| Photo Club Hub | Photo Club Hub HTML | |
|---|---|---|
| Runs on | iOS, iPadOS, (MacOS, VisionOS) | all major browsers |
| Mobile friendly | yes | yes |
| Lists clubs | yes | -✲ |
| Lists photo museums | yes | -✲ |
| Lists current club members | yes | yes |
| Lists former club members | yes | yes |
| Displays member portfolios | yes | yes |
| Linkable member portfolios | - | yes |
| Portfolio autoplay | yes | yes |
| Content updated | whenever club updates its data | whenever club updates its data |
| Maps showing clubs | yes | - |
| Languages | English, Dutch✲ | English, Dutch✲ |
| Data caching | yes | yes |
| Available via | App Store, Github | URL, Github |
✲ = might be improved or supported in the future
| Technology | Description |
|---|---|
| twostraws/Ignite | static website generator |
| SwiftUI | UI framework |
| Core Data | data storage framework |
| SwiftyJSON/SwifyJSON | JSON parsing |
This app runs on MacOS and generates a local directory with a few files and subdirectories (CSS, Javascript, image assets). These are then copied over to a club's existing server via e.g. FTP. Technically the files simply need to be hosted on an HTTP server such as a club's existing WordPress site.
The data being displayed on the individual HTML sites can get updated say 10 times per year. Because the update frequency is relatively low, and because the owners of the data are assumed to have limited "computer" expertise, it is best to generate static web sites. This limits the hasstle to uploading a file to a directory and associated username/password. This should be easier and more robust than having custom server software that generates web pages on demand.
Ignite allows us to create a tool in pure Swift
that generates the content of the static website without having to code HTML/CSS/Javascript.
Swift is essentially a declarative higher-level description (Result Builder) that resembles data more than it resembles code.
From a purely technical perspective, Photo Club Hub and Photo Club HTML could have been implemented as a single repository with two relatively different targets that happen to be on two different platforms.
Despite having code overlap, they are - for now - split into two repos to lower the barrier to contribute to either. Until the common code is factored out into a package, it will require some extra effort to keep the two in sync.
Initially there are only a handful of pilot clubs involved.
A hundred clubs at <1 kB each can be supported with a single Level 1 file, especially when loaded in the background.
To split up the level1.json file we could allow the root.level1.json file to contain URL links to additional level1.json files.
This could, for example, allow the root file to support a path like root/Netherlands or root/Japan/Tokio.
This would allow a user to choose whether or not to load data for particular branches in the tree.
Such extra level(s) of hierarchy should match the way the data and responsibilities are organized:
essentially the tree structure forms a chain of trust.
A "rogue" or just non-club site will only be reachable if there is a chain of valid links between the default root and that site.
Thus a site with questionable content (say my cat photos) can thus be isolated by removing a link.
But it would still be reachable using its URL (path like cats_and_more_cats/Berlin).
This is not a problem as long as sites stick to the select/select2/viewImages hierarchy.
It might even be supported as a feature in both apps (the iOS viewer and the MacOS generator).
- Fix the Ignite code (accepted PR for twostraws/Ignite) so that Ignite can be imported as a regular Swift package.
- Load the membership list from a .level2.json file. Currently the app contains a hardcoded partial copy of this data.
- localize the generated website to support multiple languages (initially English and Dutch),
- localize the app's own UI to support at least English and Dutch (currently only English),
- allow the user to select a club for which to generate a local site (currently always Fotogroep de Gender).
- localize the app's UI to support at least English and Dutch (for now there isn't much of a UI),
- generate a static site that can serve as index of supported clubs (Level 1 data).
It would be nice to have an app for data enty/editing (rather than editing JSON files), but these would be a separate repo.