cadence-webpack-plugin
Webpack plugin that helps importing .cdc files and polyfills fcl dependencies
This fixes the Buffer is not defined and Module not found: Error: Can't resolve 'http' bugs
Install
npm i cadence-webpack-plugin -D
Usage
import MINT_NFT from './flow/mint-nft.cdc'
await mutate({
cadence: MINT_NFT,
// ...
});
Before/After
This plugin helps improve the development experience by allowing the import of Cadence code within a .cdc file directly in Javascript, instead of needing to wrap the Cadence code in a Javascript const wrapper.
Previously we may have needed to do the following:
export const GET_FUSD_BALANCE = `
import FungibleToken from 0xFungibleToken
import FUSD from 0xFUSD
pub fun main(address: Address): UFix64 {
let account = getAccount(address)
let vaultRef = account
.getCapability(/public/fusdBalance)
.borrow<&FUSD.Vault{FungibleToken.Balance}>()
?? panic("Could not borrow Balance capability")
return vaultRef.balance
}
`
Importing directly into JS without wrapping the Cadence code allows us to see the syntax highlighting when modifying the Cadence code because it is in its native .cdc format.
Example:
Setup with Webpack
In your webpack.config.js
const CadencePlugin = require('cadence-webpack-plugin')
module.exports = {
// ...
plugins: [
new CadencePlugin(),
// ...
]
}
Shortcut setup with Nullstack
In your webpack.config.js
const [server, client] = require('nullstack/webpack.config');
const { applyCadencePlugin } = require('cadence-webpack-plugin')
module.exports = applyCadencePlugin([server, client])
License
This project is released under the MIT License.
14 Sep 30, 2022
33 Oct 23, 2022
4 Jan 25, 2022
181 Dec 22, 2022
27 Dec 10, 2022
6 Aug 8, 2022
84 Nov 17, 2022
9 Nov 27, 2022
10 May 7, 2022
580 Dec 30, 2022