Vanilla JS SDK Update
Vanilla JS SDK Update
Vanilla JS SDK Update
Dec 12, 2023
Dec 12, 2023
Dec 12, 2023
Christian Mathiesen
Christian Mathiesen
Christian Mathiesen
A few months ago, we announced our Vanilla Javascript SDK which can be used in any stack that runs Javascipt (including Node.js). Since launching the SDK, we've incorporated a great deal of feedback and greatly simplified the API and models.
For instance, working with the lifecycle of Flows has been greatly simplified:
// Init the SDK const frigade = new Frigade('FRIGADE_API_KEY', { userId: "my-user-id" }) // Marking a flow as completed: const flow = await frigade.getFlow('FLOW_ID') await flow.complete() // Marking a step in a flow as completed: const flow = await frigade.getFlow('FLOW_ID') const step = flow.steps.get('STEP_ID') await step.start() await step.complete()
Additionally, we've introduced global event handlers to easily trigger actions in your application as a user progresses through a Flow:
// This callback will be called when a the current user/group changes state in any flow const callback = (updatedFlow, previousFlow) => { console.log('Flow state changed:', flow.isCompleted) console.log('Step state changed:', flow.steps.get('STEP_ID').isCompleted) } frigade.onStateChange(callback)
In the coming months, we'll continue to invest in the JS SDK as it becomes the foundation of all our Javascript-based SDKs. Get started with the Frigade Vanilla JS SDK here.
A few months ago, we announced our Vanilla Javascript SDK which can be used in any stack that runs Javascipt (including Node.js). Since launching the SDK, we've incorporated a great deal of feedback and greatly simplified the API and models.
For instance, working with the lifecycle of Flows has been greatly simplified:
// Init the SDK const frigade = new Frigade('FRIGADE_API_KEY', { userId: "my-user-id" }) // Marking a flow as completed: const flow = await frigade.getFlow('FLOW_ID') await flow.complete() // Marking a step in a flow as completed: const flow = await frigade.getFlow('FLOW_ID') const step = flow.steps.get('STEP_ID') await step.start() await step.complete()
Additionally, we've introduced global event handlers to easily trigger actions in your application as a user progresses through a Flow:
// This callback will be called when a the current user/group changes state in any flow const callback = (updatedFlow, previousFlow) => { console.log('Flow state changed:', flow.isCompleted) console.log('Step state changed:', flow.steps.get('STEP_ID').isCompleted) } frigade.onStateChange(callback)
In the coming months, we'll continue to invest in the JS SDK as it becomes the foundation of all our Javascript-based SDKs. Get started with the Frigade Vanilla JS SDK here.
A few months ago, we announced our Vanilla Javascript SDK which can be used in any stack that runs Javascipt (including Node.js). Since launching the SDK, we've incorporated a great deal of feedback and greatly simplified the API and models.
For instance, working with the lifecycle of Flows has been greatly simplified:
// Init the SDK const frigade = new Frigade('FRIGADE_API_KEY', { userId: "my-user-id" }) // Marking a flow as completed: const flow = await frigade.getFlow('FLOW_ID') await flow.complete() // Marking a step in a flow as completed: const flow = await frigade.getFlow('FLOW_ID') const step = flow.steps.get('STEP_ID') await step.start() await step.complete()
Additionally, we've introduced global event handlers to easily trigger actions in your application as a user progresses through a Flow:
// This callback will be called when a the current user/group changes state in any flow const callback = (updatedFlow, previousFlow) => { console.log('Flow state changed:', flow.isCompleted) console.log('Step state changed:', flow.steps.get('STEP_ID').isCompleted) } frigade.onStateChange(callback)
In the coming months, we'll continue to invest in the JS SDK as it becomes the foundation of all our Javascript-based SDKs. Get started with the Frigade Vanilla JS SDK here.
