chore: adds initial tailwind config

README.md

@@ -41,7 +41,7 @@ Insure you're using the correct version of node:
 
 ```bash
 n i auto
-# or nvm i
+# or nvm i auto
 ```
 
 Recursively install node modules:

chompfile.toml

@@ -58,6 +58,7 @@ deps = [
   'generate:api:generator',
   'generate:api:import-map',
   'generate:api:jspm-cli',
+  'generate:api:css',
 ]
 engine = 'node'
 
@@ -93,3 +94,25 @@ custom-css = 'typedoc/typedoc-theme.css'
 plugins = './typedoc/typedoc-theme.cjs,typedoc-plugin-versions,typedoc-plugin-external-resolver'
 flags = '--lightHighlightTheme $TYPEDOC_SYNTAX_THEME --darkHighlightTheme $TYPEDOC_SYNTAX_THEME'
 out = 'public_html/docs/jspm-cli'
+
+[[task]]
+name = 'generate:api:css'
+deps = ['./styles/input.css', 'template.html', 'pages/**/*.md']
+run = 'tailwindcss -i ./styles/input.css -o ./public_html/style.main.css'
+
+[[task]]
+name = 'generate:api:assets'
+deps = ['./assets/**/*']
+run = 'cp -r ./assets ./public_html'
+
+[[task]]
+name = 'generate:api:docs'
+deps = ['template.html', 'pages/**/*.md']
+# a minimal watch for html/md updates for development
+run = 'chomp generate:site'
+
+[[task]]
+name = 'dev'
+deps = ['generate:api:css', 'generate:api:assets']
+# TODO browser-sync is temporary, should be replaced with this https://github.com/guybedford/chomp/issues/61
+run = 'concurrently "chomp generate:api:docs --serve --port 4003 --watch" "browser-sync start --server public_html --files public_html"'

package.json

@@ -3,10 +3,16 @@
   "type": "module",
   "devDependencies": {
     "@ltd/j-toml": "^1.38.0",
+    "autoprefixer": "^10.4.19",
+    "browser-sync": "^3.0.2",
+    "concurrently": "^8.2.2",
+    "daisyui": "^4.11.1",
     "js-yaml": "^4.1.0",
     "jsdom": "^16.7.0",
     "marked": "^4.3.0",
     "picocolors": "^1.0.0",
+    "postcss": "^8.4.38",
+    "tailwindcss": "^3.4.3",
     "toml": "^3.0.0",
     "typedoc": "0.23.25",
     "typedoc-plugin-external-resolver": "1.0.1",

postcss.config.js

@@ -0,0 +1,9 @@
+import tailwindcss from 'tailwindcss';
+import autoprefixer from 'autoprefixer';
+
+export default {
+  plugins: [
+    tailwindcss,
+    autoprefixer
+  ]
+}