Working minimal example

2021-03-09 19:02:43 +01:00 · 2021-03-09 19:02:43 +01:00 · 840ad9279b
parent 63308cd159
commit 840ad9279b
43 changed files with 18 additions and 542 deletions
--- a/.drone.yml
+++ b/.drone.yml
@ -1,29 +0,0 @@
-workspace:
-  path: /sb
-
-kind: pipeline
-type: docker
-name: default
-steps:
-  - name: build
-    image: node:12
-    commands:
-      - npm ci
-      - npm run build
-
-  - name: publish
-    when: 
-      branch:
-        - master
-    image: appleboy/drone-scp
-    settings:
-      host: web5svsvy.wh.hosting.zone
-      port: 2244
-      username:
-        from_secret: dev_ssh_user
-      key:
-        from_secret: dev_ssh_key
-      source: ./dist/*
-      target: /home/web5svsvy/html/schlechtenburg.b12f.io/
-      strip_components: 1
-      rm: true
--- a/docs/assets/Paragraph.163a67b8.js
+++ b/docs/assets/Paragraph.163a67b8.js
@ -0,0 +1,2 @@
+import{d as a,g as l,r,a as e,o as s,c as p,b as n}from"./index.1b27d369.js";var t=a({name:"sb-paragraph-edit",props:{blockId:{type:String,required:!0},data:{type:null,default:l}},setup(a){const l=r({value:a.data.value,align:a.data.align}),t=e(null);s((()=>{t.value&&(t.value.innerHTML=l.value)}));const u=p((()=>({"sb-paragraph":!0,[`sb-paragraph_align-${l.align}`]:!0})));return()=>n("div",{class:u.value},[n("p",{class:"sb-paragraph__input",ref:t},null)])}});export default t;
+//# sourceMappingURL=Paragraph.163a67b8.js.map
--- a/docs/assets/Paragraph.163a67b8.js.map
+++ b/docs/assets/Paragraph.163a67b8.js.map
@ -0,0 +1 @@
+{"version":3,"file":"Paragraph.163a67b8.js","sources":["../../src/components/paragraph/Paragraph.jsx"],"sourcesContent":["import {\n  defineComponent,\n  reactive,\n  computed,\n  ref,\n  onMounted,\n} from 'vue';\nimport { getDefaultData } from './util';\n\nimport './Paragraph.scss';\n\nexport default defineComponent({\n  name: 'sb-paragraph-edit',\n\n  props: {\n    blockId: { type: String, required: true },\n    data: {\n      type: null,\n      default: getDefaultData,\n    },\n  },\n\n  setup(props) {\n    const localData = reactive({\n      value: props.data.value,\n      align: props.data.align,\n    });\n\n    const inputEl = ref(null);\n    onMounted(() => {\n      if (inputEl.value) {\n        inputEl.value.innerHTML = localData.value;\n      }\n    });\n\n    const classes = computed(() => ({\n      'sb-paragraph': true,\n      [`sb-paragraph_align-${localData.align}`]: true,\n    }));\n\n    return () => (\n      <div class={classes.value}>\n        <p\n          class=\"sb-paragraph__input\"\n          ref={inputEl}\n        ></p>\n      </div>\n    );\n  },\n});\n"],"names":["defineComponent","name","props","blockId","type","String","required","data","default","getDefaultData","setup","localData","reactive","value","align","inputEl","ref","innerHTML","classes","computed"],"mappings":"mFAWeA,EAAgB,CAC7BC,KAAM,oBAENC,MAAO,CACLC,QAAS,CAAEC,KAAMC,OAAQC,UAAU,GACnCC,KAAM,CACJH,KAAM,KACNI,QAASC,IAIbC,MAAMR,SACES,EAAYC,EAAS,CACzBC,MAAOX,EAAMK,KAAKM,MAClBC,MAAOZ,EAAMK,KAAKO,QAGdC,EAAUC,EAAI,SACV,KACJD,EAAQF,UACFA,MAAMI,UAAYN,EAAUE,gBAIlCK,EAAUC,GAAS,KAAO,iBACd,GACd,sBAAqBR,EAAUG,UAAU,YAGtC,mBACOI,EAAQL,qBAEV,0BACDE"}
--- a/docs/assets/Paragraph.ccff49f1.css
+++ b/docs/assets/Paragraph.ccff49f1.css
--- a/docs/assets/edit.6974d338.js
+++ b/docs/assets/edit.6974d338.js
@ -1,2 +0,0 @@
-import{d as a,g as r,r as e,a as l,o as s,c as p,b as n}from"./index.5f371c7e.js";import"./vendor.adf692d7.js";var t=a({name:"sb-paragraph-edit",props:{blockId:{type:String,required:!0},data:{type:null,default:r}},setup(a){const r=e({value:a.data.value,align:a.data.align}),t=l(null);s((()=>{t.value&&(t.value.innerHTML=r.value)}));const u=p((()=>({"sb-paragraph":!0,[`sb-paragraph_align-${r.align}`]:!0})));return()=>n("div",{class:u.value},[n("p",{class:"sb-paragraph__input",ref:t},null)])}});export default t;
-//# sourceMappingURL=edit.6974d338.js.map
--- a/docs/assets/edit.6974d338.js.map
+++ b/docs/assets/edit.6974d338.js.map
@ -1 +0,0 @@
-{"version":3,"file":"edit.6974d338.js","sources":["../../packages/paragraph/lib/edit.tsx"],"sourcesContent":["import {\n  defineComponent,\n  reactive,\n  computed,\n  ref,\n  onMounted,\n} from 'vue';\nimport { getDefaultData } from './util';\n\nimport './style.scss';\n\nexport default defineComponent({\n  name: 'sb-paragraph-edit',\n\n  props: {\n    blockId: { type: String, required: true },\n    data: {\n      type: null,\n      default: getDefaultData,\n    },\n  },\n\n  setup(props) {\n    const localData = reactive({\n      value: props.data.value,\n      align: props.data.align,\n    });\n\n    const inputEl = ref(null);\n    onMounted(() => {\n      if (inputEl.value) {\n        inputEl.value.innerHTML = localData.value;\n      }\n    });\n\n    const classes = computed(() => ({\n      'sb-paragraph': true,\n      [`sb-paragraph_align-${localData.align}`]: true,\n    }));\n\n    return () => (\n      <div class={classes.value}>\n        <p\n          class=\"sb-paragraph__input\"\n          ref={inputEl}\n        ></p>\n      </div>\n    );\n  },\n});\n"],"names":["defineComponent","name","props","blockId","type","String","required","data","default","getDefaultData","setup","localData","reactive","value","align","inputEl","ref","innerHTML","classes","computed"],"mappings":"qHAWeA,EAAgB,CAC7BC,KAAM,oBAENC,MAAO,CACLC,QAAS,CAAEC,KAAMC,OAAQC,UAAU,GACnCC,KAAM,CACJH,KAAM,KACNI,QAASC,IAIbC,MAAMR,SACES,EAAYC,EAAS,CACzBC,MAAOX,EAAMK,KAAKM,MAClBC,MAAOZ,EAAMK,KAAKO,QAGdC,EAAUC,EAAI,SACV,KACJD,EAAQF,UACFA,MAAMI,UAAYN,EAAUE,gBAIlCK,EAAUC,GAAS,KAAO,iBACd,GACd,sBAAqBR,EAAUG,UAAU,YAGtC,mBACOI,EAAQL,qBAEV,0BACDE"}
--- a/docs/assets/index.1b27d369.js
+++ b/docs/assets/index.1b27d369.js
--- a/docs/assets/index.1b27d369.js.map
+++ b/docs/assets/index.1b27d369.js.map
--- a/docs/assets/index.5f371c7e.js
+++ b/docs/assets/index.5f371c7e.js
--- a/docs/assets/index.5f371c7e.js.map
+++ b/docs/assets/index.5f371c7e.js.map
--- a/docs/assets/vendor.adf692d7.js
+++ b/docs/assets/vendor.adf692d7.js
--- a/docs/assets/vendor.adf692d7.js.map
+++ b/docs/assets/vendor.adf692d7.js.map
--- a/docs/index.html
+++ b/docs/index.html
@ -5,8 +5,7 @@
  <link rel="icon" href="./favicon.ico" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Vite App</title>
-<script type="module" crossorigin src="./assets/index.5f371c7e.js"></script>
-  <link rel="modulepreload" href="./assets/vendor.adf692d7.js">
+<script type="module" crossorigin src="./assets/index.1b27d369.js"></script>
  <link rel="stylesheet" href="./assets/index.e3cfcab8.css">
 </head>
 <body>
--- a/index.html
+++ b/index.html
@ -8,6 +8,6 @@
 </head>
 <body>
  <div id="app"></div>
-  <script type="module" src="/src/main.ts"></script>
+  <script type="module" src="/src/main.js"></script>
 </body>
 </html>
--- a/lerna.json
+++ b/lerna.json
@ -1,6 +0,0 @@
-{
-  "packages": [
-    "packages/*"
-  ],
-  "version": "0.0.0"
-}
--- a/package.json
+++ b/package.json
@ -3,8 +3,8 @@
  "version": "0.0.0",
  "license": "GPL-3.0-or-later",
  "scripts": {
-    "dev": "concurrently 'vuedx-typecheck --no-pretty --watch ./src' 'vite'",
-    "build": "vuedx-typecheck --no-pretty ./src && vite build"
+    "dev": "vite",
+    "build": "vite build"
  },
  "dependencies": {
    "lodash-es": "^4.17.21",
@ -13,12 +13,7 @@
  "devDependencies": {
    "@vitejs/plugin-vue-jsx": "^1.1.2",
    "@vue/compiler-sfc": "^3.0.7",
-    "@vuedx/typecheck": "^0.6.3",
-    "@vuedx/typescript-plugin-vue": "^0.6.3",
-    "concurrently": "^6.0.0",
-    "lerna": "^3.22.1",
    "sass": "^1.32.8",
-    "typescript": "^4.2.3",
    "vite": "^2.0.5"
  }
 }
--- a/packages/core/README.md
+++ b/packages/core/README.md
@ -1,11 +0,0 @@
-# `@schlechtenburg/core`
-
-> TODO: description
-
-## Usage
-
-```
-const core = require('@schlechtenburg/core');
-
-// TODO: DEMONSTRATE API
-```
--- a/packages/core/tests/core.test.js
+++ b/packages/core/tests/core.test.js
@ -1,7 +0,0 @@
-'use strict';
-
-const core = require('..');
-
-describe('@schlechtenburg/core', () => {
-    it('needs tests');
-});
--- a/packages/core/lib/index.ts
+++ b/packages/core/lib/index.ts
@ -1,4 +0,0 @@
-export * from './use-dynamic-blocks';
-
-export * from './components/Main';
-export * from './components/Block';
--- a/packages/core/lib/shims-tsx.d.ts
+++ b/packages/core/lib/shims-tsx.d.ts
@ -1 +0,0 @@
-// file: shim-tsx.d.ts
--- a/packages/core/lib/shims-vue.d.ts
+++ b/packages/core/lib/shims-vue.d.ts
@ -1,5 +0,0 @@
-declare module "*.vue" {
-  import { defineComponent } from "vue";
-  const Component: ReturnType<typeof defineComponent>;
-  export default Component;
-}
--- a/packages/core/lib/types.d.ts
+++ b/packages/core/lib/types.d.ts
@ -1,8 +0,0 @@
-/*
-import {HTMLAttributes} from "vue";
-
-interface DialogHTMLAttributes extends HTMLAttributes {
-  open?: boolean;
-  onClose?: Function;
-}
-*/
--- a/packages/core/lib/vue-app-env.d.ts
+++ b/packages/core/lib/vue-app-env.d.ts
@ -1,64 +0,0 @@
-declare namespace NodeJS {
-  interface Process{
-    env: ProcessEnv
-  }
-  interface ProcessEnv {
-    /**
-     * By default, there are two modes in Vite:
-     *
-     * * `development` is used by vite and vite serve
-     * * `production` is used by vite build
-     *
-     * You can overwrite the default mode used for a command by passing the --mode option flag.
-     *
-     */
-    readonly NODE_ENV: 'development' | 'production'
-  }
-}
-
-declare var process: NodeJS.Process
-
-declare module '*.gif' {
-  const src: string
-  export default src
-}
-
-declare module '*.jpg' {
-  const src: string
-  export default src
-}
-
-declare module '*.jpeg' {
-  const src: string
-  export default src
-}
-
-declare module '*.png' {
-  const src: string
-  export default src
-}
-
-declare module '*.webp' {
-    const src: string
-    export default src
-}
-
-declare module '*.svg' {
-  const src: string;
-  export default src
-}
-
-declare module '*.module.css' {
-  const classes: { readonly [key: string]: string }
-  export default classes
-}
-
-declare module '*.module.scss' {
-  const classes: { readonly [key: string]: string }
-  export default classes
-}
-
-declare module '*.module.sass' {
-  const classes: { readonly [key: string]: string }
-  export default classes
-}
--- a/packages/core/package-lock.json
+++ b/packages/core/package-lock.json
@ -1,153 +0,0 @@
-{
-	"name": "@schlechtenburg/core",
-	"version": "0.0.0",
-	"lockfileVersion": 1,
-	"requires": true,
-	"dependencies": {
-		"@babel/helper-validator-identifier": {
-			"version": "7.12.11",
-			"resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.12.11.tgz",
-			"integrity": "sha512-np/lG3uARFybkoHokJUmf1QfEvRVCPbmQeUQpKow5cQ3xWrV9i3rUHodKDJPQfTVX61qKi+UdYk8kik84n7XOw=="
-		},
-		"@babel/parser": {
-			"version": "7.13.9",
-			"resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.13.9.tgz",
-			"integrity": "sha512-nEUfRiARCcaVo3ny3ZQjURjHQZUo/JkEw7rLlSZy/psWGnvwXFtPcr6jb7Yb41DVW5LTe6KRq9LGleRNsg1Frw=="
-		},
-		"@babel/types": {
-			"version": "7.13.0",
-			"resolved": "https://registry.npmjs.org/@babel/types/-/types-7.13.0.tgz",
-			"integrity": "sha512-hE+HE8rnG1Z6Wzo+MhaKE5lM5eMx71T4EHJgku2E3xIfaULhDcxiiRxUYgwX8qwP1BBSlag+TdGOt6JAidIZTA==",
-			"requires": {
-				"@babel/helper-validator-identifier": "^7.12.11",
-				"lodash": "^4.17.19",
-				"to-fast-properties": "^2.0.0"
-			}
-		},
-		"@types/lodash": {
-			"version": "4.14.168",
-			"resolved": "https://registry.npmjs.org/@types/lodash/-/lodash-4.14.168.tgz",
-			"integrity": "sha512-oVfRvqHV/V6D1yifJbVRU3TMp8OT6o6BG+U9MkwuJ3U8/CsDHvalRpsxBqivn71ztOFZBTfJMvETbqHiaNSj7Q==",
-			"dev": true
-		},
-		"@types/lodash-es": {
-			"version": "4.17.4",
-			"resolved": "https://registry.npmjs.org/@types/lodash-es/-/lodash-es-4.17.4.tgz",
-			"integrity": "sha512-BBz79DCJbD2CVYZH67MBeHZRX++HF+5p8Mo5MzjZi64Wac39S3diedJYHZtScbRVf4DjZyN6LzA0SB0zy+HSSQ==",
-			"dev": true,
-			"requires": {
-				"@types/lodash": "*"
-			}
-		},
-		"@types/resize-observer-browser": {
-			"version": "0.1.5",
-			"resolved": "https://registry.npmjs.org/@types/resize-observer-browser/-/resize-observer-browser-0.1.5.tgz",
-			"integrity": "sha512-8k/67Z95Goa6Lznuykxkfhq9YU3l1Qe6LNZmwde1u7802a3x8v44oq0j91DICclxatTr0rNnhXx7+VTIetSrSQ==",
-			"dev": true
-		},
-		"@types/uuid": {
-			"version": "8.3.0",
-			"resolved": "https://registry.npmjs.org/@types/uuid/-/uuid-8.3.0.tgz",
-			"integrity": "sha512-eQ9qFW/fhfGJF8WKHGEHZEyVWfZxrT+6CLIJGBcZPfxUh/+BnEj+UCGYMlr9qZuX/2AltsvwrGqp0LhEW8D0zQ==",
-			"dev": true
-		},
-		"@vue/compiler-core": {
-			"version": "3.0.7",
-			"resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.0.7.tgz",
-			"integrity": "sha512-JFohgBXoyUc3mdeI2WxlhjQZ5fakfemJkZHX8Gu/nFbEg3+lKVUZmNKWmmnp9aOzJQZKoj77LjmFxiP+P+7lMQ==",
-			"requires": {
-				"@babel/parser": "^7.12.0",
-				"@babel/types": "^7.12.0",
-				"@vue/shared": "3.0.7",
-				"estree-walker": "^2.0.1",
-				"source-map": "^0.6.1"
-			}
-		},
-		"@vue/compiler-dom": {
-			"version": "3.0.7",
-			"resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.0.7.tgz",
-			"integrity": "sha512-VnIH9EbWQm/Tkcp+8dCaNVsVvhm/vxCrIKWRkXY9215hTqOqQOvejT8IMjd2kc++nIsYMsdQk6H9qqBvoLe/Cw==",
-			"requires": {
-				"@vue/compiler-core": "3.0.7",
-				"@vue/shared": "3.0.7"
-			}
-		},
-		"@vue/reactivity": {
-			"version": "3.0.7",
-			"resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.0.7.tgz",
-			"integrity": "sha512-FotWcNNaKhqpFZrdgsUOZ1enlJ5lhTt01CNTtLSyK7jYFgZBTuw8vKsEutZKDYZ1XKotOfoeO8N3pZQqmM6Etw==",
-			"requires": {
-				"@vue/shared": "3.0.7"
-			}
-		},
-		"@vue/runtime-core": {
-			"version": "3.0.7",
-			"resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.0.7.tgz",
-			"integrity": "sha512-DBAZAwVvdmMXuyd6/9qqj/kYr/GaLTmn1L2/QLxLwP+UfhIboiTSBc/tUUb8MRk7Bb98GzNeAWkkT6AfooS3dQ==",
-			"requires": {
-				"@vue/reactivity": "3.0.7",
-				"@vue/shared": "3.0.7"
-			}
-		},
-		"@vue/runtime-dom": {
-			"version": "3.0.7",
-			"resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.0.7.tgz",
-			"integrity": "sha512-Oij4ruOtnpQpCj+/Q3JPzgpTJ1Q7+N67pA53A8KVITEtxfvKL46NN6dhAZ5NGqwX6RWZpYqWQNewITeF0pHr8g==",
-			"requires": {
-				"@vue/runtime-core": "3.0.7",
-				"@vue/shared": "3.0.7",
-				"csstype": "^2.6.8"
-			}
-		},
-		"@vue/shared": {
-			"version": "3.0.7",
-			"resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.0.7.tgz",
-			"integrity": "sha512-dn5FyfSc4ky424jH4FntiHno7Ss5yLkqKNmM/NXwANRnlkmqu74pnGetexDFVG5phMk9/FhwovUZCWGxsotVKg=="
-		},
-		"csstype": {
-			"version": "2.6.16",
-			"resolved": "https://registry.npmjs.org/csstype/-/csstype-2.6.16.tgz",
-			"integrity": "sha512-61FBWoDHp/gRtsoDkq/B1nWrCUG/ok1E3tUrcNbZjsE9Cxd9yzUirjS3+nAATB8U4cTtaQmAHbNndoFz5L6C9Q=="
-		},
-		"estree-walker": {
-			"version": "2.0.2",
-			"resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
-			"integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w=="
-		},
-		"lodash": {
-			"version": "4.17.21",
-			"resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
-			"integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg=="
-		},
-		"lodash-es": {
-			"version": "4.17.21",
-			"resolved": "https://registry.npmjs.org/lodash-es/-/lodash-es-4.17.21.tgz",
-			"integrity": "sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw=="
-		},
-		"source-map": {
-			"version": "0.6.1",
-			"resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-			"integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g=="
-		},
-		"to-fast-properties": {
-			"version": "2.0.0",
-			"resolved": "https://registry.npmjs.org/to-fast-properties/-/to-fast-properties-2.0.0.tgz",
-			"integrity": "sha1-3F5pjL0HkmW8c+A3doGk5Og/YW4="
-		},
-		"uuid": {
-			"version": "8.3.2",
-			"resolved": "https://registry.npmjs.org/uuid/-/uuid-8.3.2.tgz",
-			"integrity": "sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg=="
-		},
-		"vue": {
-			"version": "3.0.7",
-			"resolved": "https://registry.npmjs.org/vue/-/vue-3.0.7.tgz",
-			"integrity": "sha512-8h4TikD+JabbMK9aRlBO4laG0AtNHRPHynxYgWZ9sq1YUPfzynd9Jeeb27XNyZytC7aCQRX9xe1+TQJuc181Tw==",
-			"requires": {
-				"@vue/compiler-dom": "3.0.7",
-				"@vue/runtime-dom": "3.0.7",
-				"@vue/shared": "3.0.7"
-			}
-		}
-	}
-}
--- a/packages/core/package.json
+++ b/packages/core/package.json
@ -1,33 +0,0 @@
-{
-  "name": "@schlechtenburg/core",
-  "version": "0.0.0",
-  "description": "> TODO: description",
-  "author": "Benjamin Bädorf <hello@benjaminbaedorf.eu>",
-  "homepage": "",
-  "license": "GPL-3.0-or-later",
-  "main": "lib/index.ts",
-  "directories": {
-    "lib": "lib",
-    "test": "__tests__"
-  },
-  "files": [
-    "lib"
-  ],
-  "publishConfig": {
-    "access": "public"
-  },
-  "repository": {
-    "type": "git",
-    "url": "git@git.b12f.io:b12f/schlechtenburg.git"
-  },
-  "dependencies": {
-    "lodash-es": "^4.17.21",
-    "uuid": "^8.3.2",
-    "vue": "^3.0.7"
-  },
-  "devDependencies": {
-    "@types/lodash-es": "^4.17.4",
-    "@types/resize-observer-browser": "^0.1.5",
-    "@types/uuid": "^8.3.0"
-  }
-}
--- a/packages/paragraph/README.md
+++ b/packages/paragraph/README.md
@ -1,11 +0,0 @@
-# `@schlechtenburg/paragraph`
-
-> TODO: description
-
-## Usage
-
-```
-const paragraph = require('@schlechtenburg/paragraph');
-
-// TODO: DEMONSTRATE API
-```
--- a/packages/paragraph/tests/paragraph.test.js
+++ b/packages/paragraph/tests/paragraph.test.js
@ -1,7 +0,0 @@
-'use strict';
-
-const paragraph = require('..');
-
-describe('@schlechtenburg/paragraph', () => {
-    it('needs tests');
-});
--- a/packages/paragraph/lib/util.ts
+++ b/packages/paragraph/lib/util.ts
@ -1,9 +0,0 @@
-export interface ParagraphData {
-  value: string;
-  align: string;
-}
-
-export const getDefaultData: () => ParagraphData = () => ({
-  value: '',
-  align: 'left',
-});
--- a/packages/paragraph/package-lock.json
+++ b/packages/paragraph/package-lock.json
@ -1,116 +0,0 @@
-{
-	"name": "@schlechtenburg/paragraph",
-	"version": "0.0.0",
-	"lockfileVersion": 1,
-	"requires": true,
-	"dependencies": {
-		"@babel/helper-validator-identifier": {
-			"version": "7.12.11",
-			"resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.12.11.tgz",
-			"integrity": "sha512-np/lG3uARFybkoHokJUmf1QfEvRVCPbmQeUQpKow5cQ3xWrV9i3rUHodKDJPQfTVX61qKi+UdYk8kik84n7XOw=="
-		},
-		"@babel/parser": {
-			"version": "7.13.9",
-			"resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.13.9.tgz",
-			"integrity": "sha512-nEUfRiARCcaVo3ny3ZQjURjHQZUo/JkEw7rLlSZy/psWGnvwXFtPcr6jb7Yb41DVW5LTe6KRq9LGleRNsg1Frw=="
-		},
-		"@babel/types": {
-			"version": "7.13.0",
-			"resolved": "https://registry.npmjs.org/@babel/types/-/types-7.13.0.tgz",
-			"integrity": "sha512-hE+HE8rnG1Z6Wzo+MhaKE5lM5eMx71T4EHJgku2E3xIfaULhDcxiiRxUYgwX8qwP1BBSlag+TdGOt6JAidIZTA==",
-			"requires": {
-				"@babel/helper-validator-identifier": "^7.12.11",
-				"lodash": "^4.17.19",
-				"to-fast-properties": "^2.0.0"
-			}
-		},
-		"@vue/compiler-core": {
-			"version": "3.0.7",
-			"resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.0.7.tgz",
-			"integrity": "sha512-JFohgBXoyUc3mdeI2WxlhjQZ5fakfemJkZHX8Gu/nFbEg3+lKVUZmNKWmmnp9aOzJQZKoj77LjmFxiP+P+7lMQ==",
-			"requires": {
-				"@babel/parser": "^7.12.0",
-				"@babel/types": "^7.12.0",
-				"@vue/shared": "3.0.7",
-				"estree-walker": "^2.0.1",
-				"source-map": "^0.6.1"
-			}
-		},
-		"@vue/compiler-dom": {
-			"version": "3.0.7",
-			"resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.0.7.tgz",
-			"integrity": "sha512-VnIH9EbWQm/Tkcp+8dCaNVsVvhm/vxCrIKWRkXY9215hTqOqQOvejT8IMjd2kc++nIsYMsdQk6H9qqBvoLe/Cw==",
-			"requires": {
-				"@vue/compiler-core": "3.0.7",
-				"@vue/shared": "3.0.7"
-			}
-		},
-		"@vue/reactivity": {
-			"version": "3.0.7",
-			"resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.0.7.tgz",
-			"integrity": "sha512-FotWcNNaKhqpFZrdgsUOZ1enlJ5lhTt01CNTtLSyK7jYFgZBTuw8vKsEutZKDYZ1XKotOfoeO8N3pZQqmM6Etw==",
-			"requires": {
-				"@vue/shared": "3.0.7"
-			}
-		},
-		"@vue/runtime-core": {
-			"version": "3.0.7",
-			"resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.0.7.tgz",
-			"integrity": "sha512-DBAZAwVvdmMXuyd6/9qqj/kYr/GaLTmn1L2/QLxLwP+UfhIboiTSBc/tUUb8MRk7Bb98GzNeAWkkT6AfooS3dQ==",
-			"requires": {
-				"@vue/reactivity": "3.0.7",
-				"@vue/shared": "3.0.7"
-			}
-		},
-		"@vue/runtime-dom": {
-			"version": "3.0.7",
-			"resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.0.7.tgz",
-			"integrity": "sha512-Oij4ruOtnpQpCj+/Q3JPzgpTJ1Q7+N67pA53A8KVITEtxfvKL46NN6dhAZ5NGqwX6RWZpYqWQNewITeF0pHr8g==",
-			"requires": {
-				"@vue/runtime-core": "3.0.7",
-				"@vue/shared": "3.0.7",
-				"csstype": "^2.6.8"
-			}
-		},
-		"@vue/shared": {
-			"version": "3.0.7",
-			"resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.0.7.tgz",
-			"integrity": "sha512-dn5FyfSc4ky424jH4FntiHno7Ss5yLkqKNmM/NXwANRnlkmqu74pnGetexDFVG5phMk9/FhwovUZCWGxsotVKg=="
-		},
-		"csstype": {
-			"version": "2.6.16",
-			"resolved": "https://registry.npmjs.org/csstype/-/csstype-2.6.16.tgz",
-			"integrity": "sha512-61FBWoDHp/gRtsoDkq/B1nWrCUG/ok1E3tUrcNbZjsE9Cxd9yzUirjS3+nAATB8U4cTtaQmAHbNndoFz5L6C9Q=="
-		},
-		"estree-walker": {
-			"version": "2.0.2",
-			"resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
-			"integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w=="
-		},
-		"lodash": {
-			"version": "4.17.21",
-			"resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
-			"integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg=="
-		},
-		"source-map": {
-			"version": "0.6.1",
-			"resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-			"integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g=="
-		},
-		"to-fast-properties": {
-			"version": "2.0.0",
-			"resolved": "https://registry.npmjs.org/to-fast-properties/-/to-fast-properties-2.0.0.tgz",
-			"integrity": "sha1-3F5pjL0HkmW8c+A3doGk5Og/YW4="
-		},
-		"vue": {
-			"version": "3.0.7",
-			"resolved": "https://registry.npmjs.org/vue/-/vue-3.0.7.tgz",
-			"integrity": "sha512-8h4TikD+JabbMK9aRlBO4laG0AtNHRPHynxYgWZ9sq1YUPfzynd9Jeeb27XNyZytC7aCQRX9xe1+TQJuc181Tw==",
-			"requires": {
-				"@vue/compiler-dom": "3.0.7",
-				"@vue/runtime-dom": "3.0.7",
-				"@vue/shared": "3.0.7"
-			}
-		}
-	}
-}
--- a/packages/paragraph/package.json
+++ b/packages/paragraph/package.json
@ -1,30 +0,0 @@
-{
-  "name": "@schlechtenburg/paragraph",
-  "version": "0.0.0",
-  "description": "> TODO: description",
-  "author": "Benjamin Bädorf <hello@benjaminbaedorf.eu>",
-  "homepage": "",
-  "license": "GPL-3.0-or-later",
-  "main": "lib/index.ts",
-  "directories": {
-    "lib": "lib",
-    "test": "__tests__"
-  },
-  "files": [
-    "lib"
-  ],
-  "publishConfig": {
-    "access": "public"
-  },
-  "repository": {
-    "type": "git",
-    "url": "git@git.b12f.io:b12f/schlechtenburg.git"
-  },
-  "scripts": {
-    "test": "echo \"Error: run tests from root\" && exit 1"
-  },
-  "dependencies": {
-    "@schlechtenburg/core": "^0.0.0",
-    "vue": "^3.0.7"
-  }
-}
--- a/src/App.jsx
+++ b/src/App.jsx
@ -3,9 +3,9 @@ import {
  reactive,
 } from 'vue';

