feat(browser): add browser package; prepare release & repl integration

Tahul · Oct 16, 2023 · 1681386 · 1681386
1 parent a65ce75
commit 1681386
Show file tree

Hide file tree

Showing 48 changed files with 448 additions and 320 deletions.
diff --git a/docs/package.json b/docs/package.json
@@ -4,11 +4,11 @@
   "type": "module",
   "scripts": {
     "build:docs": "nuxt build",
-    "prepare:docs": "nuxt prepare",
+    "clean": "rm -rf dist",
     "dev": "nuxt dev",
     "generate": "nuxt generate",
-    "preview": "nuxt preview",
-    "clean": "rm -rf dist"
+    "prepare:docs": "nuxt prepare",
+    "preview": "nuxt preview"
   },
   "devDependencies": {
     "@nuxt/content": "^2.8.5",

diff --git a/examples/astro-svelte/package.json b/examples/astro-svelte/package.json
@@ -2,12 +2,12 @@
   "name": "@pinceau/astro-svelte-example",
   "private": true,
   "scripts": {
-    "dev": "astro dev --port=3000",
-    "start": "astro dev --port=3000",
+    "astro": "astro",
     "build:example": "astro build",
+    "clean": "rm -rf dist",
+    "dev": "astro dev --port=3000",
     "preview": "astro preview",
-    "astro": "astro",
-    "clean": "rm -rf dist"
+    "start": "astro dev --port=3000"
   },
   "dependencies": {
     "vue": "^3.3.4"

diff --git a/examples/astro-vue/package.json b/examples/astro-vue/package.json
@@ -2,12 +2,12 @@
   "name": "@pinceau/astro-vue-example",
   "private": true,
   "scripts": {
-    "dev": "astro dev --port=3000",
-    "start": "astro dev --port=3000",
+    "astro": "astro",
     "build:example": "astro build",
+    "clean": "rm -rf dist",
+    "dev": "astro dev --port=3000",
     "preview": "astro preview",
-    "astro": "astro",
-    "clean": "rm -rf dist"
+    "start": "astro dev --port=3000"
   },
   "dependencies": {
     "vue": "^3.3.4"

diff --git a/examples/astro/package.json b/examples/astro/package.json
@@ -2,12 +2,12 @@
   "name": "@pinceau/astro-example",
   "private": true,
   "scripts": {
-    "dev": "astro dev --port=3000",
-    "start": "astro dev --port=3000",
+    "astro": "astro",
     "build:example": "astro build",
+    "clean": "rm -rf dist",
+    "dev": "astro dev --port=3000",
     "preview": "astro preview",
-    "astro": "astro",
-    "clean": "rm -rf dist"
+    "start": "astro dev --port=3000"
   },
   "devDependencies": {
     "@pinceau/astro": "workspace:*",

diff --git a/examples/nuxt/package.json b/examples/nuxt/package.json
@@ -3,9 +3,9 @@
   "private": true,
   "scripts": {
     "build:example": "nuxi build",
+    "clean": "rm -rf dist && rm -rf .output && rm -rf .nuxt",
     "dev": "nuxi dev --port=3000",
-    "preview": "nuxi preview",
-    "clean": "rm -rf dist && rm -rf .output && rm -rf .nuxt"
+    "preview": "nuxi preview"
   },
   "dependencies": {
     "@pinceau/nuxt": "workspace:*"

diff --git a/examples/sveltekit/package.json b/examples/sveltekit/package.json
@@ -2,12 +2,12 @@
   "name": "@pinceau/sveltekit-example",
   "type": "module",
   "scripts": {
-    "dev": "vite dev --port=3000",
     "build:example": "vite build",
-    "preview": "vite preview",
     "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
     "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
-    "clean": "rm -rf dist"
+    "clean": "rm -rf dist",
+    "dev": "vite dev --port=3000",
+    "preview": "vite preview"
   },
   "devDependencies": {
     "@pinceau/configs": "workspace:*",

diff --git a/examples/vite-lib/package.json b/examples/vite-lib/package.json
@@ -1,12 +1,12 @@
 {
   "name": "@pinceau/vite-lib-example",
-  "type": "module",
   "private": true,
+  "type": "module",
   "scripts": {
     "build:example": "vite build",
+    "clean": "rm -rf dist",
     "dev": "vite --port=3000",
-    "preview": "vite preview",
-    "clean": "rm -rf dist"
+    "preview": "vite preview"
   },
   "dependencies": {
     "pinceau": "workspace:*"

diff --git a/examples/vite-lit/package.json b/examples/vite-lit/package.json
@@ -11,9 +11,9 @@
     "types"
   ],
   "scripts": {
-    "dev": "vite --port=3000",
     "build:example": "tsc && vite build",
-    "clean": "rm -rf dist"
+    "clean": "rm -rf dist",
+    "dev": "vite --port=3000"
   },
   "dependencies": {
     "lit": "^3.0.0"

diff --git a/examples/vite-preact/package.json b/examples/vite-preact/package.json
@@ -1,14 +1,14 @@
 {
   "name": "@pinceau/vite-preact-example",
-  "private": true,
   "version": "0.0.0",
+  "private": true,
   "scripts": {
-    "dev": "vite --port=3000",
-    "dev-refresh": "cross-env USE_REFRESH=true vite --port=3000",
     "build:example": "vite build",
     "build:example-refresh": "cross-env USE_REFRESH=true vite build",
-    "preview": "vite preview",
-    "clean": "rm -rf dist"
+    "clean": "rm -rf dist",
+    "dev": "vite --port=3000",
+    "dev-refresh": "cross-env USE_REFRESH=true vite --port=3000",
+    "preview": "vite preview"
   },
   "dependencies": {
     "preact": "^10.18.1"

diff --git a/examples/vite-react/package.json b/examples/vite-react/package.json
@@ -1,23 +1,23 @@
 {
   "name": "@pinceau/vite-react-example",
-  "private": true,
   "version": "0.0.0",
+  "private": true,
   "scripts": {
-    "dev": "vite --port=3000",
-    "dev-refresh": "cross-env USE_REFRESH=true vite --port=3000",
     "build:example": "vite build",
     "build:example-refresh": "cross-env USE_REFRESH=true vite build",
-    "preview": "vite preview",
-    "clean": "rm -rf dist"
+    "clean": "rm -rf dist",
+    "dev": "vite --port=3000",
+    "dev-refresh": "cross-env USE_REFRESH=true vite --port=3000",
+    "preview": "vite preview"
   },
   "dependencies": {
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },
   "devDependencies": {
     "@pinceau/configs": "workspace:*",
-    "@pinceau/react": "workspace:*",
     "@pinceau/palette": "workspace:*",
+    "@pinceau/react": "workspace:*",
     "@types/node": "20.8.5",
     "@types/react": "latest",
     "@types/react-dom": "latest",

diff --git a/examples/vite-solid/package.json b/examples/vite-solid/package.json
@@ -1,13 +1,13 @@
 {
   "name": "@pinceau/vite-solid-example",
-  "private": true,
   "version": "0.0.0",
+  "private": true,
   "license": "MIT",
   "scripts": {
-    "dev": "vite --port=3000",
     "build:example": "vite build",
-    "serve": "vite preview",
-    "clean": "rm -rf dist"
+    "clean": "rm -rf dist",
+    "dev": "vite --port=3000",
+    "serve": "vite preview"
   },
   "dependencies": {
     "solid-js": "^1.8.1"

diff --git a/examples/vite-svelte/package.json b/examples/vite-svelte/package.json
@@ -1,19 +1,19 @@
 {
   "name": "@pinceau/vite-svelte-example",
+  "version": "0.0.0",
   "private": true,
   "type": "module",
-  "version": "0.0.0",
   "scripts": {
-    "dev": "vite --port=3000",
     "build:example": "vite build",
-    "serve": "vite preview",
     "check": "svelte-check --tsconfig ./tsconfig.json",
-    "clean": "rm -rf dist"
+    "clean": "rm -rf dist",
+    "dev": "vite --port=3000",
+    "serve": "vite preview"
   },
   "devDependencies": {
     "@pinceau/configs": "workspace:*",
-    "@pinceau/svelte": "workspace:*",
     "@pinceau/palette": "workspace:*",
+    "@pinceau/svelte": "workspace:*",
     "@sveltejs/vite-plugin-svelte": "^2.4.6",
     "svelte": "^4.2.1",
     "svelte-check": "^3.5.2",

diff --git a/examples/vite-vue/package.json b/examples/vite-vue/package.json
@@ -1,21 +1,21 @@
 {
   "name": "@pinceau/vite-vue-example",
-  "type": "module",
   "private": true,
+  "type": "module",
   "scripts": {
     "build:example": "vite build",
+    "clean": "rm -rf dist",
     "dev": "vite --port=3000",
-    "preview": "vite preview",
-    "clean": "rm -rf dist"
+    "preview": "vite preview"
   },
   "dependencies": {
     "vue": "^3.3.4",
     "vue-router": "^4.2.5"
   },
   "devDependencies": {
     "@pinceau/configs": "workspace:*",
-    "@pinceau/vue": "workspace:*",
     "@pinceau/palette": "workspace:*",
+    "@pinceau/vue": "workspace:*",
     "@vitejs/plugin-vue": "^4.4.0",
     "typescript": "^5.2.2",
     "vite": "^4.4.11"

diff --git a/integrations/astro/package.json b/integrations/astro/package.json
@@ -1,16 +1,16 @@
 {
   "name": "@pinceau/astro",
-  "type": "module",
-  "private": true,
   "version": "1.0.0-beta.10",
+  "private": true,
   "homepage": "https://github.com/Tahul/pinceau#readme",
+  "bugs": {
+    "url": "https://github.com/Tahul/pinceau/issues"
+  },
   "repository": {
     "type": "git",
     "url": "git+https://github.com/Tahul/pinceau.git"
   },
-  "bugs": {
-    "url": "https://github.com/Tahul/pinceau/issues"
-  },
+  "type": "module",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
@@ -38,12 +38,12 @@
   "types": "./dist/index.d.ts",
   "scripts": {
     "build": "unbuild",
-    "stub": "unbuild --stub",
-    "clean": "rm -rf dist"
+    "clean": "rm -rf dist",
+    "stub": "unbuild --stub"
   },
   "dependencies": {
-    "@pinceau/integration": "workspace:*",
     "@pinceau/core": "workspace:*",
+    "@pinceau/integration": "workspace:*",
     "acorn": "^8.10.0"
   },
   "devDependencies": {

diff --git a/build/browser.ts → integrations/browser/build.ts b/build/browser.ts → integrations/browser/build.ts
@@ -6,18 +6,32 @@ const { external, alias } = env(nodeless, node)
 build({
   minify: true,
   treeshake: true,
+  dts: true,
   platform: 'browser',
   format: ['esm'],
-  entry: ['src/index.ts', 'src/utils.ts', 'src/runtime.ts', 'src/volar.ts'],
-  outDir: 'dist/browser',
+  entry: [
+    './src/theme.ts',
+    './src/theme-runtime.ts',
+    './src/core.ts',
+    './src/core-runtime.ts',
+    './src/svelte.ts',
+    './src/svelte-runtime.ts',
+    './src/vue.ts',
+    './src/vue-runtime.ts',
+    './src/react.ts',
+    './src/react-runtime.ts',
+  ],
+  outDir: 'dist/',
   clean: true,
   esbuildOptions: (options) => {
+    options.ignoreAnnotations = true
     options.external = options.external ?? []
     options.external.push('@vue/*')
     options.external.push('vue')
     options.external.push('jiti')
     options.external.push('@volar/*')
     options.external.push(...external)
+    options.external.push('$pinceau/*')
     options.alias = options.alias ?? {}
     options.alias = {
       ...options.alias,
@@ -36,6 +50,7 @@ build({
     options.splitting = true
   },
   noExternal: [
+    'sfc-composer',
     'style-dictionary-esm',
     'nanoid',
     'scule',