Move vue packages up to be directly contained in packages folder; smaller deps improvements

.github/workflows/ci.yaml

@@ -15,7 +15,7 @@ jobs:
           - windows-latest
     name: Run on ${{ matrix.os }}
     steps:
-      - uses: actions/checkout@v2
+      - uses: actions/checkout@v3
 
       - name: Setup node
         uses: actions/setup-node@v3

.github/workflows/release.yaml

@@ -14,7 +14,7 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout
-        uses: actions/checkout@v2
+        uses: actions/checkout@v3
       - name: Create Changelog
         id: create_changelog
         uses: mikepenz/release-changelog-builder-action@v2

README.md

@@ -54,7 +54,7 @@ In this case, you can try to clean the repository with `git clean -dfx`. Beware
 - Run React Vanilla examples: `cd packages/vanilla && pnpm run dev`
 - Run React Material examples: `cd packages/material && pnpm run dev`
 - Run Angular Material examples: `cd packages/angular-material && pnpm run dev`
-- Run Vue Vanilla dev setup: `cd packages/vue/vue-vanilla && pnpm run serve`
+- Run Vue Vanilla dev setup: `cd packages/vue-vanilla && pnpm run serve`
 
 ### Dependency & Release management
 

packages/angular-material/package.json

@@ -126,7 +126,7 @@
     "karma-jasmine": "^2.0.1",
     "karma-jasmine-html-reporter": "^1.7.0",
     "karma-sourcemap-loader": "^0.3.8",
-    "karma-webpack": "^3.0.5",
+    "karma-webpack": "^4.0.2",
     "null-loader": "^0.1.1",
     "nyc": "^15.1.0",
     "prettier": "^2.8.4",
@@ -136,7 +136,7 @@
     "rollup": "^2.78.0",
     "rollup-plugin-cleanup": "^3.2.1",
     "rollup-plugin-copy": "^3.4.0",
-    "rollup-plugin-import-css": "^3.1.0",
+    "rollup-plugin-import-css": "^3.3.1",
     "rollup-plugin-typescript2": "^0.34.1",
     "rollup-plugin-visualizer": "^5.4.1",
     "rxjs": "^6.5.3",

packages/angular-test/package.json

@@ -31,7 +31,7 @@
     "karma-coverage-istanbul-reporter": "^2.1.1",
     "karma-jasmine": "^2.0.1",
     "karma-sourcemap-loader": "^0.3.8",
-    "karma-webpack": "^3.0.5",
+    "karma-webpack": "^4.0.2",
     "prettier": "^2.8.4",
     "tslib": "^2.5.0",
     "typescript": "4.2.3"

packages/examples-app/prepare-examples-app.js

@@ -14,7 +14,7 @@ const examples = {
   'react-vanilla': join(packagesDir, 'vanilla-renderers', 'example', 'dist'),
   'react-material': join(packagesDir, 'material-renderers', 'example', 'dist'),
   'angular-material': join(packagesDir, 'angular-material', 'example', 'dist'),
-  'vue-vanilla': join(packagesDir, 'vue', 'vue-vanilla', 'example', 'dist'),
+  'vue-vanilla': join(packagesDir, 'vue-vanilla', 'example', 'dist'),
 };
 
 // Clean and recreate dist dir

packages/material-renderers/package.json

@@ -128,7 +128,7 @@
     "rollup": "^2.78.0",
     "rollup-plugin-cleanup": "^3.2.1",
     "rollup-plugin-copy": "^3.4.0",
-    "rollup-plugin-import-css": "^3.1.0",
+    "rollup-plugin-import-css": "^3.3.1",
     "rollup-plugin-typescript2": "^0.34.1",
     "rollup-plugin-visualizer": "^5.4.1",
     "source-map-loader": "^0.2.4",

packages/material-renderers/rollup.example.config.js

