https://github.com/xdannyrobertsx/deno-webview
messing around with deno webview :-)
https://github.com/xdannyrobertsx/deno-webview
deno webview
Last synced: about 1 month ago
JSON representation
messing around with deno webview :-)
- Host: GitHub
- URL: https://github.com/xdannyrobertsx/deno-webview
- Owner: xdannyrobertsx
- Created: 2025-09-05T17:27:18.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2025-09-09T03:46:02.000Z (10 months ago)
- Last Synced: 2025-09-09T06:14:20.744Z (10 months ago)
- Topics: deno, webview
- Language: JavaScript
- Homepage:
- Size: 10.7 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Modern Markdown Showcase 🚀
This document demonstrates modern markdown features and GitHub-flavored markdown syntax.
## Basic Formatting
### Text Styles
**Bold text** and __alternative bold__
*Italic text* and _alternative italic_
~~Strikethrough text~~
`Inline code`
==Highlighted text== (if supported)
### Headings with Custom IDs {#custom-heading}
You can link to [this heading](#custom-heading) using the custom ID.
## GitHub-Flavored Markdown
### Task Lists
- [x] Completed task
- [ ] Incomplete task
- [x] ~~Cancelled task~~
- [ ] Task with **bold** and *italic* text
### Alerts (GitHub)
> [!NOTE]
> Useful information that users should know, even when skimming content.
> [!TIP]
> Helpful advice for doing things better or more easily.
> [!IMPORTANT]
> Key information users need to know to achieve their goal.
> [!WARNING]
> Urgent info that needs immediate user attention to avoid problems.
> [!CAUTION]
> Advises about risks or negative outcomes of certain actions.
## Advanced Code Features
### Syntax Highlighting with Line Numbers
```typescript
// Modern TypeScript with async/await
interface ApiResponse {
data: T;
status: number;
message: string;
}
async function fetchUserData(id: string): Promise> {
try {
const response = await fetch(`/api/users/${id}`);
return await response.json();
} catch (error) {
throw new Error(`Failed to fetch user: ${error.message}`);
}
}
```
### Code with Diff Highlighting
```diff
function calculateTotal(items) {
- return items.reduce((sum, item) => sum + item.price, 0);
+ return items.reduce((sum, item) => sum + (item.price * item.quantity), 0);
}
```
### Shell Commands
```bash
# Install dependencies
npm install
# Run development server
npm run dev
# Build for production
npm run build
```
## Modern Tables
| Feature | Support | Notes |
|---------|---------|-------|
| GitHub Flavored Markdown | ✅ | Full support |
| Math Expressions | ⚠️ | Depends on renderer |
| Mermaid Diagrams | ✅ | GitHub native |
| Task Lists | ✅ | Interactive on GitHub |
### Table with Alignment
| Left Aligned | Center Aligned | Right Aligned |
|:-------------|:--------------:|--------------:|
| Content | Content | Content |
| More | More | More |
## Lists and Navigation
### Nested Lists with Mixed Types
1. First ordered item
2. Second ordered item
- Unordered sub item
- Another sub item
1. Nested ordered
2. Another nested
3. Third ordered item
### Definition Lists (if supported)
Term 1
: Definition for term 1
Term 2
: Definition for term 2
: Alternative definition for term 2
## Links and References
### Modern Link Formats
- [Regular link](https://github.com)
- [Link with title](https://github.com "GitHub Homepage")
- [Relative link to file](./CLAUDE.md)
- [Reference-style link][ref-link]
- (automatic link)
[ref-link]: https://github.com "Reference link"
### Email and Issues
- Contact:
- Issue reference: #123 (if in GitHub)
- User mention: @username (if in GitHub)
## Media and Embeds
### Image with Reference
![GitHub Logo][github-logo]
[github-logo]: https://github.githubassets.com/images/modules/logos_page/GitHub-Mark.png "GitHub Logo"
## Mathematical Expressions
Inline math: $E = mc^2$
Block math:
$$
\sum_{i=1}^{n} x_i = x_1 + x_2 + \cdots + x_n
$$
## Diagrams (Mermaid)
```mermaid
graph TD
A[Start] --> B{Is it working?}
B -->|Yes| C[Great!]
B -->|No| D[Debug]
D --> B
C --> E[End]
```
### Sequence Diagram
```mermaid
sequenceDiagram
participant User
participant Browser
participant Server
User->>Browser: Enter URL
Browser->>Server: HTTP Request
Server->>Browser: HTTP Response
Browser->>User: Display Page
```
## Footnotes and Citations
This is a statement that needs a citation[^1].
Here's another statement with a longer footnote[^long-note].
[^1]: This is a simple footnote.
[^long-note]: This is a longer footnote with multiple lines.
It can even contain code blocks:
```
console.log('Hello from footnote!');
```
## Modern Blockquotes
### Simple Quote
> "The best way to predict the future is to invent it."
> — Alan Kay
### Nested Quotes with Attribution
> "Innovation distinguishes between a leader and a follower."
>
> > This quote is often attributed to Steve Jobs, though the exact source is debated.
## Special Characters and Escaping
### HTML Entities
© 2024 — All rights reserved ™
### Escaping Special Characters
\*This text is not italic\*
\`This is not code\`
\## This is not a heading
## Horizontal Rules
Standard rule:
---
Thicker rule:
***
Dotted rule (if supported):
___
## Advanced Features
### Collapsible Sections (HTML in Markdown)
Click to expand
This content is hidden by default and can be expanded by clicking the summary.
```javascript
console.log('Hidden code block!');
```
### Keyboard Shortcuts
Press Ctrl + C to copy
Use ⌘ + V to paste on Mac