mirror of
https://github.com/tabler/tabler.git
synced 2025-12-21 17:34:25 +04:00
Refactor documentation structure by removing old menu and layout files, and adding new e11ty components and configurations
This commit is contained in:
codecalm
|
Before Width: | Height: | Size: 3.0 KiB After Width: | Height: | Size: 3.0 KiB |
5
docs/_e11ty/includes/menu.html
Normal file
5
docs/_e11ty/includes/menu.html
Normal 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
39
docs/_e11ty/layouts/default.html
Normal 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 +0,0 @@
|
||||
menu
|
||||
@@ -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>
|
||||
@@ -11,6 +11,7 @@
|
||||
"license": "ISC",
|
||||
"devDependencies": {
|
||||
"@11ty/eleventy": "^3.0.0",
|
||||
"@tabler/core": "workspace:*"
|
||||
"@tabler/core": "workspace:*",
|
||||
"@repo/e11ty": "workspace:*"
|
||||
}
|
||||
}
|
||||
|
||||
181
package.json
181
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"
|
||||
|
||||
8
shared/e11ty/index.mjs
Normal file
8
shared/e11ty/index.mjs
Normal 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
10
shared/e11ty/package.json
Normal file
@@ -0,0 +1,10 @@
|
||||
{
|
||||
"name": "@repo/e11ty",
|
||||
"version": "1.0.0",
|
||||
"homepage": "https://tabler.io",
|
||||
"exports": {
|
||||
".": {
|
||||
"default": "./index.mjs"
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user