diff --git a/docs/_includes/logo.html b/docs/_e11ty/includes/logo.html similarity index 100% rename from docs/_includes/logo.html rename to docs/_e11ty/includes/logo.html diff --git a/docs/_e11ty/includes/menu.html b/docs/_e11ty/includes/menu.html new file mode 100644 index 000000000..ab7b60fad --- /dev/null +++ b/docs/_e11ty/includes/menu.html @@ -0,0 +1,5 @@ +
+ {{ collections | inspect }} + + Lorem ipsum dolor sit amet consectetur adipisicing elit. Beatae iure blanditiis a, rerum explicabo amet quibusdam excepturi officia? Voluptatem commodi temporibus neque dignissimos iste illum officia laboriosam, totam ea id. +
\ No newline at end of file diff --git a/docs/_e11ty/layouts/default.html b/docs/_e11ty/layouts/default.html new file mode 100644 index 000000000..b3153a816 --- /dev/null +++ b/docs/_e11ty/layouts/default.html @@ -0,0 +1,39 @@ + + + + + + {{ title }} + + + + +
+
+
+ {% include "logo.html" %} +
+
+ UI + Illustrations + + Icons +
+
+
+
+
+
{% include "menu.html" %}
+
+
+
+ {{ content }} +
+
+
+
+
+ + + + \ No newline at end of file diff --git a/docs/_includes/menu.html b/docs/_includes/menu.html deleted file mode 100644 index e4a6a569b..000000000 --- a/docs/_includes/menu.html +++ /dev/null @@ -1 +0,0 @@ -menu \ No newline at end of file diff --git a/docs/_layouts/default.html b/docs/_layouts/default.html deleted file mode 100644 index d2968f051..000000000 --- a/docs/_layouts/default.html +++ /dev/null @@ -1,28 +0,0 @@ - - - - - - {{ title }} - - - - -
-
-
- {% include "logo.html" %} -
-
13
-
-
-
-
-
{{ include "menu.html" }}
-
{{ content }}
-
-
- - - - \ No newline at end of file diff --git a/docs/package.json b/docs/package.json index d68396e81..2a7b0734d 100644 --- a/docs/package.json +++ b/docs/package.json @@ -11,6 +11,7 @@ "license": "ISC", "devDependencies": { "@11ty/eleventy": "^3.0.0", - "@tabler/core": "workspace:*" + "@tabler/core": "workspace:*", + "@repo/e11ty": "workspace:*" } } diff --git a/package.json b/package.json index 5f737296e..35094acdf 100644 --- a/package.json +++ b/package.json @@ -14,6 +14,158 @@ "reformat-mdx": "node build/reformat-mdx.mjs" }, "packageManager": "pnpm@9.15.4", + "dev": "npm run start", + "start": "gulp start", + "build": "npm run clean && npm run css && npm run html && npm run copy", + "unused-files": "node .build/unused-files.js", + "_release": "release-it", + "bundlewatch": "bundlewatch", + "import-icons": "git checkout dev && BRANCH_NAME=\"dev-tabler-icons-`npm info @tabler/icons version`\" && git branch $BRANCH_NAME && git checkout $BRANCH_NAME && ncu -u @tabler/icons && npm install && node .build/import-icons.js && git add . && git commit -am \"update icons to v`npm info @tabler/icons version`\" && git push origin $BRANCH_NAME && git checkout dev", + "import-illustrations": "node .build/import-illustrations.js", + "download-images": "node .build/download-images.js", + "optimize": "npm run optimize-images && npm run optimize-svg", + "optimize-images": "for i in ./src/static/photos/*.jpg; do convert \"$i\" -quality 80% \"${i%.jpg}.jpg\"; done", + "optimize-svg": "svgo -f svg/brand --pretty", + "format:check": "prettier --check src/**/*.{js,scss} --cache", + "format:write": "prettier --write src/**/*.{js,scss} --cache", + "clean": "rm -rf dist/* demo/*", + "html": "eleventy", + "release": "", + "generate-sri": "node .build/generate-sri.mjs", + "js": "npm-run-all js-compile", + "js-compile": "npm-run-all --aggregate-output --parallel js-compile-*", + "js-compile-standalone": "rollup --environment BUNDLE:false --config build/rollup.config.mjs --sourcemap", + "js-compile-standalone-esm": "rollup --environment ESM:true,BUNDLE:false --config build/rollup.config.mjs --sourcemap", + "js-compile-bundle": "rollup --environment BUNDLE:true --config build/rollup.config.mjs --sourcemap", + "js-compile-plugins": "node build/build-plugins.mjs", + "js-minify": "echo 'ok'", + "copy": "npm run copy:static && npm run copy:img", + "copy:static": "mkdir -p demo/static && cp -r src/static/* demo/static/", + "copy:img": "mkdir -p dist/img && cp -r src/img/* dist/img/", + "css": "npm run css-compile && npm run css-prefix && npm run css-rtl && npm run css-minify", + "css-compile": "sass src/scss:dist/css --no-source-map --load-path=node_modules --no-error-css", + "css-prefix": "postcss --config .build/postcss.config.mjs --replace \"dist/css/*.css\" \"!dist/css/*.rtl*.css\" \"!dist/css/*.min.css\"", + "css-rtl": "cross-env NODE_ENV=RTL postcss --config build/postcss.config.mjs --dir \"dist/css\" --ext \".rtl.css\" \"dist/css/*.css\" \"!dist/css/*.min.css\" \"!dist/css/*.rtl.css\"", + "css-minify": "npm run css-minify-main && npm run css-minify-rtl", + "css-minify-main": "cleancss -O1 --format breakWith=lf --with-rebase --source-map --source-map-inline-sources --output dist/css/ --batch --batch-suffix \".min\" \"dist/css/*.css\" \"!dist/css/*.min.css\" \"!dist/css/*rtl*.css\"", + "css-minify-rtl": "cleancss -O1 --format breakWith=lf --with-rebase --source-map --source-map-inline-sources --output dist/css/ --batch --batch-suffix \".min\" \"dist/css/*rtl.css\" \"!dist/css/*.min.css\"", + "watch:html": "eleventy --watch --incremental", + "reformat-mdx": "node .build/reformat-mdx.mjs" + }, + "repository": { + "type": "git", + "url": "git+https://github.com/tabler/tabler.git" + }, + "keywords": [ + "css", + "sass", + "mobile-first", + "responsive", + "front-end", + "framework", + "web" + ], + "author": "codecalm", + "license": "MIT", + "bugs": { + "url": "https://github.com/tabler/tabler/issues" + }, + "funding": { + "type": "github", + "url": "https://github.com/sponsors/codecalm" + }, + "engines": { + "node": ">=20" + }, + "files": [ + "docs/**/*", + "dist/**/*", + "src/js/**/*.{js,map}", + "src/img/**/*.{svg}", + "src/scss/**/*.scss" + ], + "style": "dist/css/tabler.css", + "sass": "src/scss/tabler.scss", + "unpkg": "dist/js/tabler.min.js", + "umd:main": "dist/js/tabler.min.js", + "module": "dist/js/tabler.esm.js", + "main": "dist/js/tabler.js", + "bundlewatch": { + "files": [ + { + "path": "./dist/css/tabler.css", + "maxSize": "75 kB" + }, + { + "path": "./dist/css/tabler.min.css", + "maxSize": "70 kB" + }, + { + "path": "./dist/css/tabler.rtl.css", + "maxSize": "75 kB" + }, + { + "path": "./dist/css/tabler.rtl.min.css", + "maxSize": "70 kB" + }, + { + "path": "./dist/css/tabler-flags.css", + "maxSize": "2 kB" + }, + { + "path": "./dist/css/tabler-flags.min.css", + "maxSize": "2 kB" + }, + { + "path": "./dist/css/tabler-payments.css", + "maxSize": "2 kB" + }, + { + "path": "./dist/css/tabler-payments.min.css", + "maxSize": "2 kB" + }, + { + "path": "./dist/css/tabler-socials.css", + "maxSize": "2 kB" + }, + { + "path": "./dist/css/tabler-socials.min.css", + "maxSize": "2 kB" + }, + { + "path": "./dist/css/tabler-marketing.css", + "maxSize": "9 kB" + }, + { + "path": "./dist/css/tabler-marketing.min.css", + "maxSize": "8 kB" + }, + { + "path": "./dist/css/tabler-vendors.css", + "maxSize": "7.5 kB" + }, + { + "path": "./dist/css/tabler-vendors.min.css", + "maxSize": "6.5 kB" + }, + { + "path": "./dist/js/tabler.js", + "maxSize": "60 kB" + }, + { + "path": "./dist/js/tabler.min.js", + "maxSize": "45 kB" + }, + { + "path": "./dist/js/tabler.esm.js", + "maxSize": "60 kB" + }, + { + "path": "./dist/js/tabler.esm.min.js", + "maxSize": "45 kB" + } + ] + }, "devDependencies": { "@changesets/changelog-github": "^0.5.0", "@changesets/cli": "^2.27.12", @@ -21,11 +173,32 @@ "@rollup/plugin-commonjs": "^28.0.2", "@rollup/plugin-node-resolve": "^16.0.0", "@rollup/plugin-replace": "^6.0.2", + "npm-run-all": "^4.1.5", + "@11ty/eleventy": "^3.0.0", + "@babel/core": "^7.26.0", + "@babel/preset-env": "^7.26.0", + "@changesets/cli": "^2.27.11", + "@rollup/plugin-commonjs": "^24.1.0", + "@rollup/plugin-node-resolve": "^15.3.1", + "@rollup/plugin-replace": "^5.0.7", + "@rollup/stream": "^2.0.0", + "apexcharts": "^4.3.0", "autoprefixer": "^10.4.20", "bundlewatch": "^0.4.0", "clean-css-cli": "^5.6.3", "cross-env": "^7.0.3", "glob": "^11.0.1", + "choices.js": "^11.0.3", + "clean-css-cli": "^5.6.3", + "countup.js": "^2.8.0", + "cross-env": "^7.0.3", + "cross-spawn": "^7.0.6", + "dropzone": "^6.0.0-beta.2", + "flatpickr": "^4.6.13", + "fslightbox": "^3.4.2", + "glob": "^10.4.5", + "imageoptim-cli": "^3.1.9", + "imask": "^7.6.1", "js-beautify": "^1.15.1", "nodemon": "^3.1.9", "postcss": "^8.5.1", @@ -34,6 +207,14 @@ "rimraf": "^6.0.1", "rollup": "4.34.4", "rtlcss": "^4.3.0", + "postcss-cli": "^11.0.0", + "prettier": "^2.8.8", + "release-it": "^15.11.0", + "request": "^2.88.2", + "rollup": "2.79.2", + "rollup-plugin-babel": "^4.4.0", + "rollup-plugin-cleanup": "^3.2.1", + "rtlcss": "^4.3.0", "sass": "1.71.0", "terser": "^5.38.1", "turbo": "^2.4.0" diff --git a/shared/e11ty/index.mjs b/shared/e11ty/index.mjs new file mode 100644 index 000000000..ab634c026 --- /dev/null +++ b/shared/e11ty/index.mjs @@ -0,0 +1,8 @@ +export function appConfig(eleventyConfig) { + eleventyConfig.setLiquidOptions({ + timezoneOffset: 0, + jekyllInclude: true, + dynamicPartials: true, + jekyllWhere: true, + }); +} \ No newline at end of file diff --git a/shared/e11ty/package.json b/shared/e11ty/package.json new file mode 100644 index 000000000..96898175f --- /dev/null +++ b/shared/e11ty/package.json @@ -0,0 +1,10 @@ +{ + "name": "@repo/e11ty", + "version": "1.0.0", + "homepage": "https://tabler.io", + "exports": { + ".": { + "default": "./index.mjs" + } + } +} \ No newline at end of file