btoms20 / AsyncPlotTabler

Prebuilt Tabler Components for Async HTML Rendering in Vapor

AsyncPlotTabler

Prebuilt Tabler Components for Async HTML Rendering in Vapor

What's Plot?

Plot, a domain-specific language (DSL) for writing type-safe HTML, XML and RSS in Swift. It can be used to build websites, documents and feeds, as a templating tool, or as a renderer for higher-level components and tools. It’s primary focus is on static site generation and Swift-based web development.

What's Tabler?

Tabler is fully responsive and compatible with all modern browsers. Thanks to its modern and user-friendly design you can create a fully functional interface that users will love! Choose the layouts and components you need and customize them to make your design consistent and eye-catching. Every component has been created with attention to detail to make your interface beautiful!

What's Vapor?

Vapor is an HTTP web framework for Swift. It provides a beautifully expressive and easy-to-use foundation for your next website, API, or cloud project.

When we combine these three powerful technologies, something revolutionary¹ happens...

🔥 Check out the Demo Website

Note

This is just a hosted version of the Demo executable included within this package

Local Demos

🔥 Tablers Demo Website

• Run the Demo target within Xcode
• Or execute swift run Demo

✅ A Todo Demo

The only thing missing from Vapor's awesome Todo example is a UI to interact with your fancy new API!

• Make sure your Postgres (or DB of choice) server is up, running and reachable
• Run the Todo target within Xcode
• Or execute swift run Todo

📔 A Blog Demo (check out the hosted demo)

Want to set up a Micro Blog written entirely in Swift?? Here's a template to get you started!

• Run the Blog target within Xcode
• Or execute swift run Blog

Important

Before running any of the demos or deploying your own app... You need to create a Public dir in your apps working directory with Tablers static and dist assets with the following structure

├── Public
│   ├── static/
│   ├── libs/
│   ├── img/
│   ├── js/
│   └── css/

API

// TODO

Contributing

Contributions are welcomed! This code is very much a proof of concept. I can guarantee you there's a better / safer way to accomplish the same results. Any suggestions, improvements, or even just critques, are welcome!

Let's make this code better together! 🤝

Credits

• swift-nio
• Vapor
• Plot
• Tabler

License

MIT 2024

Footnotes

1. There's no evidence to support this claim ↩