fallback

Author: mightyaleksey

src/extractor.js

@@ -1,5 +1,6 @@
 import postcss from 'postcss';
 import genericNames from 'generic-names';
+import { relative } from 'path';
 
 import Values from 'postcss-modules-values';
 import LocalByDefault from 'postcss-modules-local-by-default';
@@ -27,9 +28,15 @@ export default function extractor({
   use,
   rootDir: context = process.cwd(),
 } = {}, fetch) {
-  const scopedName = typeof generateScopedName !== 'function'
-    ? genericNames(generateScopedName || '[name]__[local]___[hash:base64:5]', {context})
-    : generateScopedName;
+  let scopedName;
+  if (generateScopedName) {
+    scopedName = typeof generateScopedName !== 'function'
+      ? genericNames(generateScopedName || '[name]__[local]___[hash:base64:5]', {context})
+      : generateScopedName;
+  } else {
+    // small fallback
+    scopedName = (local, filename) => Scope.generateScopedName(local, relative(context, filename));
+  }
 
   const plugins = (use || [
     ...prepend,

test/common-test-cases.js

@@ -65,7 +65,7 @@ describe('common-test-cases', () => {
         hook({rootDir: resolve('test/test-cases'), use: pipelines['test-cases']});
       });
 
-      it.skip('loader-core', done => {
+      it('loader-core', done => {
         const loader = new FileSystemLoader(resolve('test/test-cases'), pipelines['test-cases']);
 
         loader.fetch('localise-export/source.css', '/')
@@ -90,7 +90,7 @@ describe('common-test-cases', () => {
         hook({rootDir: resolve('test/test-cases'), use: pipelines['test-cases']});
       });
 
-      it.skip('loader-core', done => {
+      it('loader-core', done => {
         const loader = new FileSystemLoader(resolve('test/test-cases'), pipelines['test-cases']);
 
         loader.fetch('multiple-dependencies/source.css', '/')
@@ -116,7 +116,7 @@ describe('common-test-cases', () => {
         hook({rootDir: resolve('test/test-cases'), use: pipelines['test-cases']});
       });
 
-      it.skip('loader-core', done => {
+      it('loader-core', done => {
         const loader = new FileSystemLoader(resolve('test/test-cases'), pipelines['test-cases']);
 
         loader.fetch('multiple-sources/source1.css', '/').then(tokens1 => {
@@ -146,7 +146,7 @@ describe('common-test-cases', () => {
         hook({rootDir: resolve('test/test-cases'), use: pipelines['test-cases']});
       });
 
-      it.skip('loader-core', done => {
+      it('loader-core', done => {
         const loader = new FileSystemLoader(resolve('test/test-cases'), pipelines['test-cases']);
 
         loader.fetch('simple-export/source.css', '/')
@@ -171,7 +171,7 @@ describe('common-test-cases', () => {
         hook({rootDir: resolve('test/test-cases'), use: pipelines['test-cases']});
       });
 
-      it.skip('loader-core', done => {
+      it('loader-core', done => {
         const loader = new FileSystemLoader(resolve('test/test-cases'), pipelines['test-cases']);
 
         loader.fetch('single-import-export/source.css', '/')
@@ -196,7 +196,7 @@ describe('common-test-cases', () => {
         hook({rootDir: resolve('test/test-cases'), use: pipelines['test-cases']});
       });
 
-      it.skip('loader-core', done => {
+      it('loader-core', done => {
         const loader = new FileSystemLoader(resolve('test/test-cases'), pipelines['test-cases']);
 
         loader.fetch('values/source.css', '/')
@@ -225,7 +225,7 @@ describe('common-test-cases', () => {
         hook({rootDir: resolve('test/cssi'), use: pipelines['cssi']});
       });
 
-      it.skip('loader-core', done => {
+      it('loader-core', done => {
         const loader = new FileSystemLoader(resolve('test/cssi'), pipelines['cssi']);
 
         loader.fetch('interchange-format/source.css', '/')
@@ -250,7 +250,7 @@ describe('common-test-cases', () => {
         hook({rootDir: resolve('test/cssi'), use: pipelines['cssi']});
       });
 
-      it.skip('loader-core', done => {
+      it('loader-core', done => {
         const loader = new FileSystemLoader(resolve('test/cssi'), pipelines['cssi']);
 
         loader.fetch('pseudo-variables/source.css', '/')

test/test-cases/compose-node-module/expected.json

@@ -1,3 +1,3 @@
 {
-  "foo": "source__foo___Hrz9d common__paragraph___3JLbK oceanic__color___31IHS"
+  "foo": "_compose_node_module_source__foo _node_modules_awesome_theme_common__paragraph _node_modules_awesome_theme_oceanic__color"
 }

test/test-cases/extra-extension/expected.json

@@ -1,3 +1,3 @@
 {
-  "localName": "source__localName___vIwQ_"
+  "localName": "_test_test_cases_extra_extension_source__localName"
 }

test/test-cases/localise-export/expected.json

@@ -1,5 +1,5 @@
 {
-  "one": "source__one___2IkxG",
-  "two": "source__two___2iKn2",
-  "three": "source__three___3gn87"
+  "one": "_localise_export_source__one",
+  "two": "_localise_export_source__two",
+  "three": "_localise_export_source__three"
 }

test/test-cases/multiple-dependencies/expected.json

@@ -1,3 +1,3 @@
 {
-  "a": "source__a___RfIq7 b__b1___3Qt4T d__d1___1Xi3x d__d2___1eI73 b__b2___1px7c c__c___2OSKQ something-global"
+  "a": "_multiple_dependencies_source__a _multiple_dependencies_b__b1 _multiple_dependencies_d__d1 _multiple_dependencies_d__d2 _multiple_dependencies_b__b2 _multiple_dependencies_c__c something-global"
 }

test/test-cases/multiple-sources/expected.json

@@ -1,4 +1,4 @@
 {
-  "a": "source1__a___2iCl8 b__b___2rzkw d__d___2_axc c__c___3w6Q6",
-  "foo": "source2__foo___1bzDO b__b___2rzkw d__d___2_axc"
+  "a": "_multiple_sources_source1__a _multiple_sources_b__b _multiple_sources_d__d _multiple_sources_c__c",
+  "foo": "_multiple_sources_source2__foo _multiple_sources_b__b _multiple_sources_d__d"
 }

test/test-cases/simple-export/expected.json

@@ -1,3 +1,3 @@
 {
-  "localName": "source__localName___27qI-"
+  "localName": "_simple_export_source__localName"
 }

test/test-cases/single-import-export/expected.json

@@ -1,3 +1,3 @@
 {
-  "localName": "source__localName___4KJWa colors__blackShadow___1KxRU colors__redBorder___2JrFD"
+  "localName": "_single_import_export_source__localName _single_import_export_colors__blackShadow _single_import_export_colors__redBorder"
 }

test/test-cases/values/expected.json

@@ -5,5 +5,5 @@
   "medium": "(min-width: 600px) and (max-width: 959px)",
   "secondary": "#2f2",
   "blue": "#f01",
-  "foo": "source__foo___29gFW borders__dashed___1ai3w colors__text-secondary___3-tp0"
+  "foo": "_values_source__foo _values_borders__dashed _values_colors__text-secondary"
 }