Add 3 new components

Author: uwx

README.md

@@ -9,6 +9,8 @@ Welcome to @web!
 
 ### Custom Markup Elements
 * `<blink>[text]</blink>`: Blinking text.
+* `<marquee>[text]</marquee>`: Text that scrolls across the screen.
+    - Use `<marquee party>` for party mode.
 
 ### at:// Compatible Elements
 * `<img src="[link]" />`: Images with suport for relative and at:// URIs.
@@ -137,6 +139,23 @@ Welcome to @web!
     The at:// URI to the @ring.  
     - `self: string` **Required**  
     Your DID.  
+* `<Json />`
+    - `value: any` **Optional**  
+    Value to present. Can be JSON but also `Number`, `String`, `Array`, `Function`, `Symbol`, `Boolean`, `Date`
+    - `open: 'closed' | 'full' | 'top-only'` **Required**  
+        Possible values:  
+        - "closed": Object is closed
+        - "full": Object is fully open
+        - "top-only" Only top level open
+    
+        Default: "closed"
+* `<SocialLink />`
+    - `network: 'email' | 'github' | 'gitlab' | 'linkedin' | 'rss' | 'stackoverflow' | 'twitch' | 'twitter'` **Required**  
+    The network to link to.
+    - `handle: string` **Required**   
+    _Note: For Stackoverflow, your `USERID` is your handle_
+    - `href: string` **Optional**  
+    Alternatively, instead of providing a handle and relying on the built-in link you can just provide your own.
 
 ### Reversible File Path Record Key Specification
 _(for nerds)_

components.d.ts

