From fccad5ef40b067331b7df4c4626c8f4eaaa11ca5 Mon Sep 17 00:00:00 2001
From: Jesse Paterson <jesse.r.pat@gmail.com>
Date: Mon, 30 Sep 2024 16:29:56 -0500
Subject: [PATCH 1/7] Update package.json (#452)

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index d3ad04f1..49a5b5c4 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "Nounspace",
-  "version": "0.0.11",
+  "version": "0.0.12",
   "license": "",
   "private": true,
   "scripts": {

From ac4c263b5298c7e64ef9666c2c927a0dfd000da6 Mon Sep 17 00:00:00 2001
From: Jesse Paterson <jesse.r.pat@gmail.com>
Date: Mon, 30 Sep 2024 17:10:29 -0500
Subject: [PATCH 2/7] fixed position (#453)

---
 src/fidgets/layout/Grid.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/fidgets/layout/Grid.tsx b/src/fidgets/layout/Grid.tsx
index c084fe64..6e6fd4e2 100644
--- a/src/fidgets/layout/Grid.tsx
+++ b/src/fidgets/layout/Grid.tsx
@@ -348,7 +348,11 @@ const Grid: LayoutFidget<GridLayoutProps> = ({
         {inEditMode && (
           <button
             onClick={openFidgetPicker}
-            className="z-infinity flex rounded-xl p-2 m-3 px-auto bg-[#F3F4F6] hover:bg-sky-100 text-[#1C64F2] font-semibold absolute top-0 right-0"
+            className={
+              hasProfile
+                ? "z-infinity flex rounded-xl p-2 m-3 px-auto bg-[#F3F4F6] hover:bg-sky-100 text-[#1C64F2] font-semibold absolute top-40 right-0"
+                : "z-infinity flex rounded-xl p-2 m-3 px-auto bg-[#F3F4F6] hover:bg-sky-100 text-[#1C64F2] font-semibold absolute top-0 right-0"
+            }
           >
             <div className="ml-2 ">
               <AddFidgetIcon />

From 277cb351dc7ade94002fb2c5b9ffb2c168578e23 Mon Sep 17 00:00:00 2001
From: Julian Early <julian.is.early@gmail.com>
Date: Wed, 25 Sep 2024 11:57:57 -0700
Subject: [PATCH 3/7] feat: install pinata

---
 .env                          |   3 +-
 package.json                  |   1 +
 src/common/data/api/pinata.ts |   8 ++
 yarn.lock                     | 139 +++++++++++++++++++++++++++++++++-
 4 files changed, 149 insertions(+), 2 deletions(-)
 create mode 100644 src/common/data/api/pinata.ts

diff --git a/.env b/.env
index 936dbd2d..accf300a 100644
--- a/.env
+++ b/.env
@@ -1,4 +1,5 @@
 NEXT_PUBLIC_MOD_PROTOCOL_API_URL = 'https://api.modprotocol.org/api'
 NEXT_PUBLIC_APP_NAME = "Nounspace"
 NEXT_PUBLIC_WALLET_CONNECT_ID = "ca568706fd42f2029d21f486df16364f"
-NEXT_PUBLIC_HUB_HTTP_URL="https://hub-api.neynar.com"
\ No newline at end of file
+NEXT_PUBLIC_HUB_HTTP_URL="https://hub-api.neynar.com"
+PINATA_GATEWAY = "nounspace.mypinata.cloud"
\ No newline at end of file
diff --git a/package.json b/package.json
index 49a5b5c4..36c12bd6 100644
--- a/package.json
+++ b/package.json
@@ -119,6 +119,7 @@
     "neverthrow": "^6.2.2",
     "next": "14.1",
     "next-themes": "^0.3.0",
+    "pinata": "^1.4.1",
     "pino-pretty": "^11.2.0",
     "prop-types": "^15.8.1",
     "radix-colors-for-tailwind": "^2.0.0",
diff --git a/src/common/data/api/pinata.ts b/src/common/data/api/pinata.ts
new file mode 100644
index 00000000..0f01a6d0
--- /dev/null
+++ b/src/common/data/api/pinata.ts
@@ -0,0 +1,8 @@
+import { PinataSDK } from "pinata";
+
+const pinata = new PinataSDK({
+  pinataJwt: process.env.PINATA_JWT!,
+  pinataGateway: process.env.PINATA_GATEWAY,
+});
+
+export default pinata;
\ No newline at end of file
diff --git a/yarn.lock b/yarn.lock
index 21cfe875..52c37f5a 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -171,6 +171,18 @@
     "@babel/helper-validator-identifier" "^7.24.7"
     to-fast-properties "^2.0.0"
 
+"@chainsafe/is-ip@^2.0.1":
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/@chainsafe/is-ip/-/is-ip-2.0.2.tgz#7311e7403f11d8c5cfa48111f56fcecaac37c9f6"
+  integrity sha512-ndGqEMG1W5WkGagaqOZHpPU172AGdxr+LD15sv3WIUvT5oCFUrG1Y0CW/v2Egwj4JXEvSibaIIIqImsm98y1nA==
+
+"@chainsafe/netmask@^2.0.0":
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/@chainsafe/netmask/-/netmask-2.0.0.tgz#0d4a75f47919f65011da4327a3845c9661f1038a"
+  integrity sha512-I3Z+6SWUoaljh3TBzCnCxjlUyN8tA+NAk5L6m9IxvCf1BENQTePzPMis97CoN/iMW1St3WN+AWCCRp+TTBRiDg==
+  dependencies:
+    "@chainsafe/is-ip" "^2.0.1"
+
 "@cloudflare/workers-types@^4.20240423.0":
   version "4.20240620.0"
   resolved "https://registry.yarnpkg.com/@cloudflare/workers-types/-/workers-types-4.20240620.0.tgz#1e996c0b81a1dab392f0292bea036fd7bb3b73f3"
@@ -1342,6 +1354,11 @@
     "@jridgewell/resolve-uri" "^3.1.0"
     "@jridgewell/sourcemap-codec" "^1.4.14"
 
+"@leichtgewicht/ip-codec@^2.0.1":
+  version "2.0.5"
+  resolved "https://registry.yarnpkg.com/@leichtgewicht/ip-codec/-/ip-codec-2.0.5.tgz#4fc56c15c580b9adb7dc3c333a134e540b44bfb1"
+  integrity sha512-Vo+PSpZG2/fmgmiNzYK9qWRh8h/CHrwD0mo1h1DzL4yzHNSfWYujGTYsWGreD000gcgmZ7K4Ys6Tx9TxtsKdDw==
+
 "@lifi/sdk@^3.1.5":
   version "3.1.5"
   resolved "https://registry.yarnpkg.com/@lifi/sdk/-/sdk-3.1.5.tgz#24d0754e20c45b39256c5af49d5cb5a470d15f0d"
@@ -2021,6 +2038,38 @@
     prop-types "^15.8.1"
     react-is "^18.3.1"
 
+"@multiformats/dns@^1.0.3":
+  version "1.0.6"
+  resolved "https://registry.yarnpkg.com/@multiformats/dns/-/dns-1.0.6.tgz#b8c7de11459a02a5f4e609d35d3cdb95cb6ad152"
+  integrity sha512-nt/5UqjMPtyvkG9BQYdJ4GfLK3nMqGpFZOzf4hAmIa0sJh2LlS9YKXZ4FgwBDsaHvzZqR/rUFIywIc7pkHNNuw==
+  dependencies:
+    "@types/dns-packet" "^5.6.5"
+    buffer "^6.0.3"
+    dns-packet "^5.6.1"
+    hashlru "^2.3.0"
+    p-queue "^8.0.1"
+    progress-events "^1.0.0"
+    uint8arrays "^5.0.2"
+
+"@multiformats/mafmt@^12.1.6":
+  version "12.1.6"
+  resolved "https://registry.yarnpkg.com/@multiformats/mafmt/-/mafmt-12.1.6.tgz#e7c1831c1e94c94932621826049afc89f3ad43b7"
+  integrity sha512-tlJRfL21X+AKn9b5i5VnaTD6bNttpSpcqwKVmDmSHLwxoz97fAHaepqFOk/l1fIu94nImIXneNbhsJx/RQNIww==
+  dependencies:
+    "@multiformats/multiaddr" "^12.0.0"
+
+"@multiformats/multiaddr@^12.0.0", "@multiformats/multiaddr@^12.1.14":
+  version "12.3.1"
+  resolved "https://registry.yarnpkg.com/@multiformats/multiaddr/-/multiaddr-12.3.1.tgz#953ceb4ae3b39125b7b2c721230ea7b398cf49fe"
+  integrity sha512-yoGODQY4nIj41ENJClucS8FtBoe8w682bzbKldEQr9lSlfdHqAsRC+vpJAOBpiMwPps1tHua4kxrDmvprdhoDQ==
+  dependencies:
+    "@chainsafe/is-ip" "^2.0.1"
+    "@chainsafe/netmask" "^2.0.0"
+    "@multiformats/dns" "^1.0.3"
+    multiformats "^13.0.0"
+    uint8-varint "^2.0.1"
+    uint8arrays "^5.0.0"
+
 "@nestjs/axios@3.0.2":
   version "3.0.2"
   resolved "https://registry.yarnpkg.com/@nestjs/axios/-/axios-3.0.2.tgz#0078c101a29fb46f5c566d68a4315fddabc083ed"
@@ -5900,6 +5949,13 @@
   dependencies:
     "@types/ms" "*"
 
+"@types/dns-packet@^5.6.5":
+  version "5.6.5"
+  resolved "https://registry.yarnpkg.com/@types/dns-packet/-/dns-packet-5.6.5.tgz#49fc29a40f5d30227ed028fa1ee82601d3745e15"
+  integrity sha512-qXOC7XLOEe43ehtWJCMnQXvgcIpv6rPmQ1jXT98Ad8A3TB1Ue50jsCbSSSyuazScEuZ/Q026vHbrOTVkmwA+7Q==
+  dependencies:
+    "@types/node" "*"
+
 "@types/dom-screen-wake-lock@^1.0.0":
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/@types/dom-screen-wake-lock/-/dom-screen-wake-lock-1.0.3.tgz#c3588a5f6f40fae957f9ce5be9bc4927a61bb9a0"
@@ -8560,6 +8616,13 @@ dlv@^1.1.3:
   resolved "https://registry.yarnpkg.com/dlv/-/dlv-1.1.3.tgz#5c198a8a11453596e751494d49874bc7732f2e79"
   integrity sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==
 
+dns-packet@^5.6.1:
+  version "5.6.1"
+  resolved "https://registry.yarnpkg.com/dns-packet/-/dns-packet-5.6.1.tgz#ae888ad425a9d1478a0674256ab866de1012cf2f"
+  integrity sha512-l4gcSouhcgIKRvyy99RNVOgxXiicE+2jZoNmaNmZ6JXiGajBOJAesk1OBlJuM5k2c+eudGdLxDqXuPCKIj6kpw==
+  dependencies:
+    "@leichtgewicht/ip-codec" "^2.0.1"
+
 doctrine@^2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/doctrine/-/doctrine-2.1.0.tgz#5cd01fc101621b42c4cd7f5d1a66243716d3f39d"
@@ -9981,6 +10044,11 @@ hash.js@1.1.7, hash.js@^1.0.0, hash.js@^1.0.3:
     inherits "^2.0.3"
     minimalistic-assert "^1.0.1"
 
+hashlru@^2.3.0:
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/hashlru/-/hashlru-2.3.0.tgz#5dc15928b3f6961a2056416bb3a4910216fdfb51"
+  integrity sha512-0cMsjjIC8I+D3M44pOQdsy0OHXGLVz6Z0beRuufhKa0KfaD2wGwAev6jILzXsd3/vpnNQJmWyZtIILqM1N+n5A==
+
 hasown@^2.0.0, hasown@^2.0.1, hasown@^2.0.2:
   version "2.0.2"
   resolved "https://registry.yarnpkg.com/hasown/-/hasown-2.0.2.tgz#003eaf91be7adc372e84ec59dc37252cedb80003"
@@ -10689,6 +10757,17 @@ is-interactive@^1.0.0:
   resolved "https://registry.yarnpkg.com/is-interactive/-/is-interactive-1.0.0.tgz#cea6e6ae5c870a7b0a0004070b7b587e0252912e"
   integrity sha512-2HvIEKRoqS62guEC+qBjpvRubdX910WCMuJTZ+I9yvqKU2/12eSL549HMwtabb4oupdj2sMP50k+XJfB/8JE6w==
 
+is-ipfs@^8.0.4:
+  version "8.0.4"
+  resolved "https://registry.yarnpkg.com/is-ipfs/-/is-ipfs-8.0.4.tgz#686e7c20ec54a25a055519b435e2546fbd8e2a5f"
+  integrity sha512-upkO6a8WgBSZMMmuPzmF2NQLWXtiJtHxdEfEiMWrOzCKoZ+XEiM0XlK4fFMfo/PyiRmPMJ4PsNrXyvJeqMrJXA==
+  dependencies:
+    "@multiformats/mafmt" "^12.1.6"
+    "@multiformats/multiaddr" "^12.1.14"
+    iso-url "^1.1.3"
+    multiformats "^13.0.1"
+    uint8arrays "^5.0.1"
+
 is-map@^2.0.3:
   version "2.0.3"
   resolved "https://registry.yarnpkg.com/is-map/-/is-map-2.0.3.tgz#ede96b7fe1e270b3c4465e3a465658764926d62e"
@@ -10878,6 +10957,11 @@ isexe@^2.0.0:
   resolved "https://registry.yarnpkg.com/isexe/-/isexe-2.0.0.tgz#e8fbf374dc556ff8947a10dcb0572d633f2cfa10"
   integrity sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==
 
+iso-url@^1.1.3:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/iso-url/-/iso-url-1.2.1.tgz#db96a49d8d9a64a1c889fc07cc525d093afb1811"
+  integrity sha512-9JPDgCN4B7QPkLtYAAOrEuAWvP9rWvR5offAr0/SeF046wIkglqH3VXgYYP6NcsKslH80UIVgmPqNe3j7tG2ng==
+
 isomorphic-dompurify@^2.12.0:
   version "2.12.0"
   resolved "https://registry.yarnpkg.com/isomorphic-dompurify/-/isomorphic-dompurify-2.12.0.tgz#fd63aa7d1509f6fcf24f824b36cef06e663808b7"
@@ -12229,6 +12313,11 @@ ms@^2.0.0:
   resolved "https://registry.yarnpkg.com/ms/-/ms-2.1.3.tgz#574c8138ce1d2b5861f0b44579dbadd60c6615b2"
   integrity sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==
 
+multiformats@^13.0.0, multiformats@^13.0.1:
+  version "13.3.0"
+  resolved "https://registry.yarnpkg.com/multiformats/-/multiformats-13.3.0.tgz#1f5188bc7c4fe08ff829ae1c18dc33409042fb71"
+  integrity sha512-CBiqvsufgmpo01VT5ze94O+uc+Pbf6f/sThlvWss0sBZmAOu6GQn5usrYV2sf2mr17FWYc0rO8c/CNe2T90QAA==
+
 multiformats@^9.4.2:
   version "9.9.0"
   resolved "https://registry.yarnpkg.com/multiformats/-/multiformats-9.9.0.tgz#c68354e7d21037a8f1f8833c8ccd68618e8f1d37"
@@ -12360,7 +12449,7 @@ node-fetch@^2.6.1, node-fetch@^2.6.12, node-fetch@^2.6.7, node-fetch@^2.6.9, nod
   dependencies:
     whatwg-url "^5.0.0"
 
-node-fetch@^3.3.2:
+node-fetch@^3.3.1, node-fetch@^3.3.2:
   version "3.3.2"
   resolved "https://registry.yarnpkg.com/node-fetch/-/node-fetch-3.3.2.tgz#d1e889bacdf733b4ff3b2b243eb7a12866a0b78b"
   integrity sha512-dRB78srN/l6gqWulah9SrxeYnxeddIG30+GOqK/9OlLVyLg3HPnr6SqOWTWOXKRwC2eGYCkZ59NNuSgvSrpgOA==
@@ -12660,6 +12749,19 @@ p-locate@^5.0.0:
   dependencies:
     p-limit "^3.0.2"
 
+p-queue@^8.0.1:
+  version "8.0.1"
+  resolved "https://registry.yarnpkg.com/p-queue/-/p-queue-8.0.1.tgz#718b7f83836922ef213ddec263ff4223ce70bef8"
+  integrity sha512-NXzu9aQJTAzbBqOt2hwsR63ea7yvxJc0PwN/zobNAudYfb1B7R08SzB4TsLeSbUCuG467NhnoT0oO6w1qRO+BA==
+  dependencies:
+    eventemitter3 "^5.0.1"
+    p-timeout "^6.1.2"
+
+p-timeout@^6.1.2:
+  version "6.1.2"
+  resolved "https://registry.yarnpkg.com/p-timeout/-/p-timeout-6.1.2.tgz#22b8d8a78abf5e103030211c5fc6dee1166a6aa5"
+  integrity sha512-UbD77BuZ9Bc9aABo74gfXhNvzC9Tx7SxtHSh1fxvx3jTLLYvmVhiQZZrJzqqU0jKbN32kb5VOKiLEQI/3bIjgQ==
+
 p-try@^2.0.0:
   version "2.2.0"
   resolved "https://registry.yarnpkg.com/p-try/-/p-try-2.2.0.tgz#cb2868540e313d61de58fafbe35ce9004d5540e6"
@@ -12822,6 +12924,14 @@ pify@^5.0.0:
   resolved "https://registry.yarnpkg.com/pify/-/pify-5.0.0.tgz#1f5eca3f5e87ebec28cc6d54a0e4aaf00acc127f"
   integrity sha512-eW/gHNMlxdSP6dmG6uJip6FXN0EQBwm2clYYd8Wul42Cwu/DK8HEftzsapcNdYe2MfLiIwZqsDk2RDEsTE79hA==
 
+pinata@^1.4.1:
+  version "1.4.1"
+  resolved "https://registry.yarnpkg.com/pinata/-/pinata-1.4.1.tgz#c489c483fcbf19dc8d396fa90643d7d5b0652877"
+  integrity sha512-F6JEal1QbajRF1gmaCyUoBzxvQbxUNu30pEpVRMHoACS5tZWa9uGeW2A00B7wmnyYy36g7OhfA9bzx+rw8MRVA==
+  dependencies:
+    is-ipfs "^8.0.4"
+    node-fetch "^3.3.1"
+
 pino-abstract-transport@^1.0.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/pino-abstract-transport/-/pino-abstract-transport-1.2.0.tgz#97f9f2631931e242da531b5c66d3079c12c9d1b5"
@@ -13108,6 +13218,11 @@ process@^0.11.10:
   resolved "https://registry.yarnpkg.com/process/-/process-0.11.10.tgz#7332300e840161bda3e69a1d1d91a7d4bc16f182"
   integrity sha512-cdGef/drWFoydD1JsMzuFf8100nZl+GT+yacc2bEced5f9Rjk4z+WtFUTBu9PhOi9j/jfmBPu0mMEY4wIdAF8A==
 
+progress-events@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/progress-events/-/progress-events-1.0.1.tgz#693b6d4153f08c1418ae3cd5fcad8596c91db7e8"
+  integrity sha512-MOzLIwhpt64KIVN64h1MwdKWiyKFNc/S6BoYKPIVUHFg0/eIEyBulhWCgn678v/4c0ri3FdGuzXymNCv02MUIw==
+
 prop-types@15.x, prop-types@^15.6.2, prop-types@^15.7.2, prop-types@^15.8.1:
   version "15.8.1"
   resolved "https://registry.yarnpkg.com/prop-types/-/prop-types-15.8.1.tgz#67d87bf1a694f48435cf332c24af10214a3140b5"
@@ -15417,6 +15532,21 @@ uid@2.0.2:
   dependencies:
     "@lukeed/csprng" "^1.0.0"
 
+uint8-varint@^2.0.1:
+  version "2.0.4"
+  resolved "https://registry.yarnpkg.com/uint8-varint/-/uint8-varint-2.0.4.tgz#85be52b3849eb30f2c3640a2df8a14364180affb"
+  integrity sha512-FwpTa7ZGA/f/EssWAb5/YV6pHgVF1fViKdW8cWaEarjB8t7NyofSWBdOTyFPaGuUG4gx3v1O3PQ8etsiOs3lcw==
+  dependencies:
+    uint8arraylist "^2.0.0"
+    uint8arrays "^5.0.0"
+
+uint8arraylist@^2.0.0:
+  version "2.4.8"
+  resolved "https://registry.yarnpkg.com/uint8arraylist/-/uint8arraylist-2.4.8.tgz#5a4d17f4defd77799cb38e93fd5db0f0dceddc12"
+  integrity sha512-vc1PlGOzglLF0eae1M8mLRTBivsvrGsdmJ5RbK3e+QRvRLOZfZhQROTwH/OfyF3+ZVUg9/8hE8bmKP2CvP9quQ==
+  dependencies:
+    uint8arrays "^5.0.1"
+
 uint8arrays@3.1.0:
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/uint8arrays/-/uint8arrays-3.1.0.tgz#8186b8eafce68f28bd29bd29d683a311778901e2"
@@ -15431,6 +15561,13 @@ uint8arrays@^3.0.0:
   dependencies:
     multiformats "^9.4.2"
 
+uint8arrays@^5.0.0, uint8arrays@^5.0.1, uint8arrays@^5.0.2:
+  version "5.1.0"
+  resolved "https://registry.yarnpkg.com/uint8arrays/-/uint8arrays-5.1.0.tgz#14047c9bdf825d025b7391299436e5e50e7270f1"
+  integrity sha512-vA6nFepEmlSKkMBnLBaUMVvAC4G3CTmO58C12y4sq6WPDOR7mOFYOi7GlrQ4djeSbP6JG9Pv9tJDM97PedRSww==
+  dependencies:
+    multiformats "^13.0.0"
+
 unbox-primitive@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/unbox-primitive/-/unbox-primitive-1.0.2.tgz#29032021057d5e6cdbd08c5129c226dff8ed6f9e"

From feaffdc85fa74dbc40f61f6a202128d456939d7f Mon Sep 17 00:00:00 2001
From: Julian Early <julian.is.early@gmail.com>
Date: Mon, 30 Sep 2024 16:23:43 -0700
Subject: [PATCH 4/7] feat: migrations for new tables for referrals

---
 .../20240930232238_sharedSpaceInfo.sql        | 119 ++++++++++++++++++
 1 file changed, 119 insertions(+)
 create mode 100644 supabase/migrations/20240930232238_sharedSpaceInfo.sql

diff --git a/supabase/migrations/20240930232238_sharedSpaceInfo.sql b/supabase/migrations/20240930232238_sharedSpaceInfo.sql
new file mode 100644
index 00000000..97688719
--- /dev/null
+++ b/supabase/migrations/20240930232238_sharedSpaceInfo.sql
@@ -0,0 +1,119 @@
+create table "public"."sharedContentAccessRequests" (
+    "id" bigint generated by default as identity not null,
+    "created_at" timestamp with time zone not null default now(),
+    "cid" character varying not null,
+    "publicKey" character varying not null,
+    "signature" character varying not null
+);
+
+
+alter table "public"."sharedContentAccessRequests" enable row level security;
+
+create table "public"."sharedContentRegistrations" (
+    "cid" character varying not null,
+    "timestamp" timestamp with time zone not null,
+    "publicKey" character varying not null,
+    "name" character varying,
+    "signature" character varying not null
+);
+
+
+alter table "public"."sharedContentRegistrations" enable row level security;
+
+CREATE UNIQUE INDEX "sharedContentAccessRequests_pkey" ON public."sharedContentAccessRequests" USING btree (id);
+
+CREATE UNIQUE INDEX "sharedContentRegistrations_pkey" ON public."sharedContentRegistrations" USING btree (cid);
+
+alter table "public"."sharedContentAccessRequests" add constraint "sharedContentAccessRequests_pkey" PRIMARY KEY using index "sharedContentAccessRequests_pkey";
+
+alter table "public"."sharedContentRegistrations" add constraint "sharedContentRegistrations_pkey" PRIMARY KEY using index "sharedContentRegistrations_pkey";
+
+alter table "public"."sharedContentAccessRequests" add constraint "public_sharedContentAccessRequests_cid_fkey" FOREIGN KEY (cid) REFERENCES "sharedContentRegistrations"(cid) not valid;
+
+alter table "public"."sharedContentAccessRequests" validate constraint "public_sharedContentAccessRequests_cid_fkey";
+
+grant delete on table "public"."sharedContentAccessRequests" to "anon";
+
+grant insert on table "public"."sharedContentAccessRequests" to "anon";
+
+grant references on table "public"."sharedContentAccessRequests" to "anon";
+
+grant select on table "public"."sharedContentAccessRequests" to "anon";
+
+grant trigger on table "public"."sharedContentAccessRequests" to "anon";
+
+grant truncate on table "public"."sharedContentAccessRequests" to "anon";
+
+grant update on table "public"."sharedContentAccessRequests" to "anon";
+
+grant delete on table "public"."sharedContentAccessRequests" to "authenticated";
+
+grant insert on table "public"."sharedContentAccessRequests" to "authenticated";
+
+grant references on table "public"."sharedContentAccessRequests" to "authenticated";
+
+grant select on table "public"."sharedContentAccessRequests" to "authenticated";
+
+grant trigger on table "public"."sharedContentAccessRequests" to "authenticated";
+
+grant truncate on table "public"."sharedContentAccessRequests" to "authenticated";
+
+grant update on table "public"."sharedContentAccessRequests" to "authenticated";
+
+grant delete on table "public"."sharedContentAccessRequests" to "service_role";
+
+grant insert on table "public"."sharedContentAccessRequests" to "service_role";
+
+grant references on table "public"."sharedContentAccessRequests" to "service_role";
+
+grant select on table "public"."sharedContentAccessRequests" to "service_role";
+
+grant trigger on table "public"."sharedContentAccessRequests" to "service_role";
+
+grant truncate on table "public"."sharedContentAccessRequests" to "service_role";
+
+grant update on table "public"."sharedContentAccessRequests" to "service_role";
+
+grant delete on table "public"."sharedContentRegistrations" to "anon";
+
+grant insert on table "public"."sharedContentRegistrations" to "anon";
+
+grant references on table "public"."sharedContentRegistrations" to "anon";
+
+grant select on table "public"."sharedContentRegistrations" to "anon";
+
+grant trigger on table "public"."sharedContentRegistrations" to "anon";
+
+grant truncate on table "public"."sharedContentRegistrations" to "anon";
+
+grant update on table "public"."sharedContentRegistrations" to "anon";
+
+grant delete on table "public"."sharedContentRegistrations" to "authenticated";
+
+grant insert on table "public"."sharedContentRegistrations" to "authenticated";
+
+grant references on table "public"."sharedContentRegistrations" to "authenticated";
+
+grant select on table "public"."sharedContentRegistrations" to "authenticated";
+
+grant trigger on table "public"."sharedContentRegistrations" to "authenticated";
+
+grant truncate on table "public"."sharedContentRegistrations" to "authenticated";
+
+grant update on table "public"."sharedContentRegistrations" to "authenticated";
+
+grant delete on table "public"."sharedContentRegistrations" to "service_role";
+
+grant insert on table "public"."sharedContentRegistrations" to "service_role";
+
+grant references on table "public"."sharedContentRegistrations" to "service_role";
+
+grant select on table "public"."sharedContentRegistrations" to "service_role";
+
+grant trigger on table "public"."sharedContentRegistrations" to "service_role";
+
+grant truncate on table "public"."sharedContentRegistrations" to "service_role";
+
+grant update on table "public"."sharedContentRegistrations" to "service_role";
+
+

From 34ac54aaf881532c3bd31ca9bdfa60e152382665 Mon Sep 17 00:00:00 2001
From: Julian Early <julian.is.early@gmail.com>
Date: Tue, 1 Oct 2024 17:11:24 -0700
Subject: [PATCH 5/7] feat: add end point to create and request shared content

---
 src/pages/api/space/shared/index.ts | 223 ++++++++++++++++++++++++++++
 src/supabase/database.d.ts          |  64 +++++++-
 2 files changed, 286 insertions(+), 1 deletion(-)
 create mode 100644 src/pages/api/space/shared/index.ts

diff --git a/src/pages/api/space/shared/index.ts b/src/pages/api/space/shared/index.ts
new file mode 100644
index 00000000..921b436b
--- /dev/null
+++ b/src/pages/api/space/shared/index.ts
@@ -0,0 +1,223 @@
+import pinata from "@/common/data/api/pinata";
+import requestHandler, {
+  NounspaceResponse,
+} from "@/common/data/api/requestHandler";
+import supabaseClient from "@/common/data/database/supabase/clients/server";
+import { UpdatableSpaceConfig } from "@/common/data/stores/app/space/spaceStore";
+import { FidgetInstanceData } from "@/common/fidgets";
+import { isSignable, validateSignable } from "@/common/lib/signedFiles";
+import { UserTheme } from "@/common/lib/theme";
+import { first, includes, isArray, isNil, isObject, isUndefined } from "lodash";
+import { NextApiRequest, NextApiResponse } from "next/types";
+
+export type SharedContentInfo = {
+  cid: string;
+  publicKey: string;
+  name: string | null;
+  signature: string; // Only over the name + public key + timestamp
+  timestamp: string;
+};
+
+interface SharedContentBase {
+  author: string;
+  signature: string;
+}
+
+type SharedTab = SharedContentBase & {
+  type: "tab";
+  content: UpdatableSpaceConfig;
+};
+
+type SharedFidget = SharedContentBase & {
+  type: "fidget";
+  content: FidgetInstanceData;
+};
+
+type SharedTheme = SharedContentBase & {
+  type: "theme";
+  content: UserTheme;
+};
+
+export type SharedContentDetails = SharedTab | SharedFidget | SharedTheme;
+
+export type SharedContentCreationRequest = {
+  metadata: Omit<SharedContentInfo, "cid">;
+  content: SharedContentDetails;
+};
+
+function isSharedContentCreationRequest(
+  thing: unknown,
+): thing is SharedContentCreationRequest {
+  return (
+    isObject(thing) &&
+    isSignable(thing["metadata"], "publicKey") &&
+    isSignable(thing["content"], "author") &&
+    typeof thing["metadata"]["name"] === "string" &&
+    typeof thing["metadata"]["timestamp"] === "string" &&
+    typeof thing["content"]["type"] === "string" &&
+    includes(["tab", "fidget", "theme"], thing["content"]["type"]) &&
+    typeof thing["content"]["content"] === "object"
+  );
+}
+
+export type SharedContentResponse = NounspaceResponse<{
+  contentInfo: SharedContentInfo;
+  contentDetails?: SharedContentDetails;
+}>;
+
+async function retrieveSharedContent(
+  req: NextApiRequest,
+  res: NextApiResponse<SharedContentResponse>,
+) {
+  const { publicKey, signature, cid } = req.query;
+
+  if (
+    isUndefined(publicKey) ||
+    isUndefined(signature) ||
+    isUndefined(cid) ||
+    isArray(signature) ||
+    isArray(cid) ||
+    isArray(publicKey)
+  ) {
+    res.status(400).json({
+      result: "error",
+      error: {
+        message: "publicKey, signature, and cid must be provided",
+      },
+    });
+    return;
+  }
+
+  if (!validateSignable({ publicKey, cid, signature }, "publicKey")) {
+    res.status(400).json({
+      result: "error",
+      error: {
+        message: "signature invalid",
+      },
+    });
+    return;
+  }
+
+  try {
+    await supabaseClient.from("sharedContentAccessRequests").insert({
+      publicKey,
+      signature,
+      cid,
+    });
+  } catch (e) {
+    console.error(e);
+  }
+
+  try {
+    const fileData = await pinata.gateways.get(cid);
+    const { data: sharingInfo } = await supabaseClient
+      .from("sharedContentRegistrations")
+      .select()
+      .eq("cid", cid);
+    if (
+      fileData.contentType === "application/json" &&
+      !isNil(fileData.data) &&
+      !isNil(sharingInfo) &&
+      sharingInfo.length > 0
+    ) {
+      res.status(200).json({
+        result: "success",
+        value: {
+          contentInfo: first(sharingInfo)!,
+          contentDetails: fileData.data as unknown as SharedContentDetails,
+        },
+      });
+      return;
+    }
+    res.status(500).json({
+      result: "error",
+      error: {
+        message: "Invalid file found for this CID",
+      },
+    });
+  } catch (e) {
+    console.error(e);
+    res.status(500).json({
+      result: "error",
+      error: {
+        message: "An error occured retrieving this CID",
+      },
+    });
+  }
+}
+
+async function createSharedContent(
+  req: NextApiRequest,
+  res: NextApiResponse<SharedContentResponse>,
+) {
+  const data = req.body;
+  if (!isSharedContentCreationRequest(data)) {
+    res.status(400).json({
+      result: "error",
+      error: {
+        message: "Invalid request format",
+      },
+    });
+    return;
+  }
+
+  if (data.content.author !== data.metadata.publicKey) {
+    res.status(400).json({
+      result: "error",
+      error: {
+        message: "Metadata public key and content author must be the same",
+      },
+    });
+    return;
+  }
+
+  if (!validateSignable(data.content, "author")) {
+    res.status(400).json({
+      result: "error",
+      error: {
+        message: "Content signature invalid",
+      },
+    });
+    return;
+  }
+
+  if (!validateSignable(data.metadata, "publicKey")) {
+    res.status(400).json({
+      result: "error",
+      error: {
+        message: "Metadata signature invalid",
+      },
+    });
+    return;
+  }
+
+  try {
+    const ipfsUploadResp = await pinata.upload.json(data.content);
+    await supabaseClient.from("sharedContentRegistrations").insert({
+      cid: ipfsUploadResp.cid,
+      ...data.metadata,
+    });
+    res.status(200).json({
+      result: "success",
+      value: {
+        contentInfo: {
+          cid: ipfsUploadResp.cid,
+          ...data.metadata,
+        },
+      },
+    });
+  } catch (e) {
+    console.error(e);
+    res.status(500).json({
+      result: "error",
+      error: {
+        message: "An error occurred adding data to shared registry",
+      },
+    });
+  }
+}
+
+export default requestHandler({
+  get: retrieveSharedContent,
+  post: createSharedContent,
+});
diff --git a/src/supabase/database.d.ts b/src/supabase/database.d.ts
index 56a54470..bbc3ee76 100644
--- a/src/supabase/database.d.ts
+++ b/src/supabase/database.d.ts
@@ -91,6 +91,62 @@ export type Database = {
         };
         Relationships: [];
       };
+      sharedContentAccessRequests: {
+        Row: {
+          cid: string;
+          created_at: string;
+          id: number;
+          publicKey: string;
+          signature: string;
+        };
+        Insert: {
+          cid: string;
+          created_at?: string;
+          id?: number;
+          publicKey: string;
+          signature: string;
+        };
+        Update: {
+          cid?: string;
+          created_at?: string;
+          id?: number;
+          publicKey?: string;
+          signature?: string;
+        };
+        Relationships: [
+          {
+            foreignKeyName: "public_sharedContentAccessRequests_cid_fkey";
+            columns: ["cid"];
+            isOneToOne: false;
+            referencedRelation: "sharedContentRegistrations";
+            referencedColumns: ["cid"];
+          },
+        ];
+      };
+      sharedContentRegistrations: {
+        Row: {
+          cid: string;
+          name: string | null;
+          publicKey: string;
+          signature: string;
+          timestamp: string;
+        };
+        Insert: {
+          cid: string;
+          name?: string | null;
+          publicKey: string;
+          signature: string;
+          timestamp: string;
+        };
+        Update: {
+          cid?: string;
+          name?: string | null;
+          publicKey?: string;
+          signature?: string;
+          timestamp?: string;
+        };
+        Relationships: [];
+      };
       spaceOrderings: {
         Row: {
           fid: number;
@@ -120,7 +176,7 @@ export type Database = {
           {
             foreignKeyName: "public_spaceOrderings_fid_fkey";
             columns: ["fid"];
-            isOneToOne: false;
+            isOneToOne: true;
             referencedRelation: "fidRegistrations";
             referencedColumns: ["fid"];
           },
@@ -279,6 +335,7 @@ export type Database = {
           owner_id: string | null;
           path_tokens: string[] | null;
           updated_at: string | null;
+          user_metadata: Json | null;
           version: string | null;
         };
         Insert: {
@@ -292,6 +349,7 @@ export type Database = {
           owner_id?: string | null;
           path_tokens?: string[] | null;
           updated_at?: string | null;
+          user_metadata?: Json | null;
           version?: string | null;
         };
         Update: {
@@ -305,6 +363,7 @@ export type Database = {
           owner_id?: string | null;
           path_tokens?: string[] | null;
           updated_at?: string | null;
+          user_metadata?: Json | null;
           version?: string | null;
         };
         Relationships: [
@@ -326,6 +385,7 @@ export type Database = {
           key: string;
           owner_id: string | null;
           upload_signature: string;
+          user_metadata: Json | null;
           version: string;
         };
         Insert: {
@@ -336,6 +396,7 @@ export type Database = {
           key: string;
           owner_id?: string | null;
           upload_signature: string;
+          user_metadata?: Json | null;
           version: string;
         };
         Update: {
@@ -346,6 +407,7 @@ export type Database = {
           key?: string;
           owner_id?: string | null;
           upload_signature?: string;
+          user_metadata?: Json | null;
           version?: string;
         };
         Relationships: [

From 016fec059ce2ab805da3157fbd1b7e5ebc74c087 Mon Sep 17 00:00:00 2001
From: Julian Early <julian.is.early@gmail.com>
Date: Wed, 2 Oct 2024 17:23:14 -0700
Subject: [PATCH 6/7] feat: page to view shared content

---
 src/pages/share/[cid].tsx | 49 +++++++++++++++++++++++++++++++++++++++
 1 file changed, 49 insertions(+)
 create mode 100644 src/pages/share/[cid].tsx

diff --git a/src/pages/share/[cid].tsx b/src/pages/share/[cid].tsx
new file mode 100644
index 00000000..d2036230
--- /dev/null
+++ b/src/pages/share/[cid].tsx
@@ -0,0 +1,49 @@
+import React, { useEffect, useState } from "react";
+import { NextPageWithLayout } from "../_app";
+import { useRouter } from "next/router";
+import stringify from "fast-json-stable-stringify";
+import axiosBackend from "@/common/data/api/backend";
+import { useAppStore } from "@/common/data/stores/app";
+import { isUndefined } from "lodash";
+import { signSignable } from "@/common/lib/signedFiles";
+import { SharedContentResponse } from "../api/space/shared";
+
+const SharedImport: NextPageWithLayout = () => {
+  const router = useRouter();
+  const cid = router.query.cid as string;
+  const [loadedData, setLoadedData] = useState<object | string>();
+  const { getIdentity } = useAppStore((store) => ({
+    getIdentity: store.account.getCurrentIdentity,
+  }));
+  const identity = getIdentity();
+
+  // TO DO:
+  // Change this to import the data that is loaded instead of just displaying it
+  useEffect(() => {
+    if (isUndefined(identity)) {
+      setLoadedData("NOT LOGGED IN");
+      return;
+    }
+    const fn = async () => {
+      const paramsUnsigned = {
+        cid,
+        publicKey: identity.rootKeys.publicKey,
+      };
+      const params = signSignable(paramsUnsigned, identity.rootKeys.privateKey);
+      try {
+        const result = await axiosBackend.get<SharedContentResponse>(
+          "/api/space/shared",
+          { params },
+        );
+        setLoadedData(result.data.value ?? "Empty data");
+      } catch (e) {
+        setLoadedData("FAILED TO LOAD");
+      }
+    };
+    fn();
+  }, [cid, identity]);
+
+  return <div>{stringify(loadedData)}</div>;
+};
+
+export default SharedImport;

From 48ea7a2fbbdd5a1667837b76b93f29229a227726 Mon Sep 17 00:00:00 2001
From: Julian Early <julian.is.early@gmail.com>
Date: Wed, 2 Oct 2024 22:18:38 -0700
Subject: [PATCH 7/7] feat: share fidget example

---
 .../organisms/FidgetSettingsEditor.tsx        | 271 ++++++++++++------
 src/common/fidgets/FidgetWrapper.tsx          |   1 +
 src/pages/api/space/shared/index.ts           |  44 ++-
 3 files changed, 211 insertions(+), 105 deletions(-)

diff --git a/src/common/components/organisms/FidgetSettingsEditor.tsx b/src/common/components/organisms/FidgetSettingsEditor.tsx
index c0e9b178..56aa5471 100644
--- a/src/common/components/organisms/FidgetSettingsEditor.tsx
+++ b/src/common/components/organisms/FidgetSettingsEditor.tsx
@@ -5,7 +5,11 @@ import {
   FidgetFieldConfig,
 } from "@/common/fidgets";
 import BackArrowIcon from "../atoms/icons/BackArrow";
-import { FaTrashCan, FaTriangleExclamation } from "react-icons/fa6";
+import {
+  FaShareNodes,
+  FaTrashCan,
+  FaTriangleExclamation,
+} from "react-icons/fa6";
 import { Button } from "@/common/components/atoms/button";
 import {
   Tabs,
@@ -23,10 +27,23 @@ import {
   analytics,
   AnalyticsEvent,
 } from "@/common/providers/AnalyticsProvider";
+import Modal from "@/common/components/molecules/Modal";
+import Spinner from "../atoms/spinner";
+import axiosBackend from "@/common/data/api/backend";
+import { useAppStore } from "@/common/data/stores/app";
+import { isUndefined } from "lodash";
+import { signSignable } from "@/common/lib/signedFiles";
+import {
+  SharedContentDetails,
+  SharedContentInfo,
+  SharedContentResponse,
+} from "@/pages/api/space/shared";
+import moment from "moment";
 
 export type FidgetSettingsEditorProps = {
   fidgetId: string;
   readonly properties: FidgetProperties;
+  readonly fidgetType: string;
   settings: FidgetSettings;
   onSave: (settings: FidgetSettings, shouldUnselect?: boolean) => void;
   unselect: () => void;
@@ -127,12 +144,18 @@ export const FidgetSettingsEditor: React.FC<FidgetSettingsEditorProps> = ({
   fidgetId,
   properties,
   settings,
+  fidgetType,
   onSave,
   unselect,
   removeFidget,
 }) => {
+  const { getIdentity } = useAppStore((s) => ({
+    getIdentity: s.account.getCurrentIdentity,
+  }));
   const [showConfirmCancel, setShowConfirmCancel] = useState(false);
+  const [showShareModal, setShowShareModal] = useState(false);
   const [state, setState] = useState<FidgetSettings>(settings);
+  const [sharedURL, setSharedUrl] = useState<string>();
 
   useEffect(() => {
     setState(settings);
@@ -146,6 +169,52 @@ export const FidgetSettingsEditor: React.FC<FidgetSettingsEditorProps> = ({
     });
   };
 
+  const openShareModal = async () => {
+    const identity = getIdentity();
+    setShowShareModal(true);
+    if (isUndefined(identity)) {
+      setSharedUrl("NOT LOGGED IN");
+    } else {
+      const unsignedPostDetails: Omit<SharedContentInfo, "signature" | "cid"> =
+        {
+          publicKey: identity.rootKeys.publicKey,
+          name: "",
+          timestamp: moment().toISOString(),
+        };
+      const unsignedFidgetData: Omit<SharedContentDetails, "signature"> = {
+        type: "fidget",
+        content: {
+          settings,
+          fidgetType,
+        },
+        author: identity.rootKeys.publicKey,
+      };
+      try {
+        const resp = await axiosBackend.post<SharedContentResponse>(
+          "/api/space/shared/",
+          {
+            metadata: signSignable(
+              unsignedPostDetails,
+              identity.rootKeys.privateKey,
+            ),
+            content: signSignable(
+              unsignedFidgetData,
+              identity.rootKeys.privateKey,
+            ),
+          },
+        );
+        const cid = resp.data.value?.contentInfo.cid;
+        setSharedUrl(
+          cid
+            ? `https://nounspace.com/share/${cid}`
+            : "Error occurred, no CID returned",
+        );
+      } catch (e) {
+        setSharedUrl("Failed to create sharable link");
+      }
+    }
+  };
+
   // 'keypress' event misbehaves on mobile so we track 'Enter' key via 'keydown' event
   // const onKeyDown = (event: React.KeyboardEvent<HTMLFormElement>): void => {
   //   if (event.key === "Enter") {
@@ -161,120 +230,134 @@ export const FidgetSettingsEditor: React.FC<FidgetSettingsEditorProps> = ({
   );
 
   return (
-    <form
-      onSubmit={_onSave}
-      className="flex-col flex h-full"
-      // onKeyDown={onKeyDown}
-    >
-      <div className="h-full overflow-auto">
-        <div className="flex pb-4 m-2">
-          <button onClick={unselect} className="my-auto">
-            <BackArrowIcon />
-          </button>
-          <h1 className="capitalize text-lg pl-4">
-            Edit {properties.fidgetName} Fidget
-          </h1>
-        </div>
-        <div className="gap-3 flex flex-col">
-          <Tabs defaultValue="settings">
-            <TabsList className={tabListClasses}>
-              <TabsTrigger value="settings" className={tabTriggerClasses}>
-                Settings
-              </TabsTrigger>
-              {groupedFields.style.length > 0 && (
-                <TabsTrigger value="style" className={tabTriggerClasses}>
-                  Style
-                </TabsTrigger>
-              )}
-              {groupedFields.code.length > 0 && (
-                <TabsTrigger value="code" className={tabTriggerClasses}>
-                  Code
+    <>
+      <Modal open={showShareModal} setOpen={setShowShareModal}>
+        {sharedURL ? sharedURL : <Spinner />}
+      </Modal>
+      <form
+        onSubmit={_onSave}
+        className="flex-col flex h-full"
+        // onKeyDown={onKeyDown}
+      >
+        <div className="h-full overflow-auto">
+          <div className="flex pb-4 m-2">
+            <button onClick={unselect} className="my-auto">
+              <BackArrowIcon />
+            </button>
+            <h1 className="capitalize text-lg pl-4">
+              Edit {properties.fidgetName} Fidget
+            </h1>
+          </div>
+          <div className="gap-3 flex flex-col">
+            <Tabs defaultValue="settings">
+              <TabsList className={tabListClasses}>
+                <TabsTrigger value="settings" className={tabTriggerClasses}>
+                  Settings
                 </TabsTrigger>
-              )}
-            </TabsList>
-            <TabsContent value="settings" className={tabContentClasses}>
-              <FidgetSettingsGroup
-                fidgetId={fidgetId}
-                fields={groupedFields.settings}
-                state={state}
-                setState={setState}
-                onSave={onSave}
-              />
-            </TabsContent>
-            {groupedFields.style.length > 0 && (
-              <TabsContent value="style" className={tabContentClasses}>
-                <FidgetSettingsGroup
-                  fidgetId={fidgetId}
-                  fields={groupedFields.style}
-                  state={state}
-                  setState={setState}
-                  onSave={onSave}
-                />
-              </TabsContent>
-            )}
-            {groupedFields.code.length > 0 && (
-              <TabsContent value="code" className={tabContentClasses}>
+                {groupedFields.style.length > 0 && (
+                  <TabsTrigger value="style" className={tabTriggerClasses}>
+                    Style
+                  </TabsTrigger>
+                )}
+                {groupedFields.code.length > 0 && (
+                  <TabsTrigger value="code" className={tabTriggerClasses}>
+                    Code
+                  </TabsTrigger>
+                )}
+              </TabsList>
+              <TabsContent value="settings" className={tabContentClasses}>
                 <FidgetSettingsGroup
                   fidgetId={fidgetId}
-                  fields={groupedFields.code}
+                  fields={groupedFields.settings}
                   state={state}
                   setState={setState}
                   onSave={onSave}
                 />
               </TabsContent>
-            )}
-          </Tabs>
+              {groupedFields.style.length > 0 && (
+                <TabsContent value="style" className={tabContentClasses}>
+                  <FidgetSettingsGroup
+                    fidgetId={fidgetId}
+                    fields={groupedFields.style}
+                    state={state}
+                    setState={setState}
+                    onSave={onSave}
+                  />
+                </TabsContent>
+              )}
+              {groupedFields.code.length > 0 && (
+                <TabsContent value="code" className={tabContentClasses}>
+                  <FidgetSettingsGroup
+                    fidgetId={fidgetId}
+                    fields={groupedFields.code}
+                    state={state}
+                    setState={setState}
+                    onSave={onSave}
+                  />
+                </TabsContent>
+              )}
+            </Tabs>
+          </div>
         </div>
-      </div>
 
-      <div className="shrink-0 flex flex-col gap-3 pb-8">
-        {showConfirmCancel ? (
-          // Back Button and Exit Button (shows second)
-          <>
-            <div className="pt-2 flex gap-2 items-center justify-center">
+        <div className="shrink-0 flex flex-col gap-3 pb-8">
+          {showConfirmCancel ? (
+            // Back Button and Exit Button (shows second)
+            <>
+              <div className="pt-2 flex gap-2 items-center justify-center">
+                <Button
+                  type="button"
+                  onClick={() => setShowConfirmCancel(false)}
+                  size="icon"
+                  variant="secondary"
+                >
+                  <BackArrowIcon />
+                </Button>
+                <Button
+                  type="button"
+                  onClick={() => {
+                    removeFidget(fidgetId);
+                  }}
+                  variant="destructive"
+                  width="auto"
+                >
+                  <FaTriangleExclamation
+                    className="h-8l shrink-0"
+                    aria-hidden="true"
+                  />
+                  <span className="ml-4 mr-4">Delete</span>
+                </Button>
+              </div>
+            </>
+          ) : (
+            // X Button and Save Button (shows first)
+            <div className="pt-2 gap-2 flex items-center justify-center">
               <Button
                 type="button"
-                onClick={() => setShowConfirmCancel(false)}
+                onClick={() => setShowConfirmCancel(true)}
                 size="icon"
                 variant="secondary"
               >
-                <BackArrowIcon />
+                <FaTrashCan className="h-8l shrink-0" aria-hidden="true" />
               </Button>
+
               <Button
                 type="button"
-                onClick={() => {
-                  removeFidget(fidgetId);
-                }}
-                variant="destructive"
-                width="auto"
+                onClick={() => openShareModal()}
+                size="icon"
+                variant="secondary"
               >
-                <FaTriangleExclamation
-                  className="h-8l shrink-0"
-                  aria-hidden="true"
-                />
-                <span className="ml-4 mr-4">Delete</span>
+                <FaShareNodes className="h-8l shrink-0" aria-hidden="true" />
               </Button>
-            </div>
-          </>
-        ) : (
-          // X Button and Save Button (shows first)
-          <div className="pt-2 gap-2 flex items-center justify-center">
-            <Button
-              type="button"
-              onClick={() => setShowConfirmCancel(true)}
-              size="icon"
-              variant="secondary"
-            >
-              <FaTrashCan className="h-8l shrink-0" aria-hidden="true" />
-            </Button>
 
-            <Button type="submit" variant="primary" width="auto">
-              <div className="flex items-center">Done</div>
-            </Button>
-          </div>
-        )}
-      </div>
-    </form>
+              <Button type="submit" variant="primary" width="auto">
+                <div className="flex items-center">Done</div>
+              </Button>
+            </div>
+          )}
+        </div>
+      </form>
+    </>
   );
 };
 
diff --git a/src/common/fidgets/FidgetWrapper.tsx b/src/common/fidgets/FidgetWrapper.tsx
index 971749c1..fd8fa621 100644
--- a/src/common/fidgets/FidgetWrapper.tsx
+++ b/src/common/fidgets/FidgetWrapper.tsx
@@ -75,6 +75,7 @@ export function FidgetWrapper({
     setCurrentFidgetSettings(
       <FidgetSettingsEditor
         fidgetId={bundle.id}
+        fidgetType={bundle.fidgetType}
         properties={bundle.properties}
         settings={settingsWithDefaults}
         onSave={onSave}
diff --git a/src/pages/api/space/shared/index.ts b/src/pages/api/space/shared/index.ts
index 921b436b..4eb3501d 100644
--- a/src/pages/api/space/shared/index.ts
+++ b/src/pages/api/space/shared/index.ts
@@ -4,10 +4,18 @@ import requestHandler, {
 } from "@/common/data/api/requestHandler";
 import supabaseClient from "@/common/data/database/supabase/clients/server";
 import { UpdatableSpaceConfig } from "@/common/data/stores/app/space/spaceStore";
-import { FidgetInstanceData } from "@/common/fidgets";
+import { FidgetInstanceData, FidgetSettings } from "@/common/fidgets";
 import { isSignable, validateSignable } from "@/common/lib/signedFiles";
 import { UserTheme } from "@/common/lib/theme";
-import { first, includes, isArray, isNil, isObject, isUndefined } from "lodash";
+import {
+  first,
+  includes,
+  isArray,
+  isNil,
+  isObject,
+  isString,
+  isUndefined,
+} from "lodash";
 import { NextApiRequest, NextApiResponse } from "next/types";
 
 export type SharedContentInfo = {
@@ -30,7 +38,10 @@ type SharedTab = SharedContentBase & {
 
 type SharedFidget = SharedContentBase & {
   type: "fidget";
-  content: FidgetInstanceData;
+  content: {
+    fidgetType: string;
+    settings: FidgetSettings;
+  };
 };
 
 type SharedTheme = SharedContentBase & {
@@ -114,17 +125,28 @@ async function retrieveSharedContent(
       .from("sharedContentRegistrations")
       .select()
       .eq("cid", cid);
-    if (
-      fileData.contentType === "application/json" &&
-      !isNil(fileData.data) &&
-      !isNil(sharingInfo) &&
-      sharingInfo.length > 0
-    ) {
+    if (isNil(fileData.data)) {
+      res.status(500).json({
+        result: "error",
+        error: {
+          message: "Invalid file found for this CID",
+        },
+      });
+      return;
+    }
+    const sharedContent = (
+      fileData.data instanceof Blob
+        ? JSON.parse(await fileData.data.text())
+        : isString(fileData.data)
+          ? JSON.parse(fileData.data)
+          : fileData.data
+    ) as SharedContentDetails;
+    if (!isNil(sharingInfo) && sharingInfo.length > 0) {
       res.status(200).json({
         result: "success",
         value: {
           contentInfo: first(sharingInfo)!,
-          contentDetails: fileData.data as unknown as SharedContentDetails,
+          contentDetails: sharedContent,
         },
       });
       return;
@@ -192,7 +214,7 @@ async function createSharedContent(
   }
 
   try {
-    const ipfsUploadResp = await pinata.upload.json(data.content);
+    const ipfsUploadResp = await pinata.upload.json(data.content, {});
     await supabaseClient.from("sharedContentRegistrations").insert({
       cid: ipfsUploadResp.cid,
       ...data.metadata,