chore: swap vf-core dev theme to mandlebrot (#1262)

Following conversations in #1260 and #1261, we don't really need a custom fractal theme anymore. This swaps back to the default theme for vf-core development.

It also removes the vf-frctl-theme (which could still be resurrected from npm, if needed)

tools/vf-component-library/src/site/developing/getting-started/structure.njk

@@ -27,9 +27,8 @@ You can find the Design Tokens in `vf-core/components/vf-design-tokens`.
 The `vf-core` repo contains three types of files:
 
 1. Components that are located in `./components`
-2. Build scripts located in the root of the project (mainly)
-3. The web interface `./tools/vf-frctl-theme`
-
+2. Build scripts located in the `.tools/` of the project (mainly)
+3. The public web interface `./tools/vf-component-library`
 
 ## Detailed overview
 
@@ -44,13 +43,17 @@ The `vf-core` repo contains three types of files:
     |   |   ...
     │   └── vf-video-teaser
     ├── docs (documentation files for the web interface)
-    ├── fractal.js (configuration for the web component library)
-    ├── gulpfile.js
     ├── lerna.json
     ├── package.json
     ├── public (dynamic folder used for rendering of global CSS, JS, component assets)
     └── tools
-        ├── component-generator (make new components)
-        ├── css-generator (build requirement)
-        └── vf-frctl-theme (web interface)
+        ├── vf-component-generator (make new components)
+        ├── vf-component-initilization (collect components from the file system)
+        ├── vf-component-library (web interface)
+        ├── vf-core (the central build process)
+        |   ├── gulpfile.js
+        |   └── fractal.js (configuration for the web component library)
+        ├── vf-frctl-extensions (extensions useful when manipulating Fractal-specific data)
+        ├── vf-extensions (reusable utilities for VF projects)
+        └── vf-sass-compilation (compile invites)
 </pre>

tools/vf-config/index.js

@@ -42,7 +42,7 @@ global.vfName = config.vfConfig.vfName || "Visual Framework 2.0";
 global.vfNamespace = config.vfConfig.vfNamespace || "vf-";
 global.vfComponentPath = config.vfConfig.vfComponentPath || path.resolve('.', 'components');
 global.vfBuildDestination = config.vfConfig.vfBuildDestination || 'temp/build-files';
-global.vfThemePath = config.vfConfig.vfThemePath || './tools/vf-frctl-theme';
+global.vfThemePath = config.vfConfig.vfThemePath || '@frctl/mandelbrot';
 global.vfBuildFractalMode = config.vfConfig.vfBuildFractalMode || 'normal';
 global.vfVersion = vfCoreConfig.version || 'not-specified';
 const componentPath = path.resolve('.', global.vfComponentPath).replace(/\\/g, '/');

tools/vf-core/package.json

@@ -8,7 +8,7 @@
     "vfName": "Visual Framework 2.0",
     "vfHomepage": "https://stable.visual-framework.dev",
     "vfBuildFractalMode": "normal",
-    "vfThemePath": "@visual-framework/vf-frctl-theme",
+    "vfThemePath": "@frctl/mandelbrot",
     "vfComponentPath": "../../components"
   },
   "scripts": {
@@ -28,7 +28,6 @@
     "@visual-framework/vf-component-generator": "^1.0.4",
     "@visual-framework/vf-component-initialization": "^1.1.1",
     "@visual-framework/vf-frctl-extensions": "^1.0.0-alpha.2",
-    "@visual-framework/vf-frctl-theme": "^1.0.4",
     "@visual-framework/vf-sass-compilation": "^1.0.3",
     "chalk": "^4.0.0",
     "del": "^6.0.0",