![Deno 2.2 Improves Dependency Management and Expands Node.js Compatibility](https://cdn.sanity.io/images/cgdhsj6q/production/97774ea8c88cc8f4bed2766c31994ebc38116948-1664x1366.png?w=400&fit=max&auto=format)
Security News
Deno 2.2 Improves Dependency Management and Expands Node.js Compatibility
Deno 2.2 enhances Node.js compatibility, improves dependency management, adds OpenTelemetry support, and expands linting and task automation for developers.
@fileverse-dev/dpage
Advanced tools
This repo contains example - demo source code and package code
/package
contains the package code
import { DPageEditor } from '@fileverse-dev/dpage'
import '@fileverse-dev/dpage/styles'
in App.jsx/App.tsx
In your tailwind config, add this line to content array
@fileverse-dev/dpage/dist/index.es.js
That's it, you should be able to use DpageEditor now
The Dpage
interface is a TypeScript interface that defines the properties for a component related to a page. This interface includes properties for handling preview mode, publishing data, and optional data related to the page's metadata and content.
Property | Type | Description |
---|---|---|
isPreviewMode | boolean | Indicates whether the page is in preview mode or not. |
data (optional) | Data | Optional property holding data related to the page. |
enableCollaboration (optional) | boolean | Optional property to enable collaboration |
onCommentInteraction (optional) | (commentInfo: IEditSelectionData) => void | Optional function that get's called whenever there is a mouse-over and click interaction on a comment |
collaborationId (optional) | string | When using enableCollaboration, you need to provide collaborationId, it can be uuid of doc |
onTextSelection (optional) | (data: IEditorSelectionData) => void | Function called when a text is selected on the editor |
renderToolRightSection (optional) | ({editor}) => JSX.Element | Function that render the right section of the toolbar. it calls the function with the editor instance |
renderToolLeftSection (optional) | ({editor}) => JSX.Element | Accept a react component |
username (required when using collaboration) | boolean | Takes a username which can be used by collaboration cursor |
walletAddress (optional) | string | Takes a wallet address |
ref (optional) | any | Gets editor instance |
ensResolutionUrl (optional) | string | Api Url for resolving ens names |
initialContent (optional) | JSONContent | Initial content of the editor |
onChange (optional) | (changes: {editor: JSONContent, documentData: Data}) => void | Optional function that gets triggered with the latest content of the editor on every change in the editor |
onCollaboratorChange (optional) | (collaborators?: IDocCollabUsers[] ) => void | Optional function that gets triggered when a user join or leave the doc during collaboration |
onError (optional) | (errorString: string) => void | Function to call on error |
setCharacterCount (optional) | React.Dispatch<SetStateAction<number>> | Optional. React Set State function to update Character Count |
setWordCount (optional) | React.Dispatch<SetStateAction<number>> | Optional. React Set State function to update Word Count |
The Data
interface defines the structure of the data object
Property | Type | Description |
---|---|---|
editorJSONData | JSONContent | Contains JSON data for the editor content. |
npm i
npm run dev
It will open up a vite server, that will have the Dpage Editor
⚠️ This repository is currently undergoing rapid development, with frequent updates and changes. We recommend not to use in production yet
FAQs
Dpage
The npm package @fileverse-dev/dpage receives a total of 1 weekly downloads. As such, @fileverse-dev/dpage popularity was classified as not popular.
We found that @fileverse-dev/dpage demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 0 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.
Security News
Deno 2.2 enhances Node.js compatibility, improves dependency management, adds OpenTelemetry support, and expands linting and task automation for developers.
Security News
React's CRA deprecation announcement sparked community criticism over framework recommendations, leading to quick updates acknowledging build tools like Vite as valid alternatives.
Security News
Ransomware payment rates hit an all-time low in 2024 as law enforcement crackdowns, stronger defenses, and shifting policies make attacks riskier and less profitable.