1
0
Fork 0
mirror of synced 2024-06-28 02:50:50 +12:00
budibase/packages/standard-components
Michael Shanks 8a1f0a5e4a
Merge pull request #534 from mjashanks/dnd
Component nav Drag and Drop + Add component usability
2020-08-13 11:32:39 +01:00
..
dist eslint tidy up 2020-02-25 15:46:04 +00:00
public Various minor UI updates including the settings modal 2020-07-12 19:19:12 +01:00
src Rename CardHorizontal.Svelte to CardHorizontal.svelte 2020-08-13 10:57:29 +01:00
.gitignore build app... probably not orking yet.. 2019-09-07 06:50:35 +01:00
.npmignore prep for NPM publish 2020-02-26 22:18:14 +00:00
components.json Merge pull request #534 from mjashanks/dnd 2020-08-13 11:32:39 +01:00
package.json v0.1.17 2020-08-11 15:33:01 +01:00
README.md build app... probably not orking yet.. 2019-09-07 06:50:35 +01:00
rollup.config.js formatting 2020-05-18 11:01:17 +01:00
rollup.testconfig.js Work on Components API & bugfixes (#102) 2020-02-14 11:51:45 +00:00

Psst — looking for an app template? Go here --> sveltejs/template


component-template

A base for building shareable Svelte components. Clone it with degit:

npx degit sveltejs/component-template my-new-component
cd my-new-component
npm install # or yarn

Your component's source code lives in src/index.html.

TODO

  • some firm opinions about the best way to test components
  • update degit so that it automates some of the setup work

Setting up

  • Run npm init (or yarn init)
  • Replace this README with your own

Consuming components

Your package.json has a "svelte" field pointing to src/index.html, which allows Svelte apps to import the source code directly, if they are using a bundler plugin like rollup-plugin-svelte or svelte-loader (where resolve.mainFields in your webpack config includes "svelte"). This is recommended.

For everyone else, npm run build will bundle your component's source code into a plain JavaScript module (index.mjs) and a UMD script (index.js). This will happen automatically when you publish your component to npm, courtesy of the prepublishOnly hook in package.json.