Docs release for Meta Data fix (#2183)

* [DOCS FIX] - Update meta tags for socials image display (#2182) * Move image to a spot where it is available through an absolute path, add robot.txt, update meta tags
blocknative · Apr 30, 2024 · 3a7c313 · 3a7c313
1 parent 8558361
commit 3a7c313
Show file tree

Hide file tree

Showing 9 changed files with 22 additions and 20 deletions.
diff --git a/docs/src/lib/components/SEO/Twitter.svelte b/docs/src/lib/components/SEO/Twitter.svelte
@@ -6,10 +6,10 @@
 </script>
 
 <svelte:head>
-  <meta property="twitter:card" content="summary_large_image" />
-  <meta property="twitter:title" content={pageTitle} />
-  <meta property="twitter:description" content={metadescription} />
-  <meta property="twitter:url" content={url} />
+  <meta name="twitter:card" content="summary_large_image" />
+  <meta name="twitter:title" content={pageTitle} />
+  <meta name="twitter:description" content={metadescription} />
+  <meta name="twitter:url" content={url} />
   {#if image}
     <meta name="twitter:image" content={image.url} />
     <meta name="twitter:image:alt" content={image.alt} />

diff --git a/docs/src/lib/components/SEO/index.svelte b/docs/src/lib/components/SEO/index.svelte
@@ -1,14 +1,13 @@
 <script>
   import OpenGraph from './OpenGraph.svelte'
   import Twitter from './Twitter.svelte'
-  import MetaImage from '$lib/assets/blocknative-onboard-og-image.png'
 
   export let metadescription
   export let title
   export let url
 
   export let image = {
-    url: MetaImage,
+    url: 'https://onboard.blocknative.com/blocknative-onboard-og-image.png',
     alt: 'Web3-Onboard Connect Wallet Button'
   }
 

diff --git a/docs/src/routes/docs/[...4]wallets/[...5]capsule/+page.md b/docs/src/routes/docs/[...4]wallets/[...5]capsule/+page.md
@@ -42,10 +42,10 @@ type CapsuleInitOptions = {
   environment: string
   apiKey: string
   /** @optional capsule object opts */
-  constructorOpts?: ConstructorOpts
+  constructorOpts?: Partial<ConstructorOpts>
   appName: string
   /** @optional capsule modal props */
-  modalProps?: CapsuleModalV2Props
+  modalProps?: Partial<CapsuleModalV2Props>
 }
 ```
 ## Usage

diff --git a/docs/static/blocknative-onboard-og-image.png b/docs/static/blocknative-onboard-og-image.png
diff --git a/docs/static/robots.txt b/docs/static/robots.txt
@@ -0,0 +1,3 @@
+# https://www.robotstxt.org/robotstxt.html
+User-agent: *
+Disallow:
diff --git a/docs/yarn.lock b/docs/yarn.lock
@@ -5183,10 +5183,10 @@
     "@blocto/sdk" "^0.4.6"
     "@web3-onboard/common" "^2.3.1"
 
-"@web3-onboard/capsule@^2.0.2-alpha.1":
-  version "2.0.2-alpha.1"
-  resolved "https://registry.yarnpkg.com/@web3-onboard/capsule/-/capsule-2.0.2-alpha.1.tgz#afb47364766b7e42787a025b75ef3063dc279f65"
-  integrity sha512-hbgCTTiPjWkckNTEA3gbaSA6WWIbzSedsl7cxEQzO1fW1eMjQO6XXXmDGwDSfsrOqfcYwiFkuL6M4PxPMGRZRg==
+"@web3-onboard/capsule@^2.0.2":
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/@web3-onboard/capsule/-/capsule-2.0.2.tgz#da13e0d5b63d29e58027b5c9f6339952db07a7ea"
+  integrity sha512-U5PSZZg742OB+qKNyPlumsCehpSSqnT+jxnn6NC2vUGcWR1pTnuudJ351s3GAykaCJ1i3uwGsPoz1ZLJm4yK+Q==
   dependencies:
     "@tanstack/react-query" "^5.29.0"
     "@usecapsule/react-sdk" "^2.3.1"
@@ -5380,10 +5380,10 @@
     magic-sdk "^8.1.0"
     rxjs "^7.5.2"
 
-"@web3-onboard/metamask@^2.0.6-alpha.1":
-  version "2.0.6-alpha.1"
-  resolved "https://registry.yarnpkg.com/@web3-onboard/metamask/-/metamask-2.0.6-alpha.1.tgz#f874f73e41a0b9a92ca84613ff2e2400cd48eba2"
-  integrity sha512-QGS4d4i9FpwBpkNYXGpvvXnVmnLsA+zyGu2oZ4qZdls0TM/XsDHt5pudI6RPZR9gPEWPtXqOxmzm6Ce1OxE+ng==
+"@web3-onboard/metamask@^2.0.6":
+  version "2.0.6"
+  resolved "https://registry.yarnpkg.com/@web3-onboard/metamask/-/metamask-2.0.6.tgz#9dd59a88e16fa27754f29b54b4656b31ab6e3159"
+  integrity sha512-hxOdsqEtvohkYSisXqq7CizECmT7o+Qt6Z4zFfB7fgxcKa80mMmN0sgS3kAa3jl7nQ/JuJbhpNZsInbNN5HFnA==
   dependencies:
     "@metamask/sdk" "^0.18.6"
     "@web3-onboard/common" "^2.3.3"

diff --git a/packages/capsule/package.json b/packages/capsule/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@web3-onboard/capsule",
-  "version": "2.0.2",
+  "version": "2.0.3-alpha.1",
   "description": "Capsule SDK wallet module for connecting to Web3-Onboard. Web3-Onboard makes it simple to connect Ethereum hardware and software wallets to your dapp. Features standardised spec compliant web3 providers for all supported wallets, framework agnostic modern javascript UI with code splitting, CSS customization, multi-chain and multi-account support, reactive wallet state subscriptions and real-time transaction state change notifications.",
   "module": "dist/index.js",
   "browser": "dist/index.js",

diff --git a/packages/capsule/src/types.ts b/packages/capsule/src/types.ts
@@ -12,6 +12,6 @@ import type { ConstructorOpts, Environment, CapsuleModalV2Props } from '@usecaps
 export type CapsuleInitOptions = {
   environment: Environment
   apiKey: string,
-  constructorOpts?: ConstructorOpts
-  modalProps?: CapsuleModalV2Props
+  constructorOpts?: Partial<ConstructorOpts>
+  modalProps?: Partial<CapsuleModalV2Props>
 }
diff --git a/packages/demo/package.json b/packages/demo/package.json
@@ -30,7 +30,7 @@
     "@web3-onboard/arcana-auth": "^2.0.0",
     "@web3-onboard/bitget": "2.0.1",
     "@web3-onboard/blocto": "^2.0.1",
-    "@web3-onboard/capsule": "2.0.2",
+    "@web3-onboard/capsule": "2.0.3-alpha.1",
     "@web3-onboard/cede-store": "^2.2.0",
     "@web3-onboard/core": "^2.21.6",
     "@web3-onboard/coinbase": "^2.2.7",