
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.
svelte-data-filter
Advanced tools
Gives to user an intuitive UI to filter a given collection of records.
This is a template for Svelte packages development. It includes:
This template is based on our svelte web template, but will build for npm packages.
The generated bundle is a single js file, that have inline css and assets (images and fonts). Please be carefully with your assets to not increase too much the bundle size.
The package can be used as a npm vanila-js module, as a browser-js-module or as a svelte componente.
This template use storybook, and generate at the master branch an static storybook page, so you can use the storybook as documentation for your package.
# clone recent files
git clone --depth 1 https://gitlab.com/team-tecnologia/templates-and-snippets/svelte-package-template project-name
# enter the project
cd project-name
# remove git repository
rm -rf .git
Install the asdf.
Install the asdf node plugin.
Install the node with asdf:
asdf install
npm install
Change the name, description, git, and others at the package.json
.
Change this readme.md. At README-example
we have a default use case of the readme if you want to use. Don't forget to change the examples and the storybook page link.
You must develop using storybook.
npm run build # generate production build
npm run test # run jest tests and snapshot tests
npm run test:ui # run screenshot test with server to view diffs
npm run test:ui-cli # run screenshot test without server (docker must be running)
npm run storybook # run the storybook server (docker must be running)
This project have jest to test js modules and components, storybook, storybook creevey to screenshot teste and storyshots.
Use all as you needed.
src/Changelogs.stories.mdx
file.Learn to configure the linter to work with your code editor in the
eslint-plugin-svelte3 integrations page.
You can add linter configurations on the file .eslintrc.cjs
but be careful and
add Typescript related rules only for typescript.
FAQs
Gives to user an intuitive UI to filter a given collection of records.
The npm package svelte-data-filter receives a total of 0 weekly downloads. As such, svelte-data-filter popularity was classified as not popular.
We found that svelte-data-filter demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer 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.