Describe the bug

With content security policy enforcement in Safari this needs to embed the packages instead of importing them. My gist over here fixes it:

https://gist.github.com/philips/8f4e93cb2be2428344ece63aecca7941

https://github.blog/2013-04-19-content-security-policy/
https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP

[Error] Refused to load https://unpkg.com/[email protected]?module because it does not appear in the script-src directive of the Content Security Policy.
[Error] Refused to load https://unpkg.com/@tehshrike/[email protected] because it does not appear in the script-src directive of the Content Security Policy.

To Reproduce
Steps to reproduce the behavior:

1. Go to chat.openai.com
2. Click on the bookmarklet
3. Open developer panel
4. See CSP error

Describe the bug
I created a bookmarklet and it doesn't do anything.
The web console shows:

Uncaught (in promise) TypeError: Failed to fetch dynamically imported module: https://unpkg.com/[email protected]?module
Promise.then (async)
(anonymous) @ VM524:1
(anonymous) @ VM524:102

To Reproduce
Steps to reproduce the behavior:

1. Go to https://obsidian-clipper-maker.ganesshkumar.com/
2. Enter "Obsidian Clipper", "Zettel", "_inbox" for the first 3 fields
3. Click Generate
4. Drag the generated bookmarklet to bookmarks bar
5. Go to a site and click on bookmarklet
6. See error in Web Console

Expected behavior
The bookmarklet to do its thing.

Screenshots

Desktop (please complete the following information):

• Browser: Version 1.39.122 Chromium: 102.0.5005.115 (Official Build) (arm64
• OS: macOS
• Version 12.4

Additional context
Add any other context about the problem here.

I would like to have the metadata under yaml. Its my personal preference. I sadly cant configure the code, because i have no clue (i tried and made the code unusable). Thank you if you provide a option.

What i mean:

(Current Version)

author:: null
source:: Obsidian Clipper
clipped:: [[2023-02-18]]
published::

▼

(Personal Preference)

• -- yaml lines
  #- Obsidian Clipper
  author: null
  source: Obsidian Clipper
  clipped: [[2023-02-18]]
  published:
• -- yaml lines

Another request would be to be able to configure the template by yourself (for non javascript knowers)
So that you could customize the given frontmatter keys.

▼

Wished version
--- yaml lines
#- Obsidian Clipper
author: null
source: Obsidian Clipper
clipped: [[2023-02-18]]
published:

Own Metadata

Aliases:
Note Type:
....
--- yaml lines

Describe the bug
"Copy HTML Clipper" button copies the exact same code as the "Copy JS Clipper" instead of the code shown in the "Generated HTML Clipper" textarea.

To Reproduce
Steps to reproduce the behavior:

1. Go to https://obsidian-clipper-maker.ganesshkumar.com/
2. Click on "Copy HTML Clipper"
3. Clipboard contains the same text as the text in the "Generated Javascript Clipper" textarea

Expected behavior
I expected the clipboard to contain the same text as the text in the "Generated HTML Clipper" textarea

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

• OS: macOS Ventura
• Version 13.5
• Using latest version of Firefox browser

Smartphone (please complete the following information):
n/a

Additional context
Add any other context about the problem here.