Pārlūkot izejas kodu

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

codecalm 7 mēneši atpakaļ
vecāks
revīzija
226e9ab22c

+ 0 - 0
docs/_includes/logo.html → docs/_e11ty/includes/logo.html


+ 5 - 0
docs/_e11ty/includes/menu.html

@@ -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 - 0
docs/_e11ty/layouts/default.html

@@ -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>

+ 0 - 1
docs/_includes/menu.html

@@ -1 +0,0 @@
-menu

+ 0 - 28
docs/_layouts/default.html

@@ -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>

+ 2 - 1
docs/package.json

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

+ 181 - 0
package.json

@@ -14,6 +14,158 @@
     "reformat-mdx": "node build/reformat-mdx.mjs"
   },
   "packageManager": "[email protected]",
+    "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 - 0
shared/e11ty/index.mjs

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

+ 10 - 0
shared/e11ty/package.json

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