@@ -7,55 +7,58 @@ export {}
 /* prettier-ignore */
 declare module 'vue' {
   export interface GlobalComponents {
-    AtAnchor: typeof import('./src/components/custom-elements/AtAnchor.vue')['default']
+    AtAnchor: typeof import('./src/components/markdown-elements/AtAnchor.vue')['default']
     'AtAnchor.ce': typeof import('./src/components/custom-elements/AtAnchor.ce.vue')['default']
-    AtImg: typeof import('./src/components/custom-elements/AtImg.vue')['default']
+    AtImg: typeof import('./src/components/markdown-elements/AtImg.vue')['default']
     'AtImg.ce': typeof import('./src/components/custom-elements/AtImg.ce.vue')['default']
-    AtLink: typeof import('./src/components/custom-elements/AtLink.vue')['default']
+    AtLink: typeof import('./src/components/markdown-elements/AtLink.vue')['default']
     'AtLink.ce': typeof import('./src/components/custom-elements/AtLink.ce.vue')['default']
-    AtStyle: typeof import('./src/components/custom-elements/AtStyle.vue')['default']
+    AtStyle: typeof import('./src/components/markdown-elements/AtStyle.vue')['default']
     'AtStyle.ce': typeof import('./src/components/custom-elements/AtStyle.ce.vue')['default']
-    AtWebStylesheet: typeof import('./src/components/custom-elements/AtWebStylesheet.vue')['default']
+    AtWebStylesheet: typeof import('./src/components/markdown-elements/AtWebStylesheet.vue')['default']
     'AtWebStylesheet.ce': typeof import('./src/components/custom-elements/AtWebStylesheet.ce.vue')['default']
-    AtWebTitle: typeof import('./src/components/custom-elements/AtWebTitle.vue')['default']
+    AtWebTitle: typeof import('./src/components/markdown-elements/AtWebTitle.vue')['default']
     'AtWebTitle.ce': typeof import('./src/components/custom-elements/AtWebTitle.ce.vue')['default']
-    BlueskyPost: typeof import('./src/components/custom-elements/BlueskyPost.vue')['default']
+    BlueskyPost: typeof import('./src/components/markdown-elements/BlueskyPost.vue')['default']
     'BlueskyPost.ce': typeof import('./src/components/custom-elements/BlueskyPost.ce.vue')['default']
     BlueskyPostce: typeof import('./src/components/custom-elements/BlueskyPostce.vue')['default']
     'BlueskyPostEmbed.ce': typeof import('./src/components/custom-elements/BlueskyPostEmbed.ce.vue')['default']
-    BlueskyProfileCard: typeof import('./src/components/custom-elements/BlueskyProfileCard.vue')['default']
+    BlueskyProfileCard: typeof import('./src/components/markdown-elements/BlueskyProfileCard.vue')['default']
     'BlueskyProfileCard.ce': typeof import('./src/components/custom-elements/BlueskyProfileCard.ce.vue')['default']
-    BlueskyProfileFeed: typeof import('./src/components/custom-elements/BlueskyProfileFeed.vue')['default']
+    BlueskyProfileFeed: typeof import('./src/components/markdown-elements/BlueskyProfileFeed.vue')['default']
     'BlueskyProfileFeed.ce': typeof import('./src/components/custom-elements/BlueskyProfileFeed.ce.vue')['default']
     copy: typeof import('./src/components/custom-elements/BlueskyPostEmbed.ce copy.vue')['default']
-    EightyEightThirtyOneBadge: typeof import('./src/components/custom-elements/EightyEightThirtyOneBadge.vue')['default']
+    EightyEightThirtyOneBadge: typeof import('./src/components/markdown-elements/EightyEightThirtyOneBadge.vue')['default']
     'EightyEightThirtyOneBadge.ce': typeof import('./src/components/custom-elements/EightyEightThirtyOneBadge.ce.vue')['default']
-    LesbiBadge: typeof import('./src/components/custom-elements/LesbiBadge.vue')['default']
+    LesbiBadge: typeof import('./src/components/markdown-elements/LesbiBadge.vue')['default']
     'LesbiBadge.ce': typeof import('./src/components/custom-elements/LesbiBadge.ce.vue')['default']
     MarkdownRenderer: typeof import('./src/components/MarkdownRenderer.vue')['default']
     MonacoEditor: typeof import('./src/components/MonacoEditor.vue')['default']
-    NewBlink: typeof import('./src/components/custom-elements/NewBlink.vue')['default']
+    NewBlink: typeof import('./src/components/markdown-elements/NewBlink.vue')['default']
     'NewBlink.ce': typeof import('./src/components/custom-elements/NewBlink.ce.vue')['default']
-    OmitVanillaCss: typeof import('./src/components/custom-elements/OmitVanillaCss.vue')['default']
+    NewMarquee: typeof import('./src/components/markdown-elements/NewMarquee.vue')['default']
+    OmitVanillaCss: typeof import('./src/components/markdown-elements/OmitVanillaCss.vue')['default']
     'OmitVanillaCss.ce': typeof import('./src/components/custom-elements/OmitVanillaCss.ce.vue')['default']
-    OnekoKitty: typeof import('./src/components/custom-elements/OnekoKitty.vue')['default']
+    OnekoKitty: typeof import('./src/components/markdown-elements/OnekoKitty.vue')['default']
     'OnekoKitty.ce': typeof import('./src/components/custom-elements/OnekoKitty.ce.vue')['default']
     PModal: typeof import('./src/components/PModal.vue')['default']
-    RingLink: typeof import('./src/components/custom-elements/RingLink.vue')['default']
+    RenderJson: typeof import('./src/components/markdown-elements/RenderJson.vue')['default']
+    RingLink: typeof import('./src/components/markdown-elements/RingLink.vue')['default']
     'RingLink.ce': typeof import('./src/components/custom-elements/RingLink.ce.vue')['default']
     RouterLink: typeof import('vue-router')['RouterLink']
     RouterView: typeof import('vue-router')['RouterView']
     SignInGate: typeof import('./src/components/SignInGate.vue')['default']
-    SpotifyPlayer: typeof import('./src/components/custom-elements/SpotifyPlayer.vue')['default']
+    SocialLink: typeof import('./src/components/markdown-elements/SocialLink.vue')['default']
+    SpotifyPlayer: typeof import('./src/components/markdown-elements/SpotifyPlayer.vue')['default']
     UsePico: typeof import('./src/components/UsePico.vue')['default']
-    UserbarBadge: typeof import('./src/components/custom-elements/UserbarBadge.vue')['default']
+    UserbarBadge: typeof import('./src/components/markdown-elements/UserbarBadge.vue')['default']
     'UserbarBadge.ce': typeof import('./src/components/custom-elements/UserbarBadge.ce.vue')['default']
     VaButton: typeof import('vuestic-ui')['VaButton']
     VaForm: typeof import('vuestic-ui')['VaForm']
     VaInput: typeof import('vuestic-ui')['VaInput']
     VaModal: typeof import('vuestic-ui')['VaModal']
     VaSelect: typeof import('vuestic-ui')['VaSelect']
-    WebampPlayer: typeof import('./src/components/custom-elements/WebampPlayer.vue')['default']
+    WebampPlayer: typeof import('./src/components/markdown-elements/WebampPlayer.vue')['default']
     'WebampPlayer.ce': typeof import('./src/components/custom-elements/WebampPlayer.ce.vue')['default']
   }
 }

package.json

@@ -30,6 +30,8 @@
     "@mdx-js/mdx": "^3.1.0",
     "@noble/hashes": "^1.6.1",
     "@picocss/pico": "^2.0.6",
+    "@vanillawc/wc-marquee": "^1.0.31",
+    "@vanillawc/wc-social-link": "^1.5.0",
     "@volar/language-service": "^2.4.11",
     "@volar/monaco": "^2.4.11",
     "@vue/compiler-sfc": "^3.5.13",