Skip to content

Commit d5cf8f7

Browse files
neSpeccneSpecc
authored
Merge pull request #329 from codex-team/ui-static
chore(ui): prepare static build for ui package
2 parents 099917d + 78bce79 commit d5cf8f7

File tree

7 files changed

+162
-11
lines changed

7 files changed

+162
-11
lines changed

‎@codexteam/ui/dev/Playground.vue‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -38,7 +38,7 @@ import {
3838
Tabbar,
3939
Popover,
4040
Popup
41-
} from '../src/vue';
41+
} from '../src';
4242
import { useTheme } from '../src/vue/composables/useTheme';
4343
import { Navbar } from '../src/vue/layout/navbar';
4444
import { PageBlock } from '../src/vue/layout/page-block';

‎@codexteam/ui/dev/index.html‎

Lines changed: 4 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -6,15 +6,13 @@
66
theme-base="graphite"
77
theme-accent="sky"
88
>
9-
<link
10-
rel="stylesheet"
11-
href="../src/styles/index.pcss"
12-
/>
139
<div id="app"></div>
1410
<script type="module">
15-
import { createApp, h } from 'vue';
16-
import Playground from './Playground.vue';
11+
import { createApp } from 'vue';
1712
import { createRouter, createWebHashHistory } from 'vue-router';
13+
import "../src/styles/index.pcss";
14+
15+
import Playground from './Playground.vue';
1816
import routes from './routes';
1917

