Publish

- @advdominion/babel-plugin-nunjucks@3.0.1
 - @advdominion/lightningcss-loader@1.0.1

README.md

@@ -8,13 +8,13 @@
 
 ## Публикация новых версий
 
-```
+```bash
 yarn lerna publish
 ```
 
 ## Обновление зависимостей
 
-```shell
+```bash
 yarn set version stable
 
 yarn install

packages/babel-plugin-nunjucks/README.md

@@ -0,0 +1,70 @@
+# babel-plugin-nunjucks
+
+Плагин для [babel-loader](https://github.com/babel/babel-loader), позволяющий использовать шаблонизатор [Nunjucks](https://mozilla.github.io/nunjucks/) внутри JS-файлов.
+
+## Установка
+
+```bash
+yarn add -D @advdominion/babel-plugin-nunjucks
+```
+
+## Использование
+
+Используются [Tagged templates](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals#tagged_templates) с тегом `njk`:
+
+```js
+njk`
+    {% from "./item.njk" import item as item %}
+
+    <div class="items">
+		{% for n in range(0, 10) %}
+			{{item()}}
+		{% endfor %}
+    </div>
+`;
+```
+
+Пример конфигурации Webpack:
+
+```js
+[
+    {
+        test: /\.js$/,
+        exclude: [/mocks\.js$/],
+        use: [
+            {
+                loader: 'babel-loader',
+                options: {
+                    cacheDirectory: true,
+                },
+            },
+        ],
+    },
+    {
+        test: /mocks\.js$/,
+        use: [
+            {
+                loader: 'babel-loader',
+                options: {
+                    compact: false,
+                    plugins: [
+                        [
+                            '@advdominion/babel-plugin-nunjucks',
+                            {
+                                templatesFolder: 'src/templates/',
+                            },
+                        ],
+                    ],
+                },
+            },
+        ],
+    },
+];
+```
+
+## Опции
+
+-   `templatesFolder` - строка, обязательный параметр. Путь до папки с файлами шаблонов
+-   `globals` - массив, необязательный параметр. Глобальные переменные для Nunjucks (например, `[{name: "message", value: "Hello, world!"}]`)
+
+**Важно:** Параметр `cacheDirectory` в опциях babel-loader должен быть отключён.

packages/babel-plugin-nunjucks/index.js

@@ -0,0 +1,25 @@
+import nunjucks from 'nunjucks';
+
+const babelPluginNunjucks = ({types: t}) => {
+    return {
+        pre(state) {
+            const options = state.opts.plugins[0].options;
+            this.njkenv = new nunjucks.Environment(new nunjucks.FileSystemLoader(options.templatesFolder));
+            if (options.globals) {
+                for (const {name, value} of options.globals) {
+                    this.njkenv.addGlobal(name, value);
+                }
+            }
+        },
+        visitor: {
+            TaggedTemplateExpression(path) {
+                if (path.get('tag').isIdentifier({name: 'njk'})) {
+                    const render = this.njkenv.renderString(path.node.quasi.quasis[0].value.raw);
+                    path.replaceWith(t.stringLiteral(render));
+                }
+            },
+        },
+    };
+};
+
+export default babelPluginNunjucks;

packages/babel-plugin-nunjucks/package.json

@@ -0,0 +1,20 @@
+{
+  "name": "@advdominion/babel-plugin-nunjucks",
+  "version": "3.0.1",
+  "type": "module",
+  "main": "index.js",
+  "repository": {
+    "type": "git",
+    "url": "https://gitea.optiweb.ru/public/frontend.git"
+  },
+  "license": "MIT",
+  "publishConfig": {
+    "access": "public"
+  },
+  "dependencies": {
+    "nunjucks": "^3.0.0"
+  },
+  "peerDependencies": {
+    "@babel/core": "^7.0.0"
+  }
+}

packages/eslint-config/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@advdominion/eslint-config",
-  "version": "1.1.1",
+  "version": "1.1.2",
   "type": "module",
   "main": "index.js",
   "repository": {

packages/lightningcss-loader/README.md

@@ -0,0 +1,53 @@
+# lightningcss-loader
+
+[Lightning CSS](https://lightningcss.dev) loader for [Webpack](https://webpack.js.org)
+
+## Usage
+
+```js
+import { transform } from 'lightningcss';
+
+return {
+    ...,
+    rules: [
+        {
+            test: /\.css$/,
+            use: [
+                {
+                    loader: '@advdominion/lightningcss-loader',
+                    options: {
+                        implementation: transform,
+                    },
+                },
+            ],
+        },
+    ],
+};
+```
+
+### Passing options to Lightning CSS
+
+```js
+import { transform } from 'lightningcss';
+
+return {
+    ...,
+    rules: [
+        {
+            test: /\.css$/,
+            use: [
+                {
+                    loader: '@advdominion/lightningcss-loader',
+                    options: {
+                        implementation: transform,
+                        drafts: {
+                            customMedia: true,
+                        },
+                        minify: false,
+                    },
+                },
+            ],
+        },
+    ],
+};
+```

packages/lightningcss-loader/index.js

@@ -0,0 +1,22 @@
+const lightningcssLoader = (source, sourceMap) => {
+    const { implementation, ...options } = this.getOptions();
+    const callback = this.async();
+
+    if (typeof implementation !== 'function') {
+        throw new TypeError(
+            `[lightningcss-loader]: The "implementation" option is required and must provide "transform" function of the LightningCSS`,
+        );
+    }
+
+    const { code, map } = implementation({
+        filename: this.resourcePath,
+        code: Buffer.from(source),
+        sourceMap: this.sourceMap,
+        inputSourceMap: this.sourceMap && sourceMap ? JSON.stringify(sourceMap) : undefined,
+        ...options,
+    });
+
+    callback(undefined, code.toString(), map && JSON.parse(map.toString()));
+}
+
+export default lightningcssLoader;

packages/lightningcss-loader/package.json

@@ -0,0 +1,14 @@
+{
+  "name": "@advdominion/lightningcss-loader",
+  "version": "1.0.1",
+  "type": "module",
+  "main": "index.js",
+  "repository": {
+    "type": "git",
+    "url": "https://gitea.optiweb.ru/public/frontend.git"
+  },
+  "license": "MIT",
+  "publishConfig": {
+    "access": "public"
+  }
+}

prettier.config.js

@@ -2,4 +2,12 @@ export default {
     printWidth: 120,
     singleQuote: true,
     quoteProps: 'consistent',
+    overrides: [
+        {
+            files: 'packages/*/package.json',
+            options: {
+                tabWidth: 2,
+            },
+        },
+    ],
 };

yarn.lock

@@ -5,9 +5,19 @@ __metadata:
   version: 8
   cacheKey: 10c0
 
-"@advdominion/eslint-config@workspace:*, @advdominion/eslint-config@workspace:packages/config-eslint":
+"@advdominion/babel-plugin-nunjucks@workspace:packages/babel-plugin-nunjucks":
   version: 0.0.0-use.local
-  resolution: "@advdominion/eslint-config@workspace:packages/config-eslint"
+  resolution: "@advdominion/babel-plugin-nunjucks@workspace:packages/babel-plugin-nunjucks"
+  dependencies:
+    nunjucks: "npm:^3.0.0"
+  peerDependencies:
+    "@babel/core": ^7.0.0
+  languageName: unknown
+  linkType: soft
+
+"@advdominion/eslint-config@workspace:*, @advdominion/eslint-config@workspace:packages/eslint-config":
+  version: 0.0.0-use.local
+  resolution: "@advdominion/eslint-config@workspace:packages/eslint-config"
   dependencies:
     "@eslint/js": "npm:^9.39.2"
     eslint-config-prettier: "npm:^10.1.8"
@@ -33,6 +43,12 @@ __metadata:
   languageName: unknown
   linkType: soft
 
+"@advdominion/lightningcss-loader@workspace:packages/lightningcss-loader":
+  version: 0.0.0-use.local
+  resolution: "@advdominion/lightningcss-loader@workspace:packages/lightningcss-loader"
+  languageName: unknown
+  linkType: soft
+
 "@advdominion/pluralize@workspace:packages/pluralize":
   version: 0.0.0-use.local
   resolution: "@advdominion/pluralize@workspace:packages/pluralize"
@@ -1300,6 +1316,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"a-sync-waterfall@npm:^1.0.0":
+  version: 1.0.1
+  resolution: "a-sync-waterfall@npm:1.0.1"
+  checksum: 10c0/1c7b258da2c77eb1447dcc683afb10ca3dc8880de990562ccbb7b282538aba01e910345ce9e8500c1458272c7866b85fcfa5ca8159e33550b011ab5c586ec5a4
+  languageName: node
+  linkType: hard
+
 "abbrev@npm:^3.0.0":
   version: 3.0.1
   resolution: "abbrev@npm:3.0.1"
@@ -1470,6 +1493,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"asap@npm:^2.0.3":
+  version: 2.0.6
+  resolution: "asap@npm:2.0.6"
+  checksum: 10c0/c6d5e39fe1f15e4b87677460bd66b66050cd14c772269cee6688824c1410a08ab20254bb6784f9afb75af9144a9f9a7692d49547f4d19d715aeb7c0318f3136d
+  languageName: node
+  linkType: hard
+
 "async-function@npm:^1.0.0":
   version: 1.0.0
   resolution: "async-function@npm:1.0.0"
@@ -1911,6 +1941,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"commander@npm:^5.1.0":
+  version: 5.1.0
+  resolution: "commander@npm:5.1.0"
+  checksum: 10c0/da9d71dbe4ce039faf1fe9eac3771dca8c11d66963341f62602f7b66e36d2a3f8883407af4f9a37b1db1a55c59c0c1325f186425764c2e963dc1d67aec2a4b6d
+  languageName: node
+  linkType: hard
+
 "common-ancestor-path@npm:^1.0.1":
   version: 1.0.1
   resolution: "common-ancestor-path@npm:1.0.1"
@@ -4659,6 +4696,24 @@ __metadata:
   languageName: node
   linkType: hard
 
+"nunjucks@npm:^3.0.0":
+  version: 3.2.4
+  resolution: "nunjucks@npm:3.2.4"
+  dependencies:
+    a-sync-waterfall: "npm:^1.0.0"
+    asap: "npm:^2.0.3"
+    commander: "npm:^5.1.0"
+  peerDependencies:
+    chokidar: ^3.3.0
+  peerDependenciesMeta:
+    chokidar:
+      optional: true
+  bin:
+    nunjucks-precompile: bin/precompile
+  checksum: 10c0/7fe5197559b7c09972c79e2a86f9c093459b9075bc9b41134cd2bc599ae93567b53bd09d472a748edc736192d9ccd2998aa8c20cfcbe6a3fffd281f91897c888
+  languageName: node
+  linkType: hard
+
 "nx@npm:>=21.5.3 < 23.0.0":
   version: 22.3.3
   resolution: "nx@npm:22.3.3"