Mirrors/tabler
1
0
Fork 0
mirror of https://github.com/tabler/tabler.git synced 2025-12-21 17:34:25 +04:00
Code Issues Projects Releases Wiki Activity

Refactor documentation structure by removing old menu and layout files, and adding new e11ty components and configurations

Browse Source
This commit is contained in:
codecalm
2025-02-11 19:46:46 +01:00
parent 3204d10168
commit 226e9ab22c
9 changed files with 245 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

0
docs/_includes/logo.html → docs/_e11ty/includes/logo.html
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.0 KiB

After

Width:  |  Height:  |  Size: 3.0 KiB

5
docs/_e11ty/includes/menu.html Normal file
View File

@@ -0,0 +1,5 @@
<div class="p-6">
{{ 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.
</div>

39
docs/_e11ty/layouts/default.html Normal file
View File

@@ -0,0 +1,39 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{{ title }}</title>
<link rel="stylesheet" href="/core/css/tabler.min.css" />
</head>
<body class="d-flex flex-column" style="background: var(--tblr-bg-surface)">
<div class="navbar navbar-expand-md">
<div class="container-xl">
<div class="navbar-brand">
{% include "logo.html" %}
</div>
<div class="navbar-nav flex-row order-md-last">
<a href="/ui">UI</a>
<a href="/illustrations">Illustrations</a>
<!-- <a href="/emails">Emails</a> -->
<a href="/icons">Icons</a>
</div>
</div>
</div>
<div class="container flex-fill">
<div class="row g-0 h-full">
<div class="col-3">{% include "menu.html" %}</div>
<div class="col border-start" style="background: radial-gradient(circle at 0 0, color-mix(in srgb, var(--tblr-primary) 4%, transparent), transparent 80%) no-repeat 0 0 / 800px 800px !important;">
<div class="p-6">
<div class="markdown fs-3">
{{ content }}
</div>
</div>
</div>
</div>
</div>
<script src="/core/js/tabler.esm.js"></script>
</body>
</html>

1
docs/_includes/menu.html
View File

@@ -1 +0,0 @@
menu

28
docs/_layouts/default.html
View File

@@ -1,28 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{{ title }}</title>
<link rel="stylesheet" href="/core/css/tabler.min.css" />
</head>
<body>
<div class="navbar">
<div class="container-xl">
<div class="navbar-brand">
{% include "logo.html" %}
</div>
<div class="navbar-nav flex-row order-md-last">13</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-3">{{ include "menu.html" }}</div>
<div class="col">{{ content }}</div>
</div>
</div>
<script src="/core/js/tabler.esm.js"></script>
</body>
</html>

3
docs/package.json
View File

@@ -11,6 +11,7 @@
"license": "ISC", "license": "ISC",
"devDependencies": { "devDependencies": {
"@11ty/eleventy": "^3.0.0", "@11ty/eleventy": "^3.0.0",
"@tabler/core": "workspace:*" "@tabler/core": "workspace:*",
"@repo/e11ty": "workspace:*"
} }
} }

181
package.json
View File

@@ -14,6 +14,158 @@
"reformat-mdx": "node build/reformat-mdx.mjs" "reformat-mdx": "node build/reformat-mdx.mjs"
}, },
"packageManager": "pnpm@9.15.4", "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": { "devDependencies": {
"@changesets/changelog-github": "^0.5.0", "@changesets/changelog-github": "^0.5.0",
"@changesets/cli": "^2.27.12", "@changesets/cli": "^2.27.12",
@@ -21,11 +173,32 @@
"@rollup/plugin-commonjs": "^28.0.2", "@rollup/plugin-commonjs": "^28.0.2",
"@rollup/plugin-node-resolve": "^16.0.0", "@rollup/plugin-node-resolve": "^16.0.0",
"@rollup/plugin-replace": "^6.0.2", "@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", "autoprefixer": "^10.4.20",
"bundlewatch": "^0.4.0", "bundlewatch": "^0.4.0",
"clean-css-cli": "^5.6.3", "clean-css-cli": "^5.6.3",
"cross-env": "^7.0.3", "cross-env": "^7.0.3",
"glob": "^11.0.1", "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", "js-beautify": "^1.15.1",
"nodemon": "^3.1.9", "nodemon": "^3.1.9",
"postcss": "^8.5.1", "postcss": "^8.5.1",
@@ -34,6 +207,14 @@
"rimraf": "^6.0.1", "rimraf": "^6.0.1",
"rollup": "4.34.4", "rollup": "4.34.4",
"rtlcss": "^4.3.0", "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", "sass": "1.71.0",
"terser": "^5.38.1", "terser": "^5.38.1",
"turbo": "^2.4.0" "turbo": "^2.4.0"

8
shared/e11ty/index.mjs Normal file
View File

@@ -0,0 +1,8 @@
export function appConfig(eleventyConfig) {
eleventyConfig.setLiquidOptions({
timezoneOffset: 0,
jekyllInclude: true,
dynamicPartials: true,
jekyllWhere: true,
});
}

10
shared/e11ty/package.json Normal file
View File

@@ -0,0 +1,10 @@
{
"name": "@repo/e11ty",
"version": "1.0.0",
"homepage": "https://tabler.io",
"exports": {
".": {
"default": "./index.mjs"
}
}
}