Merge pull request TeamSupercell#22 from raphael-leger/fix/namespace-and-module-name-conflict

fix: ensure the namespace and module names do not conflict

Author: Obi-Dann

src/utils.js

@@ -50,20 +50,21 @@ const filenameToTypingsFilename = filename => {
 const generateGenericExportInterface = (cssModuleKeys, pascalCaseFileName) => {
   const interfaceName = `I${pascalCaseFileName}`;
   const moduleName = `${pascalCaseFileName}Module`;
+  const namespaceName = `${pascalCaseFileName}Namespace`;
 
   const interfaceProperties = cssModuleToTypescriptInterfaceProperties(
     cssModuleKeys,
     "    "
   );
-  return `declare namespace ${moduleName} {
+  return `declare namespace ${namespaceName} {
   export interface I${pascalCaseFileName} {
 ${interfaceProperties}
   }
 }
 
-declare const ${moduleName}: ${moduleName}.${interfaceName} & {
+declare const ${moduleName}: ${namespaceName}.${interfaceName} & {
   /** WARNING: Only available when \`css-loader\` is used without \`style-loader\` or \`mini-css-extract-plugin\` */
-  locals: ${moduleName}.${interfaceName};
+  locals: ${namespaceName}.${interfaceName};
 };
 
 export = ${moduleName};`;

test/__snapshots__/index.test.js.snap

@@ -1,43 +1,43 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`default options 1`] = `
-"declare namespace ExampleCssModule {
+"declare namespace ExampleCssNamespace {
   export interface IExampleCss {
     \\"bar-baz\\": string;
     composed: string;
     foo: string;
   }
 }
 
-declare const ExampleCssModule: ExampleCssModule.IExampleCss & {
+declare const ExampleCssModule: ExampleCssNamespace.IExampleCss & {
   /** WARNING: Only available when \`css-loader\` is used without \`style-loader\` or \`mini-css-extract-plugin\` */
-  locals: ExampleCssModule.IExampleCss;
+  locals: ExampleCssNamespace.IExampleCss;
 };
 
 export = ExampleCssModule;
 "
 `;
 
 exports[`localsConvention asIs 1`] = `
-"declare namespace ExampleCssModule {
+"declare namespace ExampleCssNamespace {
   export interface IExampleCss {
     \\"bar-baz\\": string;
     composed: string;
     foo: string;
   }
 }
 
-declare const ExampleCssModule: ExampleCssModule.IExampleCss & {
+declare const ExampleCssModule: ExampleCssNamespace.IExampleCss & {
   /** WARNING: Only available when \`css-loader\` is used without \`style-loader\` or \`mini-css-extract-plugin\` */
-  locals: ExampleCssModule.IExampleCss;
+  locals: ExampleCssNamespace.IExampleCss;
 };
 
 export = ExampleCssModule;
 "
 `;
 
 exports[`localsConvention camelCase 1`] = `
-"declare namespace ExampleCssModule {
+"declare namespace ExampleCssNamespace {
   export interface IExampleCss {
     \\"bar-baz\\": string;
     barBaz: string;
@@ -46,9 +46,9 @@ exports[`localsConvention camelCase 1`] = `
   }
 }
 
-declare const ExampleCssModule: ExampleCssModule.IExampleCss & {
+declare const ExampleCssModule: ExampleCssNamespace.IExampleCss & {
   /** WARNING: Only available when \`css-loader\` is used without \`style-loader\` or \`mini-css-extract-plugin\` */
-  locals: ExampleCssModule.IExampleCss;
+  locals: ExampleCssNamespace.IExampleCss;
 };
 
 export = ExampleCssModule;
@@ -57,70 +57,70 @@ export = ExampleCssModule;
 
 exports[`with banner 1`] = `
 "// autogenerated by typings-for-css-modules-loader
-declare namespace ExampleCssModule {
+declare namespace ExampleCssNamespace {
   export interface IExampleCss {
     \\"bar-baz\\": string;
     composed: string;
     foo: string;
   }
 }
 
-declare const ExampleCssModule: ExampleCssModule.IExampleCss & {
+declare const ExampleCssModule: ExampleCssNamespace.IExampleCss & {
   /** WARNING: Only available when \`css-loader\` is used without \`style-loader\` or \`mini-css-extract-plugin\` */
-  locals: ExampleCssModule.IExampleCss;
+  locals: ExampleCssNamespace.IExampleCss;
 };
 
 export = ExampleCssModule;
 "
 `;
 
 exports[`with no formatter 1`] = `
-"declare namespace ExampleCssModule {
+"declare namespace ExampleCssNamespace {
   export interface IExampleCss {
     'bar-baz': string;
     'composed': string;
     'foo': string;
   }
 }
 
-declare const ExampleCssModule: ExampleCssModule.IExampleCss & {
+declare const ExampleCssModule: ExampleCssNamespace.IExampleCss & {
   /** WARNING: Only available when \`css-loader\` is used without \`style-loader\` or \`mini-css-extract-plugin\` */
-  locals: ExampleCssModule.IExampleCss;
+  locals: ExampleCssNamespace.IExampleCss;
 };
 
 export = ExampleCssModule;"
 `;
 
 exports[`with prettier 1`] = `
-"declare namespace ExampleCssModule {
+"declare namespace ExampleCssNamespace {
   export interface IExampleCss {
     \\"bar-baz\\": string;
     composed: string;
     foo: string;
   }
 }
 
-declare const ExampleCssModule: ExampleCssModule.IExampleCss & {
+declare const ExampleCssModule: ExampleCssNamespace.IExampleCss & {
   /** WARNING: Only available when \`css-loader\` is used without \`style-loader\` or \`mini-css-extract-plugin\` */
-  locals: ExampleCssModule.IExampleCss;
+  locals: ExampleCssNamespace.IExampleCss;
 };
 
 export = ExampleCssModule;
 "
 `;
 
 exports[`with sourcemap 1`] = `
-"declare namespace ExampleCssModule {
+"declare namespace ExampleCssNamespace {
   export interface IExampleCss {
     \\"bar-baz\\": string;
     composed: string;
     foo: string;
   }
 }
 
-declare const ExampleCssModule: ExampleCssModule.IExampleCss & {
+declare const ExampleCssModule: ExampleCssNamespace.IExampleCss & {
   /** WARNING: Only available when \`css-loader\` is used without \`style-loader\` or \`mini-css-extract-plugin\` */
-  locals: ExampleCssModule.IExampleCss;
+  locals: ExampleCssNamespace.IExampleCss;
 };
 
 export = ExampleCssModule;