
Research
Malicious npm Packages Impersonate Flashbots SDKs, Targeting Ethereum Wallet Credentials
Four npm packages disguised as cryptographic tools steal developer credentials and send them to attacker-controlled Telegram infrastructure.
@fileverse-dev/dsheet
Advanced tools
dsheets.new is your decentralised alternative to google sheets & excel. Use it to read, manipulate, and even write onchain data, in real-time. Built on the same middleware as ddocs.new, the app is privacy-first, self-sovereign, and gives you full control over your data <3
Install via npm to get started:
npm install @fileverse-dev/dsheet
Add the following imports
import DsheetEditor from '@fileverse-dev/dsheet';
import '@fileverse-dev/dsheet/styles';
Add to your tailwind.config.js
:
module.exports = {
content: [
"./src/**/*.{js,jsx,ts,tsx}",
"./node_modules/@fileverse-dev/dsheet/dist/index.es.js"
]
}
function App() {
const [data, setData] = useState({});
return (
<DsheetEditor
isAuthorized={true}
dsheetId="my-sheet-id"
onChange={(updateData) => setData(updateData)}
/>
);
}
Prop | Type | Description |
---|---|---|
isAuthorized | boolean | Authorization status for the user |
dsheetId | string | Unique identifier for collaboration room |
Prop | Type | Default | Description |
---|---|---|---|
onChange | (data: SheetUpdateData, encodedUpdate?: string) => void | - | Callback when sheet data changes |
portalContent | string | - | Encoded initial sheet data |
isReadOnly | boolean | false | Enable read-only mode |
allowComments | boolean | false | Enable comments (requires isReadOnly=true ) |
username | string | - | Username for collaboration |
isCollaborative | boolean | false | Enable collaborative features |
enableWebrtc | boolean | true | Enable WebRTC for P2P collaboration |
enableIndexeddbSync | boolean | true | Enable local IndexedDB persistence |
isTemplateOpen | boolean | - | Template sidebar state |
selectedTemplate | string | - | Selected template identifier |
onboardingComplete | boolean | - | Onboarding completion status |
sheetEditorRef | RefObject<WorkbookInstance> | - | External ref to editor instance |
Prop | Type | Description |
---|---|---|
renderNavbar | (editorValues?: EditorValues) => JSX.Element | Custom navbar renderer |
onboardingHandler | OnboardingHandlerType | Custom onboarding logic |
dataBlockApiKeyHandler | DataBlockApiKeyHandlerType | API key handler for data blocks |
getCommentCellUI | (row: number, column: number) => void | Custom comment UI handler |
commentData | Object | Comment data for cells |
toggleTemplateSidebar | () => void | Template sidebar toggle handler |
storeApiKey | (apiKeyName: string) => void | API key storage handler |
onDataBlockApiResponse | (dataBlockName: string) => void | Data block API response handler |
onDuneChartEmbed | () => void | Dune chart embed handler |
onSheetCountChange | (sheetCount: number) => void | Sheet count change handler |
Prop | Type | Description |
---|---|---|
setShowFetchURLModal | Dispatch<SetStateAction<boolean>> | URL fetch modal state setter |
setFetchingURLData | (fetching: boolean) => void | URL fetching state setter |
setInputFetchURLDataBlock | Dispatch<SetStateAction<string>> | URL input state setter |
setForceSheetRender | Dispatch<SetStateAction<number>> | Force re-render trigger |
<DsheetEditor
isAuthorized={true}
dsheetId="viewer-sheet"
isReadOnly={true}
allowComments={true}
portalContent={encodedData}
onChange={() => {}}
/>
<DsheetEditor
isAuthorized={true}
dsheetId="collab-sheet"
username="john-doe"
isCollaborative={true}
enableWebrtc={true}
onChange={(data) => console.log('Sheet updated:', data)}
/>
<DsheetEditor
isAuthorized={true}
dsheetId="custom-sheet"
renderNavbar={(editorValues) => (
<div className="flex items-center gap-4">
<h1>My Custom Sheet</h1>
<button onClick={() => editorValues?.sheetEditorRef.current?.exportToExcel()}>
Export
</button>
</div>
)}
/>
<DsheetEditor
isAuthorized={true}
dsheetId="template-sheet"
selectedTemplate="financial-budget"
isTemplateOpen={true}
toggleTemplateSidebar={() => setTemplateOpen(!templateOpen)}
/>
cd demo
npm install
npm run dev
npm run build
All props are fully typed. Import types:
import { DsheetProps, SheetUpdateData, EditorValues } from '@fileverse-dev/dsheet/types';
MIT
FAQs
DSheet
The npm package @fileverse-dev/dsheet receives a total of 1,343 weekly downloads. As such, @fileverse-dev/dsheet popularity was classified as popular.
We found that @fileverse-dev/dsheet demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 6 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Research
Four npm packages disguised as cryptographic tools steal developer credentials and send them to attacker-controlled Telegram infrastructure.
Security News
Ruby maintainers from Bundler and rbenv teams are building rv to bring Python uv's speed and unified tooling approach to Ruby development.
Security News
Following last week’s supply chain attack, Nx published findings on the GitHub Actions exploit and moved npm publishing to Trusted Publishers.