chore: initial commit

unpreset · Sep 9, 2023 · 68525cf · 68525cf
1 parent 6b8f723
commit 68525cf
Show file tree

Hide file tree

Showing 11 changed files with 4,563 additions and 20 deletions.
diff --git a/build.config.ts b/build.config.ts
@@ -12,4 +12,7 @@ export default defineBuildConfig({
  externals: [
  'unocss',
  ],
+ hooks: {
+
+ },
 })
diff --git a/package.json b/package.json
@@ -1,24 +1,24 @@
 {
- "name": "unocss-preset-starter",
+ "name": "unocss-preset-animatecss",
  "type": "module",
  "version": "0.0.0",
  "packageManager": "pnpm@8.7.0",
- "description": "<description>",
- "author": "unpreset <https://github.com/unpreset>",
+ "description": "UnoCSS preset for animate.css",
+ "author": "chizukicn <chizukicn@outlook.com>",
  "license": "MIT",
- "homepage": "https://github.com/unpreset/unocss-preset-starter#readme",
+ "homepage": "https://github.com/unpreset/unocss-preset-animatecss#readme",
  "repository": {
  "type": "git",
- "url": "git+https://github.com/unpreset/unocss-preset-starter.git"
+ "url": "git+https://github.com/unpreset/unocss-preset-animatecss.git"
  },
  "bugs": {
- "url": "https://github.com/unpreset/unocss-preset-starter/issues"
+ "url": "https://github.com/unpreset/unocss-preset-animatecss/issues"
  },
  "keywords": [
  "unocss",
  "unpreset",
  "unocss-preset",
- "unocss-preset-starter"
+ "unocss-preset-animatecss"
  ],
  "sideEffects": false,
  "exports": {
@@ -44,20 +44,31 @@
  ],
  "scripts": {
  "build": "unbuild",
- "dev": "unbuild --stub",
+ "stub": "unbuild --stub",
+ "dev": "pnpm test",
+ "play": "vite playground",
  "prepublishOnly": "pnpm run build",
  "release": "bumpp --commit --push --tag && pnpm publish",
  "lint": "eslint .",
  "lint:fix": "eslint . --fix",
  "test": "vitest",
  "test:update": "vitest --update"
  },
+ "dependencies": {
+ "postcss": "^8.4.29",
+ "postcss-js": "^4.0.1"
+ },
  "devDependencies": {
  "@antfu/eslint-config": "^0.41.0",
  "@babel/types": "^7.22.11",
+ "@types/fs-extra": "^11.0.1",
  "@types/node": "^20.5.9",
+ "@types/postcss-js": "^4.0.1",
+ "@vitejs/plugin-vue-jsx": "^3.0.2",
+ "animate.css": "^4.1.1",
  "bumpp": "^9.2.0",
  "eslint": "^8.48.0",
+ "fs-extra": "^11.1.1",
  "typescript": "5.1.6",
  "unbuild": "^2.0.0",
  "unocss": "latest",

diff --git a/playground/index.html b/playground/index.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8" />
+ <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+ <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+ <title>UnoCSS Preset Palette</title>
+</head>
+
+<body>
+ <div id="app"></div>
+ <script type="module" src="./main.tsx"></script>
+</body>
+<style>
+ html,
+ body,
+ #app {
+ width: 100%;
+ height: 100%;
+ }
+</style>
+
+</html>
diff --git a/playground/main.tsx b/playground/main.tsx
@@ -0,0 +1,26 @@
+import { createApp, ref } from 'vue'
+import 'uno.css'
+
+type ModeType = 'light' | 'dark' | 'cafe'
+
+createApp({
+ setup() {
+ const modes: ModeType[] = ['light', 'dark', 'cafe']
+
+ const index = ref(0)
+
+ function toggle() {
+ index.value = index.value + 1
+ if (index.value >= modes.length)
+ index.value = 0
+ }
+
+ return () => (
+ <div class="bg-secondary duration-300 flex h-full w-full items-center justify-center">
+ <div class="bg-white text-pink-3 text-4xl animate__backInDown animate__animated" >
+ Animate
+ </div>
+ </div>
+ )
+ },
+}).mount('#app')
diff --git a/playground/vite.config.ts b/playground/vite.config.ts
@@ -0,0 +1,17 @@
+import { defineConfig } from 'vite'
+
+import jsx from '@vitejs/plugin-vue-jsx'
+
+import uno from 'unocss/vite'
+
+// https://vitejs.dev/config/
+export default defineConfig(() => ({
+ base: '/',
+
+ plugins: [
+ jsx(),
+ uno({
+ configFile: '../uno.config.ts',
+ }),
+ ],
+}))