proposal

Author: mightyaleksey

.editorconfig

@@ -0,0 +1,11 @@
+root = true
+
+[*]
+indent_style = space
+indent_size = 2
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+
+# cheat sheet: http://EditorConfig.org

index.js

@@ -0,0 +1,30 @@
+const plugin = require('postcss').plugin;
+
+const importRegexp = /^:import\((.+)\)$/;
+
+/**
+ * @param  {object}  [opts]
+ * @param  {boolean} opts.sync
+ * @return {function}
+ */
+module.exports = plugin('postcss-modules-resolve-imports', function postcssModulesResolveImports(opts) {
+  return function resolveImports(css, result) {
+    // https://github.com/postcss/postcss/blob/master/docs/api.md#inputfile
+    const filepath = css.source.input.file;
+    const plugins = result.processor.plugins;
+
+    css.walkRules(importRegexp, rule => {
+      const dependency = RegExp.$1.replace(/^["']|["']$/g, '');
+
+      // Шаги -> Резолвим путь -> Загружаем содержимое -> Прогоняем через postcss -> Достаем Root
+      // -> Резолвим зависимости -> Вставляем ноды в исходное дерево (желательно использовать tracesort)
+      // Получается, нужен кэш с файлами и конечный резолвер на случай, когда файлы загружены.
+      //
+      // По сути можно хранить список файлов и их контент + отдельно помечать глубину загрузки
+
+      // path RegExp.$1
+    });
+
+    return css;
+  };
+});

package.json

@@ -0,0 +1,32 @@
+{
+  "name": "postcss-modules-resolve-imports",
+  "version": "1.0.0",
+  "description": "Resolves ICSS imports",
+  "main": "index.js",
+  "scripts": {
+    "test": "npm run test:unit",
+    "test:unit": "mocha --require test/setup.js --ui tdd test/index.js"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/sullenor/postcss-modules-resolve-imports.git"
+  },
+  "keywords": [
+    "css-modules"
+  ],
+  "author": "Alexey Litvinov",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/sullenor/postcss-modules-resolve-imports/issues"
+  },
+  "homepage": "https://github.com/sullenor/postcss-modules-resolve-imports#readme",
+  "dependencies": {
+    "postcss": "^5.0.17"
+  },
+  "devDependencies": {
+    "mocha": "^2.4.5",
+    "postcss-modules-extract-imports": "^1.0.0",
+    "postcss-modules-local-by-default": "^1.0.1",
+    "postcss-modules-scope": "^1.0.0"
+  }
+}

readme.md

@@ -0,0 +1,4 @@
+postcss-modules-resolve-imports
+===============================
+
+Resolves ICSS imports. Proposal.

test/external.css

@@ -0,0 +1,4 @@
+.d
+{
+  background: white;
+}

test/index.js

@@ -0,0 +1,17 @@
+const postcss = require('postcss');
+
+const LocalByDefault = require('postcss-modules-local-by-default');
+const ExtractImports = require('postcss-modules-extract-imports');
+const Scope = require('postcss-modules-scope');
+const ResolveImports = require('../index.js');
+
+const readFileSync = require('fs').readFileSync;
+const resolve = require('path').resolve;
+
+const css = readFileSync(resolve('test/source.css'), 'utf8');
+
+const result = postcss([LocalByDefault, ExtractImports, Scope, ResolveImports])
+  .process(css, {from: resolve('test/source.css')})
+  .css;
+
+console.log(result);

test/setup.js

@@ -0,0 +1 @@
+global.assert = require('assert');

test/source.css

@@ -0,0 +1,5 @@
+.app
+{
+  composes: d from './external.css';
+  color: blue;
+}