Convert postcss-custom-properties-fallback to esm

Author: iOvergaard

package-lock.json

@@ -3,7 +3,7 @@ import { nodeResolve } from '@rollup/plugin-node-resolve';
 import minifyHTML from 'rollup-plugin-minify-html-literals';
 import { readPackageJson } from '../scripts/modify-pkgjson.mjs';
 import rollupPostcss from 'rollup-plugin-postcss';
-import postcssCustomPropertiesFallback from 'postcss-custom-properties-fallback';
+import postcssCustomPropertiesFallback from '../scripts/postcss-custom-properties-fallback/plugin.mjs';
 import path from 'path';
 import processLitCSSPlugin from '../scripts/rollup.processLitCSSPlugin.mjs';
 import importCss from 'rollup-plugin-import-css';

packages/rollup-package.config.js

@@ -0,0 +1,117 @@
+import fs from 'fs';
+import path from 'path';
+import * as postcss from 'postcss';
+import { parse } from 'postcss-values-parser';
+
+async function getCustomPropertiesFromCSSFile(from) {
+  const css = await readFile(from); // eslint-disable-next-line no-unused-vars
+
+  postcss.parse(css, {
+    from,
+  });
+  throw new Error('Importing from CSS files not supported yet'); //return getCustomPropertiesFromRoot(root, { preserve: true });
+}
+/* Get Custom Properties from Object
+/* ========================================================================== */
+
+function getCustomPropertiesFromObject(object) {
+  const customProperties = Object.assign(
+    {},
+    Object(object).customProperties,
+    Object(object)['custom-properties']
+  );
+
+  for (const key in customProperties) {
+    customProperties[key] = parse(String(customProperties[key])).nodes;
+  }
+
+  return customProperties;
+}
+/* Get Custom Properties from JSON file
+/* ========================================================================== */
+
+async function getCustomPropertiesFromJSONFile(from) {
+  const object = await readJSON(from);
+  return getCustomPropertiesFromObject(object);
+}
+/* Get Custom Properties from JS file
+/* ========================================================================== */
+
+async function getCustomPropertiesFromJSFile(from) {
+  const object = await import(from);
+
+  return getCustomPropertiesFromObject(object);
+}
+
+export default function getCustomPropertiesFromImports(sources) {
+  return sources
+    .map(source => {
+      if (source instanceof Promise) {
+        return source;
+      } else if (source instanceof Function) {
+        return source();
+      } // read the source as an object
+
+      const opts =
+        source === Object(source)
+          ? source
+          : {
+              from: String(source),
+            }; // skip objects with Custom Properties
+
+      if (opts.customProperties || opts['custom-properties']) {
+        return opts;
+      } // source pathname
+
+      const from = path.resolve(String(opts.from || '')); // type of file being read from
+
+      const type = (opts.type || path.extname(from).slice(1)).toLowerCase();
+      return {
+        type,
+        from,
+      };
+    })
+    .reduce(async (customProperties, source) => {
+      const { type, from } = await source;
+
+      if (type === 'css') {
+        return Object.assign(
+          await customProperties,
+          await getCustomPropertiesFromCSSFile(from)
+        );
+      }
+
+      if (type === 'js') {
+        return Object.assign(
+          await customProperties,
+          await getCustomPropertiesFromJSFile(from)
+        );
+      }
+
+      if (type === 'json') {
+        return Object.assign(
+          await customProperties,
+          await getCustomPropertiesFromJSONFile(from)
+        );
+      }
+
+      return Object.assign(
+        await customProperties,
+        await getCustomPropertiesFromObject(await source)
+      );
+    }, {});
+}
+
+const readFile = from =>
+  new Promise((resolve, reject) => {
+    fs.readFile(from, 'utf8', (error, result) => {
+      if (error) {
+        reject(error);
+      } else {
+        resolve(result);
+      }
+    });
+  });
+
+const readJSON = async from => JSON.parse(await readFile(from));
+//# sourceMappingURL=import-from.js.map