2018
const router = createRouter({

‎@codexteam/ui/dev/package.json‎

Lines changed: 30 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,30 @@
1+
{
2+
"name": "@codexteam/ui-demo",
3+
"version": "1.0.0",
4+
"type": "module",
5+
"private": true,
6+
"scripts": {
7+
"dev": "vite",
8+
"build": "vite build",
9+
"preview": "vite preview"
10+
},
11+
"dependencies": {
12+
"@codexteam/icons": "^0.3.3",
13+
"@codexteam/ui": "workspace:*",
14+
"@editorjs/editorjs": "2.30.2",
15+
"@editorjs/header": "^2.8.6",
16+
"@editorjs/nested-list": "^1.4.2",
17+
"vue": "^3.4.16",
18+
"vue-router": "^4.4.0"
19+
},
20+
"devDependencies": {
21+
"@vitejs/plugin-vue": "^5.0.3",
22+
"postcss": "^8.4.26",
23+
"postcss-apply": "^0.12.0",
24+
"postcss-hover-media-feature": "^1.0.2",
25+
"postcss-import": "^16.0.0",
26+
"postcss-nested": "^6.0.1",
27+
"postcss-preset-env": "^9.3.0",
28+
"vite": "^5.0.12"
29+
}
30+
}

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

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
import postcssNested from 'postcss-nested';
2+
import postcssPresetEnv from 'postcss-preset-env';
3+
import postcssApply from 'postcss-apply';
4+
import postcssHoverMediaFeature from 'postcss-hover-media-feature';
5+
6+
/**
7+
* Returns PostCSS config for dev package
8+
* Uses the same config as parent package
9+
* Vite will resolve @/ alias automatically
10+
*
11+
* @returns {object} PostCSS config
12+
*/
13+
export default function () {
14+
return {
15+
plugins: [postcssNested(), postcssPresetEnv(), postcssApply(), postcssHoverMediaFeature()],
16+
};
17+
}

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

Lines changed: 27 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,27 @@
1+
import { resolve } from 'path';
2+
import { defineConfig } from 'vite';
3+
import vue from '@vitejs/plugin-vue';
4+
5+
export default defineConfig({
6+
plugins: [vue()],
7+
root: __dirname,
8+
build: {
9+
outDir: resolve(__dirname, 'dist'),
10+
emptyOutDir: true,
11+
rollupOptions: {
12+
output: {
13+
/* Ensure relative paths work for static demo */
14+
assetFileNames: 'assets/[name].[ext]',
15+
},
16+
},
17+
},
18+
resolve: {
19+
alias: {
20+
// eslint-disable-next-line @typescript-eslint/naming-convention
21+
'@': resolve(__dirname, '../src'),
22+
},
23+
},
24+
server: {
25+
open: '/index.html',
26+
},
27+
});

‎package.json‎

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -7,6 +7,7 @@
77
"dev": "vite",
88
"build": "yarn build:ui && vue-tsc && vite build",
99
"build:ui": "yarn workspace @codexteam/ui run build",
10+
"build:ui-demo": "yarn workspace @codexteam/ui-demo run build",
1011
"preview": "vite preview",
1112
"lint": "eslint",
1213
"lint:fix": "yarn lint --fix",
@@ -15,7 +16,8 @@
1516
},
1617
"private": true,
1718
"workspaces": [
18-
"@codexteam/ui"
19+
"@codexteam/ui",
20+
"@codexteam/ui/**"
1921
],
2022
"dependencies": {
2123
"@codexteam/icons": "^0.3.3",

‎yarn.lock‎

Lines changed: 80 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -95,7 +95,29 @@ __metadata:
9595
languageName: node
9696
linkType: hard
9797

98-
"@codexteam/ui@workspace:@codexteam/ui, @codexteam/ui@workspace:^":
98+
"@codexteam/ui-demo@workspace:@codexteam/ui/dev":
99+
version: 0.0.0-use.local
100+
resolution: "@codexteam/ui-demo@workspace:@codexteam/ui/dev"
101+
dependencies:
102+
"@codexteam/icons": ^0.3.3
103+
"@codexteam/ui": "workspace:*"
104+
"@editorjs/editorjs": 2.30.2
105+
"@editorjs/header": ^2.8.6
106+
"@editorjs/nested-list": ^1.4.2
107+
"@vitejs/plugin-vue": ^5.0.3
108+
postcss: ^8.4.26
109+
postcss-apply: ^0.12.0
110+
postcss-hover-media-feature: ^1.0.2
111+
postcss-import: ^16.0.0
112+
postcss-nested: ^6.0.1
113+
postcss-preset-env: ^9.3.0
114+
vite: ^5.0.12
115+
vue: ^3.4.16
116+
vue-router: ^4.4.0
117+
languageName: unknown
118+
linkType: soft
119+
120+
"@codexteam/ui@workspace:*, @codexteam/ui@workspace:@codexteam/ui, @codexteam/ui@workspace:^":
99121
version: 0.0.0-use.local
100122
resolution: "@codexteam/ui@workspace:@codexteam/ui"
101123
dependencies:
@@ -4171,7 +4193,7 @@ __metadata:
41714193
languageName: node
41724194
linkType: hard
41734195

4174-
"is-core-module@npm:^2.16.0":
4196+
"is-core-module@npm:^2.16.0, is-core-module@npm:^2.16.1":
41754197
version: 2.16.1
41764198
resolution: "is-core-module@npm:2.16.1"
41774199
dependencies:
@@ -5120,6 +5142,13 @@ __metadata:
51205142
languageName: node
51215143
linkType: hard
51225144

5145+
"pify@npm:^2.3.0":
5146+
version: 2.3.0
5147+
resolution: "pify@npm:2.3.0"
5148+
checksum: 9503aaeaf4577acc58642ad1d25c45c6d90288596238fb68f82811c08104c800e5a7870398e9f015d82b44ecbcbef3dc3d4251a1cbb582f6e5959fe09884b2ba
5149+
languageName: node
5150+
linkType: hard
5151+
51235152
"pkg-types@npm:^1.3.0":
51245153
version: 1.3.1
51255154
resolution: "pkg-types@npm:1.3.1"
@@ -5350,6 +5379,19 @@ __metadata:
53505379
languageName: node
53515380
linkType: hard
53525381

5382+
"postcss-import@npm:^16.0.0":
5383+
version: 16.1.1
5384+
resolution: "postcss-import@npm:16.1.1"
5385+
dependencies:
5386+
postcss-value-parser: ^4.0.0
5387+
read-cache: ^1.0.0
5388+
resolve: ^1.1.7
5389+
peerDependencies:
5390+
postcss: ^8.0.0
5391+
checksum: 7652c42b63a2752584aa08a6e78445bd7d93f47ab392843157c3e21970595750f3c0f2eec02bd283d2820ccfbda0b4f4423debcad761cf64dd48128dcc2b33c1
5392+
languageName: node
5393+
linkType: hard
5394+
53535395
"postcss-lab-function@npm:^6.0.16":
53545396
version: 6.0.16
53555397
resolution: "postcss-lab-function@npm:6.0.16"
@@ -5551,7 +5593,7 @@ __metadata:
55515593
languageName: node
55525594
linkType: hard
55535595

5554-
"postcss-value-parser@npm:^4.2.0":
5596+
"postcss-value-parser@npm:^4.0.0, postcss-value-parser@npm:^4.2.0":
55555597
version: 4.2.0
55565598
resolution: "postcss-value-parser@npm:4.2.0"
55575599
checksum: 819ffab0c9d51cf0acbabf8996dffbfafbafa57afc0e4c98db88b67f2094cb44488758f06e5da95d7036f19556a4a732525e84289a425f4f6fd8e412a9d7442f
@@ -5649,6 +5691,15 @@ __metadata:
56495691
languageName: node
56505692
linkType: hard
56515693

5694+
"read-cache@npm:^1.0.0":
5695+
version: 1.0.0
5696+
resolution: "read-cache@npm:1.0.0"
5697+
dependencies:
5698+
pify: ^2.3.0
5699+
checksum: cffc728b9ede1e0667399903f9ecaf3789888b041c46ca53382fa3a06303e5132774dc0a96d0c16aa702dbac1ea0833d5a868d414f5ab2af1e1438e19e6657c6
5700+
languageName: node
5701+
linkType: hard
5702+
56525703
"regexp.prototype.flags@npm:^1.5.2":
56535704
version: 1.5.2
56545705
resolution: "regexp.prototype.flags@npm:1.5.2"
@@ -5682,6 +5733,19 @@ __metadata:
56825733
languageName: node
56835734
linkType: hard
56845735

5736+
"resolve@npm:^1.1.7":
5737+
version: 1.22.11
5738+
resolution: "resolve@npm:1.22.11"
5739+
dependencies:
5740+
is-core-module: ^2.16.1
5741+
path-parse: ^1.0.7
5742+
supports-preserve-symlinks-flag: ^1.0.0
5743+
bin:
5744+
resolve: bin/resolve
5745+
checksum: 6d5baa2156b95a65ac431e7642e21106584e9f4194da50871cae8bc1bbd2b53bb7cee573c92543d83bb999620b224a087f62379d800ed1ccb189da6df5d78d50
5746+
languageName: node
5747+
linkType: hard
5748+
56855749
"resolve@npm:^1.22.4":
56865750
version: 1.22.8
56875751
resolution: "resolve@npm:1.22.8"
@@ -5708,6 +5772,19 @@ __metadata:
57085772
languageName: node
57095773
linkType: hard
57105774

5775+
"resolve@patch:resolve@^1.1.7#~builtin<compat/resolve>":
5776+
version: 1.22.11
5777+
resolution: "resolve@patch:resolve@npm%3A1.22.11#~builtin<compat/resolve>::version=1.22.11&hash=c3c19d"
5778+
dependencies:
5779+
is-core-module: ^2.16.1
5780+
path-parse: ^1.0.7
5781+
supports-preserve-symlinks-flag: ^1.0.0
5782+
bin:
5783+
resolve: bin/resolve
5784+
checksum: 1462da84ac3410d7c2e12e4f5f25c1423d8a174c3b4245c43eafea85e7bbe6af3eb7ec10a4850b5e518e8531608604742b8cbd761e1acd7ad1035108b7c98013
5785+
languageName: node
5786+
linkType: hard
5787+
57115788
"resolve@patch:resolve@^1.22.4#~builtin<compat/resolve>":
57125789
version: 1.22.8
57135790
resolution: "resolve@patch:resolve@npm%3A1.22.8#~builtin<compat/resolve>::version=1.22.8&hash=c3c19d"

0 commit comments

Comments
 (0)