-import { SbMain } from '../packages/core/lib';
+import { SbMain } from './components/Main';

-import SbParagraph from '../packages/paragraph/lib';
+import SbParagraph from './components/paragraph';

 import './App.scss';

--- a/packages/core/lib/assets/logo.png
+++ b/packages/core/lib/assets/logo.png
--- a/packages/core/lib/components/Block.tsx
+++ b/packages/core/lib/components/Block.tsx
--- a/packages/core/lib/components/Block.scss
+++ b/packages/core/lib/components/Block.scss
--- a/packages/core/lib/components/Main.tsx
+++ b/packages/core/lib/components/Main.tsx
--- a/packages/core/lib/components/Main.scss
+++ b/packages/core/lib/components/Main.scss
--- a/src/components/paragraph/Paragraph.jsx
+++ b/src/components/paragraph/Paragraph.jsx
@ -7,7 +7,7 @@ import {
 } from 'vue';
 import { getDefaultData } from './util';

-import './style.scss';
+import './Paragraph.scss';

 export default defineComponent({
  name: 'sb-paragraph-edit',
--- a/src/components/paragraph/Paragraph.scss
+++ b/src/components/paragraph/Paragraph.scss
--- a/src/components/paragraph/index.js
+++ b/src/components/paragraph/index.js
@ -7,5 +7,5 @@ export const name = 'sb-paragraph';
 export default {
  name,
  getDefaultData,
-  component: defineAsyncComponent(() => import('./edit')),
+  component: defineAsyncComponent(() => import('./Paragraph')),
 };
--- a/src/components/paragraph/util.js
+++ b/src/components/paragraph/util.js
@ -0,0 +1,4 @@
+export const getDefaultData = () => ({
+  value: '',
+  align: 'left',
+});
--- a/src/main.js
+++ b/src/main.js
--- a/packages/core/lib/use-dynamic-blocks.ts
+++ b/packages/core/lib/use-dynamic-blocks.ts
--- a/tsconfig.json
+++ b/tsconfig.json
@ -1,25 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "esnext",
-    "module": "esnext",
-    "moduleResolution": "node",
-    "strict": true,
-    "jsx": "preserve",
-    "sourceMap": true,
-    "lib": [ "esnext", "dom" ],
-    "plugins": [ { "name": "@vuedx/typescript-plugin-vue" } ],
-    "resolveJsonModule": true,
-//    "noErrorTruncation": true,
-    "paths": {}
-  },
-  "include": [
-    "src/**/*.ts",
-    "src/**/*.d.ts",
-    "src/**/*.tsx",
-    "src/**/*.vue",
-    "packages/**/lib/**/*.ts",
-    "packages/**lib/**/*.d.ts",
-    "packages/**lib/**/*.tsx",
-    "packages/**lib/**/*.vue"
-  ]
-}
				`@ -0,0 +1 @@`
				{"version":3,"file":"Paragraph.163a67b8.js","sources":["../../src/components/paragraph/Paragraph.jsx"],"sourcesContent":["import {\n defineComponent,\n reactive,\n computed,\n ref,\n onMounted,\n} from 'vue';\nimport { getDefaultData } from './util';\n\nimport './Paragraph.scss';\n\nexport default defineComponent({\n name: 'sb-paragraph-edit',\n\n props: {\n blockId: { type: String, required: true },\n data: {\n type: null,\n default: getDefaultData,\n },\n },\n\n setup(props) {\n const localData = reactive({\n value: props.data.value,\n align: props.data.align,\n });\n\n const inputEl = ref(null);\n onMounted(() => {\n if (inputEl.value) {\n inputEl.value.innerHTML = localData.value;\n }\n });\n\n const classes = computed(() => ({\n 'sb-paragraph': true,\n [`sb-paragraph_align-${localData.align}`]: true,\n }));\n\n return () => (\n <div class={classes.value}>\n <p\n class=\"sb-paragraph__input\"\n ref={inputEl}\n ></p>\n </div>\n );\n },\n});\n"],"names":["defineComponent","name","props","blockId","type","String","required","data","default","getDefaultData","setup","localData","reactive","value","align","inputEl","ref","innerHTML","classes","computed"],"mappings":"mFAWeA,EAAgB,CAC7BC,KAAM,oBAENC,MAAO,CACLC,QAAS,CAAEC,KAAMC,OAAQC,UAAU,GACnCC,KAAM,CACJH,KAAM,KACNI,QAASC,IAIbC,MAAMR,SACES,EAAYC,EAAS,CACzBC,MAAOX,EAAMK,KAAKM,MAClBC,MAAOZ,EAAMK,KAAKO,QAGdC,EAAUC,EAAI,SACV,KACJD,EAAQF,UACFA,MAAMI,UAAYN,EAAUE,gBAIlCK,EAAUC,GAAS,KAAO,iBACd,GACd,sBAAqBR,EAAUG,UAAU,YAGtC,mBACOI,EAAQL,qBAEV,0BACDE"}
				`@ -1 +0,0 @@`
				{"version":3,"file":"edit.6974d338.js","sources":["../../packages/paragraph/lib/edit.tsx"],"sourcesContent":["import {\n defineComponent,\n reactive,\n computed,\n ref,\n onMounted,\n} from 'vue';\nimport { getDefaultData } from './util';\n\nimport './style.scss';\n\nexport default defineComponent({\n name: 'sb-paragraph-edit',\n\n props: {\n blockId: { type: String, required: true },\n data: {\n type: null,\n default: getDefaultData,\n },\n },\n\n setup(props) {\n const localData = reactive({\n value: props.data.value,\n align: props.data.align,\n });\n\n const inputEl = ref(null);\n onMounted(() => {\n if (inputEl.value) {\n inputEl.value.innerHTML = localData.value;\n }\n });\n\n const classes = computed(() => ({\n 'sb-paragraph': true,\n [`sb-paragraph_align-${localData.align}`]: true,\n }));\n\n return () => (\n <div class={classes.value}>\n <p\n class=\"sb-paragraph__input\"\n ref={inputEl}\n ></p>\n </div>\n );\n },\n});\n"],"names":["defineComponent","name","props","blockId","type","String","required","data","default","getDefaultData","setup","localData","reactive","value","align","inputEl","ref","innerHTML","classes","computed"],"mappings":"qHAWeA,EAAgB,CAC7BC,KAAM,oBAENC,MAAO,CACLC,QAAS,CAAEC,KAAMC,OAAQC,UAAU,GACnCC,KAAM,CACJH,KAAM,KACNI,QAASC,IAIbC,MAAMR,SACES,EAAYC,EAAS,CACzBC,MAAOX,EAAMK,KAAKM,MAClBC,MAAOZ,EAAMK,KAAKO,QAGdC,EAAUC,EAAI,SACV,KACJD,EAAQF,UACFA,MAAMI,UAAYN,EAAUE,gBAIlCK,EAAUC,GAAS,KAAO,iBACd,GACd,sBAAqBR,EAAUG,UAAU,YAGtC,mBACOI,EAAQL,qBAEV,0BACDE"}