chore: move test to dev-app

glare-labs · Sep 4, 2024 · 06aab87 · 06aab87
1 parent edd7a91
commit 06aab87
Show file tree

Hide file tree

Showing 10 changed files with 68 additions and 40 deletions.
diff --git a/test/index.html → dev-app/index.html b/test/index.html → dev-app/index.html
@@ -69,7 +69,6 @@
 </head>
 
 <body>
-
     <div
         id="container"
         class="max-w-6xl px-4 md:px-16 lg:px-32 xl:mx-auto flex flex-col justify-center [&>h1]:text-headline-large [&>h1+*]:border [&>h1+*]:border-outline [&>h1+*]:shape-medium [&>h1+*]:bg-surface-container-lowest [&>h1]:mt-16 [&>h1]:mb-8 [&>h1+*]:p-4 [&>h1+*]:overflow-auto py-32"
@@ -273,6 +272,8 @@ <h1>Sizing</h1>
             <span class="w-expanded">w-expanded</span>
             <span class="w-large">w-large</span>
         </div>
+
+        <tokens-list></tokens-list>
     </div>
 
 

diff --git a/dev-app/index.ts b/dev-app/index.ts
@@ -0,0 +1,5 @@
+import './input.css';
+
+import { runAll } from './tests/test';
+
+runAll()
diff --git a/test/input.css → dev-app/input.css b/test/input.css → dev-app/input.css
diff --git a/test/package.json → dev-app/package.json b/test/package.json → dev-app/package.json
@@ -1,17 +1,12 @@
 {
-  "name": "test",
-  "version": "1.0.0",
-  "main": "tailwind.config.js",
-  "private" :"true",
+  "name": "dev-app",
+  "version": "0.0.0",
+  "private": "true",
   "scripts": {
     "dev": "vite",
     "build": "vite build"
   },
   "type": "module",
-  "keywords": [],
-  "author": "",
-  "license": "ISC",
-  "description": "",
   "devDependencies": {
     "autoprefixer": "^10.4.19",
     "postcss": "^8.4.38",

diff --git a/test/postcss.config.js → dev-app/postcss.config.js b/test/postcss.config.js → dev-app/postcss.config.js
diff --git a/dev-app/tailwind.config.ts b/dev-app/tailwind.config.ts
@@ -0,0 +1,29 @@
+import { provideBorder, provideColor, provideElevation, provideMotion, provideShape, provideSizing, provideTypography, provideWindowMediaQuery } from '../src/index'
+// import { provideBorder, provideColor, provideElevation, provideMotion, provideShape, provideSizing, provideTypography, provideWindowMediaQuery } from '../build'
+
+export const color = provideColor()
+export const elevation = provideElevation({})
+export const motion = provideMotion()
+export const shape = provideShape()
+export const typo = provideTypography()
+export const border = provideBorder()
+export const mq = provideWindowMediaQuery()
+export const sizing = provideSizing()
+
+/** @type {import('tailwindcss').Config} */
+export default {
+  content: [
+    './index.html',
+  ],
+  plugins: [
+    color.getPlugin(),
+    elevation.getPlugin(),
+    motion.getPlugin(),
+    shape.getPlugin(),
+    typo.getPlugin(),
+    border.getPlugin(),
+    mq.getPlugin(),
+    sizing.getPlugin(),
+  ],
+}
+
diff --git a/dev-app/tsconfig.json b/dev-app/tsconfig.json
@@ -0,0 +1,27 @@
+{
+  "compilerOptions": {
+    "baseUrl": "./",
+    "outDir": "build",
+    "skipLibCheck": true,
+    "allowSyntheticDefaultImports": true,
+    "moduleResolution": "bundler",
+    "importHelpers": true,
+    "isolatedModules": true,
+    "esModuleInterop": true,
+    "verbatimModuleSyntax": true,
+    "useDefineForClassFields": true,
+    "experimentalDecorators": true,
+    "emitDecoratorMetadata": true,
+    "target": "ES2022",
+    "module": "ES2022",
+    "lib": [
+      "ES2022"
+    ],
+    "types": [
+      "vite/client"
+    ],
+  },
+  "include": [
+    "./**/*.ts",
+  ]
+}
diff --git a/test/vite.config.ts → dev-app/vite.config.ts b/test/vite.config.ts → dev-app/vite.config.ts
@@ -7,5 +7,5 @@ export default defineConfig({
         outDir: '../docs',
         emptyOutDir: true,
         minify: true,
-    }
-})
+    },
+})
diff --git a/test/index.ts b/test/index.ts
diff --git a/test/tailwind.config.ts b/test/tailwind.config.ts