20080fcb78
- Add internationalization system with Spanish support - Create contexts and sessions tutorial documentation - Fix broken Warp sponsorship image URL - Add locale detection from environment variables - Update VSCode settings with new dictionary words - Exclude VSCode settings from version workflows - Update pattern descriptions and explanations - Add comprehensive i18n test coverage
The Fabric Web App
This is a web app for Fabric. It was built using Svelte, SkeletonUI, and Mdsvex.
The goal of this app is to not only provide a user interface for Fabric, but also an out-of-the-box website for those who want to get started with web development, blogging, or to just have a web interface for fabric. You can use this app as a GUI interface for Fabric, a ready to go blog-site, or a website template for your own projects.
Installing
There are a few days to install and run the Web UI.
From Source
TL;DR: Convenience Scripts
To install the Web UI using npm, from the top-level directory:
./web/scripts/npm-install.sh
To use pnpm (preferred and recommended for a huge speed improvement):
./web/scripts/pnpm-install.sh
The app can be run by navigating to the web directory and using npm install, pnpm install, or your preferred package manager. Then simply run npm run dev, pnpm run dev, or your equivalent command to start the app. You will need to run fabric in a separate terminal with the fabric --serve command.
Using npm:
# Install the GUI and its dependencies
npm install
# Install PDF-to-Markdown components in this order
npm install -D patch-package
npm install -D pdfjs-dist
npm install -D github:jzillmann/pdf-to-markdown#modularize
npx svelte-kit sync
# Now, with "fabric --serve" running already, you can run the GUI
npm run dev
Using pnpm:
# Install the GUI and its dependencies
pnpm install
# Install PDF-to-Markdown components in this order
pnpm install -D patch-package
pnpm install -D pdfjs-dist
pnpm install -D github:jzillmann/pdf-to-markdown#modularize
pnpm exec svelte-kit sync
# Now, with "fabric --serve" running already, you can run the GUI
pnpm run dev
Tips
When creating new posts make sure to include a date, description, tags, and aliases. Only a date is needed to display a note.
You can include images, tags to other articles, code blocks, and more all within your markdown files.
Obsidian
If you choose to use Obsidian alongside this app,
you can design and order your vault however you like, though a posts folder should be kept in your vault to house any articles you'd like to post.