adasdfdsaf

.github/workflows/CI.yml

@@ -0,0 +1,18 @@
+name: CI
+on: [ push, pull_request ]
+jobs:
+  Build:
+    runs-on: ubuntu-latest
+
+    steps:
+    - name: Checkout
+      uses: actions/checkout@v4
+    - name: Use Node.js
+      uses: actions/setup-node@v4
+      with:
+        node-version: 20
+        cache: 'npm'
+    - name: Install dependencies
+      run: npm ci
+    - name: Build
+      run: xvfb-run npm run all

README.md

@@ -0,0 +1,27 @@
+# @bpmn-io/variable-outline
+
+A React component to display variables in a BPMN diagram.
+
+## Usage
+
+Simply add the component to your existing React application and pass the bpmn-js
+`injector` to the component:
+
+```js
+import VariableOutline from '@bpmn-io/variable-outline';
+import '@bpmn-io/variable-outline/dist/style.css';
+
+export function MyComponent(props) {
+  const {
+    injector
+  } = props;
+
+  return <VariableOutline injector={injector}></VariableOutline>
+}
+```
+
+## Development
+
+Start a demo page with `npm run start`.
+
+Run all tests with `npm run test`

demo.config.mjs

@@ -4,7 +4,7 @@ import svgr from 'vite-plugin-svgr';
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  root: 'test/example',
+  root: 'example',
   plugins: [
     react(),
     svgr()

test/example/BottomPanel/BottomPanel.jsx → example/BottomPanel/BottomPanel.jsx

@@ -1,5 +1,5 @@
 import './bottom-panel.css';
-import ReactComponent from '../../../lib/';
+import ReactComponent from '../../lib';
 
 export const BottomPanel = ({ injector }) => {
 

package.json

@@ -1,18 +1,20 @@
 {
   "name": "@bpmn-io/variable-outline",
   "version": "0.0.0",
-  "description": "",
+  "description": "A React component to display variables in a BPMN diagram.",
   "main": "dist/variable-outline.mjs",
   "scripts": {
-    "all": "run-s lint test",
+    "all": "run-s lint test build",
     "start": "vite --config demo.config.mjs",
     "build": "vite build",
     "test": "vitest run",
     "test:watch": "vitest watch",
     "lint": "eslint .",
     "prepare": "vite build"
   },
-  "author": "",
+  "files": [
+    "dist"
+  ],
   "license": "MIT",
   "dependencies": {
     "@carbon/icons-react": "^11.43.0",