@@ -57,7 +57,9 @@ const config = {
     nodeResolve({ browser: true }),
     // Transform mixed because some JsonForms modules use import and require
     commonjs({ transformMixedEsModules: true }),
-    css(),
+    css({
+      output: 'bundle.css',
+    }),
     json(),
     typescript({
       tsconfigOverride: {

packages/vanilla-renderers/package.json

@@ -82,7 +82,7 @@
     "rollup": "^2.78.0",
     "rollup-plugin-cleanup": "^3.2.1",
     "rollup-plugin-copy": "^3.4.0",
-    "rollup-plugin-import-css": "^3.1.0",
+    "rollup-plugin-import-css": "^3.3.1",
     "rollup-plugin-typescript2": "^0.34.1",
     "rollup-plugin-visualizer": "^5.4.1",
     "source-map-loader": "^0.2.4",

packages/vanilla-renderers/rollup.example.config.js

@@ -24,7 +24,9 @@ const config = {
     nodeResolve({ browser: true }),
     // Transform mixed because some JsonForms modules use import and require
     commonjs({ transformMixedEsModules: true }),
-    css(),
+    css({
+      output: 'bundle.css',
+    }),
     json(),
     typescript({
       tsconfigOverride: {

packages/vue/vue-vanilla/README.md → packages/vue-vanilla/README.md

@@ -95,15 +95,15 @@ export default defineComponent({
 By default the Vanilla Renderers don't apply any CSS at all.
 For a quick start you can use `@jsonforms/vue-vanilla/vanilla.css`.
 
-For more information on how JSON Forms can be configured, please see the [README of `@jsonforms/vue`](https://github.com/eclipsesource/jsonforms/blob/master/packages/vue/vue/README.md).
+For more information on how JSON Forms can be configured, please see the [README of `@jsonforms/vue`](https://github.com/eclipsesource/jsonforms/blob/master/packages/vue/README.md).
 
 ### Styling
 
 Each rendered HTML element specifies a CSS class which can be used to style it.
 This process can also be customized so that each element declares user-specified CSS classes.
 Therefore JSON Forms Vue Vanilla can be integrated with any CSS-only UI framework quite easily.
 
-You can find the default CSS classes in `[defaultStyles.ts](https://github.com/eclipsesource/jsonforms/blob/master/packages/vue/vue-vanilla/src/styles/defaultStyles.ts).
+You can find the default CSS classes in `[defaultStyles.ts](https://github.com/eclipsesource/jsonforms/blob/master/packages/vue-vanilla/src/styles/defaultStyles.ts).
 
 To render your own classes simply `provide` them as `styles`.
 These `styles` replace the `defaultStyles`.

packages/vue/vue-vanilla/dev/components/App.vue → packages/vue-vanilla/dev/components/App.vue

@@ -6,7 +6,7 @@ import '../../vanilla.css';
 import { JsonFormsI18nState } from '@jsonforms/core';
 import { ErrorObject } from 'ajv';
 
-import { getExamples } from '../../../../examples';
+import { getExamples } from '../../../examples';
 import get from 'lodash/get';
 
 // mergeStyles combines all classes from both styles definitions into one

packages/vue/vue-vanilla/package.json → packages/vue-vanilla/package.json

@@ -40,10 +40,7 @@
   ],
   "scripts": {
     "serve": "vue-cli-service serve dev/serve.ts",
-    "build:pre": "rimraf ../vue/node_modules/@jsonforms/core",
-    "build:do": "cross-env NODE_ENV=production rollup --config rollup.config.js",
-    "build": "run-s --continue-on-error build:pre build:do build:after",
-    "build:after": "symlink-dir ../../core ../vue/node_modules/@jsonforms/core",
+    "build": "cross-env NODE_ENV=production rollup --config rollup.config.js",
     "build:examples-app": "rollup -c rollup.example.config.js",
     "clean": "rimraf lib example/dist",
     "lint": "eslint .",

packages/vue/vue-vanilla/rollup.example.config.js → packages/vue-vanilla/rollup.example.config.js

@@ -26,7 +26,9 @@ const config = {
     nodeResolve({ browser: true }),
     // Transform mixed because some JsonForms modules use import and require
     commonjs({ transformMixedEsModules: true }),
-    css(),
+    css({
+      output: 'bundle.css',
+    }),
     json(),
     typescript({
       tsconfigOverride: {