704ef832ca
Bumps the npm_and_yarn group with 1 update in the /web directory: [yaml](https://github.com/eemeli/yaml). Updates `yaml` from 2.8.2 to 2.8.3 - [Release notes](https://github.com/eemeli/yaml/releases) - [Commits](https://github.com/eemeli/yaml/compare/v2.8.2...v2.8.3) Updates `yaml` from 1.10.2 to 1.10.3 - [Release notes](https://github.com/eemeli/yaml/releases) - [Commits](https://github.com/eemeli/yaml/compare/v2.8.2...v2.8.3) Updates `flatted` from 3.4.1 to 3.4.2 - [Commits](https://github.com/WebReflection/flatted/compare/v3.4.1...v3.4.2) --- updated-dependencies: - dependency-name: yaml dependency-version: 2.8.3 dependency-type: direct:production dependency-group: npm_and_yarn - dependency-name: yaml dependency-version: 1.10.3 dependency-type: indirect dependency-group: npm_and_yarn - dependency-name: flatted dependency-version: 3.4.2 dependency-type: indirect dependency-group: npm_and_yarn ... Signed-off-by: dependabot[bot] <support@github.com> |
||
|---|---|---|
| .. | ||
| .github | ||
| .vscode | ||
| legacy | ||
| myfiles | ||
| src | ||
| static | ||
| .browserslistrc | ||
| .npmrc | ||
| .prettierignore | ||
| .prettierrc | ||
| eslint.config.js | ||
| jsconfig.json | ||
| my-custom-theme.ts | ||
| package-lock.json | ||
| package.json | ||
| pnpm-lock.yaml | ||
| postcss.config.cjs | ||
| postcss.config.js | ||
| README.md | ||
| rollup.config.js | ||
| STD-README.md | ||
| svelte.config.js | ||
| tailwind.config.ts | ||
| tsconfig.json | ||
| vite.config.ts | ||
Fabric Web App
A user-friendly web interface for Fabric built with Svelte, Skeleton UI, and Mdsvex.
Alt: Screenshot of the Fabric web app dashboard showing pattern inputs and outputs.
Table of Contents
Installation
Note
Requires Node.js ≥18 and Fabric installed globally (
fabric --versionto check).
From the web/ directory:
Using npm:
npm install
Or using pnpm (recommended for speed):
pnpm install
This will install all dependencies including Svelte, PDF-to-Markdown libraries, and run necessary setup tasks.
Running the App
Prerequisites
Start Fabric's server in a separate terminal:
fabric --serve
(This exposes Fabric's API at http://localhost:8080)
Launch the Svelte App
In the web/ directory:
Using npm:
npm run dev
Or using pnpm:
pnpm run dev
Visit http://localhost:5173 (default port).
Streamlit UI
For Python enthusiasts, this alternative UI excels at data visualization and chaining complex patterns. It supports clipboard ops across platforms (install pyperclip on Windows, xclip on Linux).
- macOS: Uses
pbcopyandpbpaste(built-in) - Windows: Uses
pypercliplibrary (install withpip install pyperclip) - Linux: Uses
xclip(install withsudo apt-get install xclipor equivalent for your Linux distribution)
Key Features
- Run and edit patterns with real-time previews.
- Analyze outputs with charts (via Matplotlib/Seaborn).
- Export results to Markdown or CSV.
Setup and Run
From web/:
pip install -r requirements.txt #Or: pip install streamlit pandas matplotlib seaborn numpy python-dotenv pyperclip
streamlit run streamlit.py
Access at http://localhost:8501 (default port).
Obsidian Integration
Turn web/src/lib/content/ into an Obsidian vault for note-taking synced with Fabric patterns. It includes pre-configured .obsidian/ and templates/ folders.
Quick Setup
- Open Obsidian: File > Open folder as vault > Select
web/src/lib/content/ - To publish posts, move them to the posts directory (
web/src/lib/content/posts). - Use Fabric patterns to generate content directly in Markdown files.
Tip
When creating new posts, make sure to include a date (YYYY-MM-DD), description, tags (e.g., #ai #patterns), and aliases for SEO. Only a date is needed to display a note. Embed images
(), link patterns([[pattern-name]]), or code blocks for reusable snippets—all in standard Markdown.
Contributing
Refer to the Contributing Guide for details on how to improve this content.