chore(ui): prepare static build for ui package

@codexteam/ui/dev/Playground.vue

@@ -38,7 +38,7 @@ import {
   Tabbar,
   Popover,
   Popup
-} from '../src/vue';
+} from '../src';
 import { useTheme } from '../src/vue/composables/useTheme';
 import { Navbar } from '../src/vue/layout/navbar';
 import { PageBlock } from '../src/vue/layout/page-block';

@codexteam/ui/dev/index.html

@@ -6,15 +6,13 @@
   theme-base="graphite"
   theme-accent="sky"
 >
-  <link
-    rel="stylesheet"
-    href="../src/styles/index.pcss"
-  />
   <div id="app"></div>
   <script type="module">
-    import { createApp, h } from 'vue';
-    import Playground from './Playground.vue';
+    import { createApp } from 'vue';
     import { createRouter, createWebHashHistory } from 'vue-router';
+    import "../src/styles/index.pcss";
+
+    import Playground from './Playground.vue';
     import routes from './routes';
 
     const router = createRouter({

@codexteam/ui/dev/package.json

@@ -0,0 +1,30 @@
+{
+  "name": "@codexteam/ui-demo",
+  "version": "1.0.0",
+  "type": "module",
+  "private": true,
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "@codexteam/icons": "^0.3.3",
+    "@codexteam/ui": "workspace:*",
+    "@editorjs/editorjs": "2.30.2",
+    "@editorjs/header": "^2.8.6",
+    "@editorjs/nested-list": "^1.4.2",
+    "vue": "^3.4.16",
+    "vue-router": "^4.4.0"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^5.0.3",
+    "postcss": "^8.4.26",
+    "postcss-apply": "^0.12.0",
+    "postcss-hover-media-feature": "^1.0.2",
+    "postcss-import": "^16.0.0",
+    "postcss-nested": "^6.0.1",
+    "postcss-preset-env": "^9.3.0",
+    "vite": "^5.0.12"
+  }
+}

@codexteam/ui/dev/postcss.config.js

@@ -0,0 +1,17 @@
+import postcssNested from 'postcss-nested';
+import postcssPresetEnv from 'postcss-preset-env';
+import postcssApply from 'postcss-apply';
+import postcssHoverMediaFeature from 'postcss-hover-media-feature';
+
+/**
+ * Returns PostCSS config for dev package
+ * Uses the same config as parent package
+ * Vite will resolve @/ alias automatically
+ *
+ * @returns {object} PostCSS config
+ */
+export default function () {
+  return {
+    plugins: [postcssNested(), postcssPresetEnv(), postcssApply(), postcssHoverMediaFeature()],
+  };
+}

@codexteam/ui/dev/vite.config.ts

@@ -0,0 +1,27 @@
+import { resolve } from 'path';
+import { defineConfig } from 'vite';
+import vue from '@vitejs/plugin-vue';
+
+export default defineConfig({
+  plugins: [vue()],
+  root: __dirname,
+  build: {
+    outDir: resolve(__dirname, 'dist'),
+    emptyOutDir: true,
+    rollupOptions: {
+      output: {
+        /* Ensure relative paths work for static demo */
+        assetFileNames: 'assets/[name].[ext]',
+      },
+    },
+  },
+  resolve: {
+    alias: {
+      // eslint-disable-next-line @typescript-eslint/naming-convention
+      '@': resolve(__dirname, '../src'),
+    },
+  },
+  server: {
+    open: '/index.html',
+  },
+});

package.json

@@ -15,7 +15,8 @@
   },
   "private": true,
   "workspaces": [
-    "@codexteam/ui"
+    "@codexteam/ui",
+    "@codexteam/ui/**"
   ],
   "dependencies": {
     "@codexteam/icons": "^0.3.3",

yarn.lock

@@ -95,7 +95,29 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@codexteam/ui@workspace:@codexteam/ui, @codexteam/ui@workspace:^":
+"@codexteam/ui-demo@workspace:@codexteam/ui/dev":
+  version: 0.0.0-use.local
+  resolution: "@codexteam/ui-demo@workspace:@codexteam/ui/dev"
+  dependencies:
+    "@codexteam/icons": ^0.3.3
+    "@codexteam/ui": "workspace:*"
+    "@editorjs/editorjs": 2.30.2
+    "@editorjs/header": ^2.8.6
+    "@editorjs/nested-list": ^1.4.2
+    "@vitejs/plugin-vue": ^5.0.3
+    postcss: ^8.4.26
+    postcss-apply: ^0.12.0
+    postcss-hover-media-feature: ^1.0.2
+    postcss-import: ^16.0.0
+    postcss-nested: ^6.0.1
+    postcss-preset-env: ^9.3.0
+    vite: ^5.0.12
+    vue: ^3.4.16
+    vue-router: ^4.4.0
+  languageName: unknown
+  linkType: soft
+
+"@codexteam/ui@workspace:*, @codexteam/ui@workspace:@codexteam/ui, @codexteam/ui@workspace:^":
   version: 0.0.0-use.local
   resolution: "@codexteam/ui@workspace:@codexteam/ui"
   dependencies:
@@ -4171,7 +4193,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"is-core-module@npm:^2.16.0":
+"is-core-module@npm:^2.16.0, is-core-module@npm:^2.16.1":
   version: 2.16.1
   resolution: "is-core-module@npm:2.16.1"
   dependencies:
@@ -5120,6 +5142,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"pify@npm:^2.3.0":
+  version: 2.3.0
+  resolution: "pify@npm:2.3.0"
+  checksum: 9503aaeaf4577acc58642ad1d25c45c6d90288596238fb68f82811c08104c800e5a7870398e9f015d82b44ecbcbef3dc3d4251a1cbb582f6e5959fe09884b2ba
+  languageName: node
+  linkType: hard
+
 "pkg-types@npm:^1.3.0":
   version: 1.3.1
   resolution: "pkg-types@npm:1.3.1"
@@ -5350,6 +5379,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"postcss-import@npm:^16.0.0":
+  version: 16.1.1
+  resolution: "postcss-import@npm:16.1.1"
+  dependencies:
+    postcss-value-parser: ^4.0.0
+    read-cache: ^1.0.0
+    resolve: ^1.1.7
+  peerDependencies:
+    postcss: ^8.0.0
+  checksum: 7652c42b63a2752584aa08a6e78445bd7d93f47ab392843157c3e21970595750f3c0f2eec02bd283d2820ccfbda0b4f4423debcad761cf64dd48128dcc2b33c1
+  languageName: node
+  linkType: hard
+
 "postcss-lab-function@npm:^6.0.16":
   version: 6.0.16
   resolution: "postcss-lab-function@npm:6.0.16"
@@ -5551,7 +5593,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"postcss-value-parser@npm:^4.2.0":
+"postcss-value-parser@npm:^4.0.0, postcss-value-parser@npm:^4.2.0":
   version: 4.2.0
   resolution: "postcss-value-parser@npm:4.2.0"
   checksum: 819ffab0c9d51cf0acbabf8996dffbfafbafa57afc0e4c98db88b67f2094cb44488758f06e5da95d7036f19556a4a732525e84289a425f4f6fd8e412a9d7442f
@@ -5649,6 +5691,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"read-cache@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "read-cache@npm:1.0.0"
+  dependencies:
+    pify: ^2.3.0
+  checksum: cffc728b9ede1e0667399903f9ecaf3789888b041c46ca53382fa3a06303e5132774dc0a96d0c16aa702dbac1ea0833d5a868d414f5ab2af1e1438e19e6657c6
+  languageName: node
+  linkType: hard
+
 "regexp.prototype.flags@npm:^1.5.2":
   version: 1.5.2
   resolution: "regexp.prototype.flags@npm:1.5.2"
@@ -5682,6 +5733,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"resolve@npm:^1.1.7":
+  version: 1.22.11
+  resolution: "resolve@npm:1.22.11"
+  dependencies:
+    is-core-module: ^2.16.1
+    path-parse: ^1.0.7
+    supports-preserve-symlinks-flag: ^1.0.0
+  bin:
+    resolve: bin/resolve
+  checksum: 6d5baa2156b95a65ac431e7642e21106584e9f4194da50871cae8bc1bbd2b53bb7cee573c92543d83bb999620b224a087f62379d800ed1ccb189da6df5d78d50
+  languageName: node
+  linkType: hard
+
 "resolve@npm:^1.22.4":
   version: 1.22.8
   resolution: "resolve@npm:1.22.8"
@@ -5708,6 +5772,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"resolve@patch:resolve@^1.1.7#~builtin<compat/resolve>":
+  version: 1.22.11
+  resolution: "resolve@patch:resolve@npm%3A1.22.11#~builtin<compat/resolve>::version=1.22.11&hash=c3c19d"
+  dependencies:
+    is-core-module: ^2.16.1
+    path-parse: ^1.0.7
+    supports-preserve-symlinks-flag: ^1.0.0
+  bin:
+    resolve: bin/resolve
+  checksum: 1462da84ac3410d7c2e12e4f5f25c1423d8a174c3b4245c43eafea85e7bbe6af3eb7ec10a4850b5e518e8531608604742b8cbd761e1acd7ad1035108b7c98013
+  languageName: node
+  linkType: hard
+
 "resolve@patch:resolve@^1.22.4#~builtin<compat/resolve>":
   version: 1.22.8
   resolution: "resolve@patch:resolve@npm%3A1.22.8#~builtin<compat/resolve>::version=1.22.8&hash=c3c19d"