• 

  Logo

BaseFlow SDKs - Video Script

🎬 Introduction

BaseFlow SDKs help you write modern web code confidently, knowing exactly which features are supported across browsers, while providing a complete developer toolkit.

🚀 Elevator Pitch

"Write modern web code confidently — know browser support instantly with BaseFlow SDKs."

Inspiration

Modern web development is moving fast, and developers often struggle to know which features are safe to use across browsers. I wanted to build a tool that makes it easy to check compatibility in real time and integrate it directly into developers’ workflows.

What it does

BaseFlow SDKs provide a complete toolkit for web developers:

• Scan your JavaScript and CSS code for feature compatibility.
• Get browser support details for every feature.
• Use it via SDKs, CLI, ESLint plugin, or VSCode extension.

It ensures your code works everywhere, from Chrome to Safari.

How we built it

We built BaseFlow SDKs on top of the Web-Features SDK and MDN Baseline data, including:

• 1000+ web features with browser support information.
• Modular packages: SDK, CLI, ESLint plugin.
• VSCode extension for real-time feedback while coding.

Demo Overview

Here’s a quick demo of how BaseFlow SDKs work:

SDK Demo

import { createDefaultSdk } from 'baseline-toolkit';

const sdk = createDefaultSdk();
const code = `
const arr = [3,1].toSorted();
const obj = data?.user ?? 'default';
const hasKey = Object.hasOwn(obj, 'name');
`;
const result = await sdk.scanCode(code, { target: 'widely' });
console.log(result.issues);

Built With

• eslint
• extension
• javascript-(es6+)
• mdn-web-features-dataset
• node.js
• npm
• typescript
• vscode
• web-features-sdk