chore: unify the default visibility (#42)

Author: devinxl

docs/src/components/UploadKit/index.tsx

@@ -38,7 +38,7 @@ const uploadOptions: UploadKitOptions = {
     operatorAddress: '0x89A1CC91B642DECbC4789474694C606E0E0c420b',
     endpoint: 'https://gnfd-testnet-sp1.bnbchain.org',
   },
-  visibility: 'VISIBILITY_TYPE_PRIVATE',
+  visibility: 'VISIBILITY_TYPE_PUBLIC_READ',
 };
 
 export default function App() {

examples/uploadkit-with-nextjs-rainbowkit/src/app/providers.tsx

@@ -32,7 +32,7 @@ const wagmiConfig = createConfig({
 
 const uploadOptions: UploadKitOptions = {
   client: client,
-  visibility: 'VISIBILITY_TYPE_PRIVATE',
+  visibility: 'VISIBILITY_TYPE_PUBLIC_READ',
 };
 
 export default function Providers({ children }: { children: React.ReactNode }) {

examples/uploadkit-with-nextjs-walletkit/src/app/providers.tsx

@@ -33,7 +33,7 @@ const options: WalletKitOptions = {
 
 const uploadOptions: UploadKitOptions = {
   client: client,
-  visibility: 'VISIBILITY_TYPE_PRIVATE',
+  visibility: 'VISIBILITY_TYPE_PUBLIC_READ',
 };
 
 export default function Providers({ children }: { children: React.ReactNode }) {

examples/uploadkit-with-remix-rainbowkit/app/root.tsx

@@ -58,7 +58,7 @@ export const loader: LoaderFunction = () => {
 
 const uploadOptions: UploadKitOptions = {
   client: client,
-  visibility: 'VISIBILITY_TYPE_PRIVATE',
+  visibility: 'VISIBILITY_TYPE_PUBLIC_READ',
 };
 export default function App() {
   const { ENV } = useLoaderData<LoaderData>();

packages/uploadkit/dev/App.tsx

@@ -50,7 +50,7 @@ const uploadOptions: UploadKitOptions = {
     operatorAddress: '0x89A1CC91B642DECbC4789474694C606E0E0c420b',
     endpoint: 'https://gnfd-testnet-sp1.bnbchain.org',
   },
-  visibility: 'VISIBILITY_TYPE_PRIVATE',
+  visibility: 'VISIBILITY_TYPE_PUBLIC_READ',
   // onError: console.log,
 };
 
@@ -64,7 +64,7 @@ export default function App() {
       <button onClick={() => setMode(nextMode)}>switch to {nextMode}</button>
       <div style={{ height: 20 }} />
       <WalletKitProvider options={options} mode="light">
-        <UploadKitProvider options={uploadOptions} mode={mode} debugMode={true}>
+        <UploadKitProvider options={uploadOptions} mode={mode}>
           <WalletKitButton />
           <SwitchNetworkModal />
           <div style={{ height: 16 }}></div>

packages/uploadkit/src/components/UploadButton/index.tsx

@@ -30,16 +30,13 @@ export const UploadButton = (props: ButtonProps) => {
   const { totalFee } = useTotalFee();
   const { address, connector } = useAccount();
   const {
-    options: { seedString, sp, visibility, bucketName, onError },
+    options: { client, seedString, sp, visibility, bucketName, onError },
   } = useUploadKitContext();
   const { isGnfd, uploadButtonDisabled } = useUploadDisable();
   const {
     state: { loading },
     dispatch,
   } = useUpload();
-  const {
-    options: { client },
-  } = useUploadKitContext();
   const setLoading = (show: boolean) => {
     dispatch({
       type: 'SET_IS_LOADING',