ipfs util dependencies update

CHANGELOG.md

@@ -4,6 +4,10 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [0.0.0-rc.19] - 2023-08-15
+### Changed
+- `@tokene/toolkit` - `IpfsUtil` class now is using `kubo-rpc-client`
+
 ## [0.0.0-rc.18] - 2023-08-10
 ### Fixed
 - `@tokene/toolkit` - `abbrCenter` function
@@ -164,7 +168,8 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - Initial release
 - `root` - `@tokene/toolkit` package
 
-[Unreleased]: https://github.com/dl-tokene/webkit/compare/0.0.0-rc.18...HEAD
+[Unreleased]: https://github.com/dl-tokene/webkit/compare/0.0.0-rc.19...HEAD
+[0.0.0-rc.19]: https://github.com/dl-tokene/webkit/compare/0.0.0-rc.18...0.0.0-rc.19
 [0.0.0-rc.18]: https://github.com/dl-tokene/webkit/compare/0.0.0-rc.17...0.0.0-rc.18
 [0.0.0-rc.17]: https://github.com/dl-tokene/webkit/compare/0.0.0-rc.16...0.0.0-rc.17
 [0.0.0-rc.16]: https://github.com/dl-tokene/webkit/compare/0.0.0-rc.15...0.0.0-rc.16

packages/sdk/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tokene/sdk",
-  "version": "0.0.0-rc.18",
+  "version": "0.0.0-rc.19",
   "description": "Collection of common interactions with TokenE graph and core contracts",
   "repository": {
     "type": "git",

packages/styles/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tokene/styles",
-  "version": "0.0.0-rc.18",
+  "version": "0.0.0-rc.19",
   "description": "Default styles for every single frontend module of TokenE",
   "repository": {
     "type": "git",

packages/toasts/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tokene/toasts",
-  "version": "0.0.0-rc.18",
+  "version": "0.0.0-rc.19",
   "description": "Vue based toasts",
   "repository": {
     "type": "git",

packages/toolkit/README.md

@@ -48,9 +48,9 @@ If you're using `helpers`, `errors`, `enums` only, you can skip this step.
 import { IpfsUtil } from '@tokene/toolkit'
 
 const ipfsEntity = new IpfsUtil<{ someData: string }>({
-  rawData: JSON.stringify({
+  rawData: {
     someData: 'lorem ipsum dolor sit amet concestetur!',
-  }),
+  },
 })
 
 await ipfsEntity.uploadSelf()

packages/toolkit/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tokene/toolkit",
-  "version": "0.0.0-rc.18",
+  "version": "0.0.0-rc.19",
   "description": "Collection of common utility functions and classes in tokenE frontend modules",
   "repository": {
     "type": "git",
@@ -54,7 +54,7 @@
     "@vueuse/integrations": "^10.1.2",
     "axios": "^1.3.6",
     "i18next": "^22.4.15",
-    "ipfs-http-client": "^60.0.0",
+    "kubo-rpc-client": "^3.0.1",
     "lodash": "^4.17.21",
     "loglevel": "^1.8.1",
     "universal-cookie": "^4.0.4",

packages/toolkit/src/utils/ipfs.util.ts

@@ -1,22 +1,21 @@
 import axios from 'axios'
-import type { ImportCandidate } from 'ipfs-core-types/src/utils'
-import { create, type IPFSHTTPClient } from 'ipfs-http-client'
+import { create, type IPFSHTTPClient } from 'kubo-rpc-client'
 
 import { toolkitConfig } from '@/globals'
 
 const PREFIX = 'ipfs://'
 
 export class IpfsUtil<T> {
   private _rawData?: T
-  private _path?: string
-  private _paths = [] as string[]
+  private _cid?: string
+  private _cids = [] as string[]
   private _ipfsApi: IPFSHTTPClient
 
-  constructor(options: { rawData?: T; path?: string }) {
-    const { rawData, path } = options
+  constructor(options: { rawData?: T; cid?: string }) {
+    const { rawData, cid } = options
 
     this._rawData = rawData
-    this._path = path
+    this._cid = cid
     this._ipfsApi = create({
       url: `${toolkitConfig.API_IPFS_URL}/api/api/v0`,
     })
@@ -26,40 +25,44 @@ export class IpfsUtil<T> {
     if (!this._rawData) throw new Error('No data provided to upload')
 
     if (Array.isArray(this._rawData)) {
-      for await (const { path } of this._ipfsApi.addAll(
-        this._rawData as ImportCandidate[],
-      )) {
-        this._paths.push(path)
+      const dataArrayToAdd = this._rawData.map(item => ({
+        content: JSON.stringify(item),
+      }))
+      for await (const { path } of this._ipfsApi.addAll(dataArrayToAdd)) {
+        this._cids.push(path)
       }
-    } else {
-      const { path } = await this._ipfsApi.add(this._rawData as ImportCandidate)
-      this._path = path
+      return
     }
+
+    const { path } = await this._ipfsApi.add({
+      content: JSON.stringify(this._rawData),
+    })
+    this._cid = path
   }
 
   async loadSelf(): Promise<T> {
-    if (!this._path) throw new Error('No path provided to load')
+    if (!this._cid) throw new Error('No path provided to load')
 
     const { data } = await axios.get(this.publicUrl)
 
     return data as T
   }
 
   get publicUrl() {
-    return this._path
-      ? `${toolkitConfig.API_IPFS_URL}/ipfs/ipfs/${this._path.replace(
+    return this._cid
+      ? `${toolkitConfig.API_IPFS_URL}/ipfs/ipfs/${this._cid.replace(
           PREFIX,
           '',
         )}`
       : ''
   }
 
-  get path() {
-    return `${PREFIX}${this._path}`
+  get cid() {
+    return `${PREFIX}${this._cid}`
   }
 
-  get paths() {
-    return this._paths.map(el => `${PREFIX}${el}`)
+  get cids() {
+    return this._cids.map(el => `${PREFIX}${el}`)
   }
 
   get ipfsApi() {

packages/ui-kit/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tokene/ui-kit",
-  "version": "0.0.0-rc.18",
+  "version": "0.0.0-rc.19",
   "description": "Collection of common TokenE vue components",
   "repository": {
     "type": "git",

packages/vue-web3-provider/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tokene/vue-web3-provider",
-  "version": "0.0.0-rc.18",
+  "version": "0.0.0-rc.19",
   "description": "The Vue reactive wrapper for @distributedlab/w3p",
   "repository": {
     "type": "git",