tungsten 0.2.0 → 0.2.2

package/dist/makeServerRpc.js

@@ -0,0 +1,132 @@
+import { TungstenError } from "./TungstenError.js";
+import { isServer } from "./isServer.js";
+import { post } from "./requests/index.js";
+// maybe come back to this later
+const config = {
+  httpLocation: 'http://localhost:3000'
+};
+const serverRpcList = {};
+// type MakeServerRpcChecked = <F extends AnyFunction>(typeValidator: TypeValidator, serverFunction: F) => F
+// type MakeServerRpcUnchecked = <F extends AnyFunction>(serverFunction: F) => F
+// type MakeServerRpc = MakeServerRpcChecked | MakeServerRpcUnchecked
+/*
+export const makeServerRpc: MakeServerRpc = function<F extends AnyFunction>(arg1: TypeValidator | F, arg2?: F): F {
+    const [typeValidator, serverFunction] = (arg2 === undefined)
+        ? [undefined, arg1]
+        : [arg1, arg2]
+        
+    const funcName = serverFunction.name
+    if (funcName === '') {
+        throw new TungstenError(
+            `makeServerRpc() error: serverFunction must be a named function`
+            + `, e.g. function foo() not function()`
+        )
+    }
+
+    if (funcName in serverRpcList) {
+        throw new TungstenError(
+            `makeServerRpc() error: serverRpc ${funcName} already exists. Server RPC names must be unique`
+        )
+    }
+
+    if (isServer) {
+        return serverFunction as T
+    } else {
+        const rpc = function(...args: unknown[]) {
+            //
+            post(config.httpLocation + '/__server_rpc__', {
+                funcName,
+                args
+            })
+        }
+        return rpc as any as T
+    }
+
+    //console.log('server function name', typeof serverFunction.name,  serverFunction.name === '', serverFunction.name)
+
+}
+*/
+export const makeServerRpcUnchecked = function (serverFunction) {
+  return makeServerRpcInternal(null, serverFunction);
+};
+export const makeServerRpcChecked = function (typeValidator, serverFunction) {
+  return makeServerRpcInternal(typeValidator, serverFunction);
+  //console.log('server function name', typeof serverFunction.name,  serverFunction.name === '', serverFunction.name)
+};
+function makeServerRpcInternal(typeValidator, serverFunction) {
+  const funcName = serverFunction.name;
+  if (funcName === '') {
+    throw new TungstenError(`makeServerRpc() error: serverFunction must be a named function` + `, e.g. function foo() not function()`);
+  }
+  if (funcName in serverRpcList) {
+    throw new TungstenError(`makeServerRpc() error: serverRpc ${funcName} already exists. Server RPC names must be unique`);
+  }
+  if (isServer) {
+    return serverFunction;
+  } else {
+    const rpc = function (...args) {
+      //
+      post(config.httpLocation + '/__server_rpc__', {
+        funcName,
+        args
+      });
+    };
+    return rpc;
+  }
+  //console.log('server function name', typeof serverFunction.name,  serverFunction.name === '', serverFunction.name)
+}
+/*
+import { TungstenError } from './TungstenError.js'
+import { isServer } from './isServer.js'
+import { post } from './requests/index.js'
+import { serverRpcs } from './serverRpcs.js'
+import type { ServerRpcFunction } from './ServerRpcFunction.type.js'
+import { isDev } from './isDev.js'
+import { warn } from './output.js'
+
+const config = {
+    httpLocation: 'http://localhost:3000'
+}
+
+
+//type AnyFunction = (...args: any[]) => any
+
+
+export function makeServerRpc<T extends ServerRpcFunction>(rpcName: string, rpcLocation: string) {
+    const funcName = rpcName
+    if (funcName === '') {
+        throw new TungstenError(
+            `makeServerRpc() error: serverFunction must be a named function`
+            + `, e.g. function foo() not function()`
+        )
+    }
+
+    if (funcName in serverRpcs) {
+        if (isDev) {
+            warn(`serverRpc ${funcName} already exists - this might be because of dev server reloading files`)
+        } else {
+            throw new TungstenError(
+                `makeServerRpc() error: serverRpc ${funcName} already exists. Server RPC names must be unique`
+            )
+        }
+    }
+
+    serverRpcs[funcName] = serverRpcFunction
+
+    if (isServer) {
+        return serverRpcFunction
+    } else {
+        const rpc = function(...args) {
+            //
+            post(config.httpLocation + '/__server_rpc__', {
+                funcName,
+                args
+            })
+        }
+        return rpc as any as T
+    }
+
+    //console.log('server function name', typeof serverFunction.name,  serverFunction.name === '', serverFunction.name)
+
+}
+*/

package/dist/mergeConfigs.d.ts

@@ -0,0 +1,3 @@
+import type { FrameworkConfig } from './FrameworkConfig.js';
+export declare function mergeConfigs(config1: Partial<FrameworkConfig>, config2: Partial<FrameworkConfig>): Partial<FrameworkConfig>;
+//# sourceMappingURL=mergeConfigs.d.ts.map

package/dist/mergeConfigs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mergeConfigs.d.ts","sourceRoot":"","sources":["../src/mergeConfigs.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAA;AAI3D,wBAAgB,YAAY,CAAC,OAAO,EAAE,OAAO,CAAC,eAAe,CAAC,EAAE,OAAO,EAAE,OAAO,CAAC,eAAe,CAAC,GAAG,OAAO,CAAC,eAAe,CAAC,CAU3H"}

package/dist/mergeConfigs.js

@@ -0,0 +1,13 @@
+import cloneDeep from 'lodash.clonedeep';
+// can we use structured close?
+export function mergeConfigs(config1, config2) {
+  const newConfig = cloneDeep(config1);
+  for (const key in config2) {
+    if (Object.prototype.hasOwnProperty.call(config2, key)) {
+      // github co-pilot suggestion, unsure if needed
+      // @ts-ignore -- type errors because TS doesn't assess code as .a = .a but .any = .any
+      newConfig[key] = config2[key];
+    }
+  }
+  return newConfig;
+}

package/dist/moduleReloader.d.ts

@@ -0,0 +1,4 @@
+export { resolve };
+import type { ResolveHook } from 'node:module';
+declare const resolve: ResolveHook;
+//# sourceMappingURL=moduleReloader.d.ts.map

package/dist/moduleReloader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"moduleReloader.d.ts","sourceRoot":"","sources":["../src/moduleReloader.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,EAAC,CAAA;AAGhB,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,aAAa,CAAA;AAqB5C,QAAA,MAAM,OAAO,EAAE,WA+Bd,CAAA"}

package/dist/moduleReloader.js

@@ -0,0 +1,36 @@
+export { resolve };
+import { register, isBuiltin } from 'node:module';
+if (!import.meta.url.endsWith('?loader')) {
+  register(`${import.meta.url}?loader`);
+}
+const selfURL = import.meta.url.replace(/\?loader$/, '');
+const isSelf = url => url === selfURL;
+const hasUrlScheme = specifier => /^[a-zA-Z][a-zA-Z\d+.-]*:/.test(specifier);
+const isBareImport = specifier => !specifier.startsWith('.') && !specifier.startsWith('/') && !specifier.startsWith('\\') && !hasUrlScheme(specifier);
+const isStaticModule = url => {
+  const pathname = url.pathname.toLowerCase();
+  return pathname.includes('/node_modules/') || pathname.includes('/.packages/');
+};
+let id = 0;
+const resolve = async (specifier, context, nextResolve) => {
+  const result = await nextResolve(specifier, context);
+  if (!isSelf(result.url) && !isBuiltin(result.url) && context.parentURL !== undefined) {
+    const url = new URL(result.url);
+    if (isBareImport(specifier) || isStaticModule(url)) {
+      return result;
+    }
+    const parentUrl = new URL(context.parentURL);
+    const instance = url.searchParams.get('t-reload') === '' ? `esm-reload-${id++}` : parentUrl.searchParams.get('t-instance');
+    if (instance !== null) {
+      if (url.searchParams.has('t-reload')) {
+        url.searchParams.delete('t-reload');
+      }
+      url.searchParams.set('t-instance', instance);
+      return {
+        ...result,
+        url: `${url}`
+      };
+    }
+  }
+  return result;
+};

package/dist/mutatingFunctions.d.ts

@@ -0,0 +1,11 @@
+export declare const arrayMutatingFunctions: readonly ["push", "pop", "shift", "unshift", "sort", "splice", "reverse"];
+type ArrayMutatingFunctions = typeof arrayMutatingFunctions[number];
+export declare const mapMutatingFunctions: readonly ["set", "delete", "clear"];
+type MapMutatingFunctions = typeof mapMutatingFunctions[number];
+export declare const setMutatingFunctions: readonly ["add", "delete", "clear"];
+type SetMutatingFunctions = typeof setMutatingFunctions[number];
+export declare function KeyIsArrayMutatingFunction(key: string): key is ArrayMutatingFunctions;
+export declare function KeyIsMapMutatingFunction(key: string): key is MapMutatingFunctions;
+export declare function KeyIsSetMutatingFunction(key: string): key is SetMutatingFunctions;
+export {};
+//# sourceMappingURL=mutatingFunctions.d.ts.map

package/dist/mutatingFunctions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mutatingFunctions.d.ts","sourceRoot":"","sources":["../src/mutatingFunctions.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,sBAAsB,2EAA4E,CAAA;AAC/G,KAAK,sBAAsB,GAAG,OAAO,sBAAsB,CAAC,MAAM,CAAC,CAAA;AAEnE,eAAO,MAAM,oBAAoB,qCAAsC,CAAA;AACvE,KAAK,oBAAoB,GAAG,OAAO,oBAAoB,CAAC,MAAM,CAAC,CAAA;AAE/D,eAAO,MAAM,oBAAoB,qCAAsC,CAAA;AACvE,KAAK,oBAAoB,GAAG,OAAO,oBAAoB,CAAC,MAAM,CAAC,CAAA;AAE/D,wBAAgB,0BAA0B,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,IAAI,sBAAsB,CAGrF;AAED,wBAAgB,wBAAwB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,IAAI,oBAAoB,CAGjF;AAED,wBAAgB,wBAAwB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,IAAI,oBAAoB,CAGjF"}

package/dist/mutatingFunctions.js

@@ -0,0 +1,15 @@
+export const arrayMutatingFunctions = ['push', 'pop', 'shift', 'unshift', 'sort', 'splice', 'reverse'];
+export const mapMutatingFunctions = ['set', 'delete', 'clear'];
+export const setMutatingFunctions = ['add', 'delete', 'clear'];
+export function KeyIsArrayMutatingFunction(key) {
+  // eslint-disable-next-line no-type-assertion/no-type-assertion -- weird TS issue, won't let us search in a const array
+  return arrayMutatingFunctions.includes(key);
+}
+export function KeyIsMapMutatingFunction(key) {
+  // eslint-disable-next-line no-type-assertion/no-type-assertion -- weird TS issue, won't let us search in a const array
+  return mapMutatingFunctions.includes(key);
+}
+export function KeyIsSetMutatingFunction(key) {
+  // eslint-disable-next-line no-type-assertion/no-type-assertion -- weird TS issue, won't let us search in a const array
+  return setMutatingFunctions.includes(key);
+}

package/dist/nbsp.d.ts

@@ -0,0 +1,3 @@
+export declare const nbsp: import("./ContentNode.js").ContentNode;
+export declare const space: import("./ContentNode.js").ContentNode;
+//# sourceMappingURL=nbsp.d.ts.map

package/dist/nbsp.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"nbsp.d.ts","sourceRoot":"","sources":["../src/nbsp.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,IAAI,wCAAc,CAAA;AAC/B,eAAO,MAAM,KAAK,wCAAc,CAAA"}

package/dist/nbsp.js

@@ -0,0 +1,8 @@
+import { Fragment as _Fragment, jsx as _jsx } from "tungsten/jsxRuntime.js";
+//export function Space() { return ' ' }
+export const nbsp = _jsx(_Fragment, {
+  children: "\xA0"
+});
+export const space = _jsx(_Fragment, {
+  children: nbsp
+});

package/dist/objectMap.d.ts

@@ -0,0 +1,3 @@
+export type ObjectMapFunction<O extends object> = (key: keyof O, value: any, object: object) => any;
+export declare function objectMap<O extends object>(object: O, func: ObjectMapFunction<O>): Record<keyof O, any>;
+//# sourceMappingURL=objectMap.d.ts.map

package/dist/objectMap.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"objectMap.d.ts","sourceRoot":"","sources":["../src/objectMap.ts"],"names":[],"mappings":"AACA,MAAM,MAAM,iBAAiB,CAAC,CAAC,SAAS,MAAM,IAAI,CAAC,GAAG,EAAE,MAAM,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,KAAK,GAAG,CAAA;AACnG,wBAAgB,SAAS,CAAC,CAAC,SAAS,MAAM,EAAE,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,iBAAiB,CAAC,CAAC,CAAC,GAM5D,MAAM,CAAC,MAAM,CAAC,EAAE,GAAG,CAAC,CACxC"}

package/dist/objectMap.js

@@ -0,0 +1,8 @@
+export function objectMap(object, func) {
+  const newObj = {};
+  for (const key in object) {
+    key;
+    newObj[key] = func(key, object[key], object);
+  }
+  return newObj;
+}

package/dist/objectTypesToCopy.d.ts

@@ -0,0 +1,2 @@
+export declare const objectTypesToCopy: string[];
+//# sourceMappingURL=objectTypesToCopy.d.ts.map

package/dist/objectTypesToCopy.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"objectTypesToCopy.d.ts","sourceRoot":"","sources":["../src/objectTypesToCopy.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB,UAAsB,CAAA"}

package/dist/objectTypesToCopy.js

@@ -0,0 +1,2 @@
+// objects based on this prototype should be copied when copying state
+export const objectTypesToCopy = ['Object', 'Array'];

package/dist/objectTypesToProxy.d.ts

@@ -0,0 +1,2 @@
+export declare const objectTypesToProxy: string[];
+//# sourceMappingURL=objectTypesToProxy.d.ts.map

package/dist/objectTypesToProxy.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"objectTypesToProxy.d.ts","sourceRoot":"","sources":["../src/objectTypesToProxy.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,kBAAkB,UAAa,CAAA"}

package/dist/objectTypesToProxy.js

@@ -0,0 +1,4 @@
+export const objectTypesToProxy = ['Object']; // objects with this class name or constructor name are treated as dataholders, 
+// and updates to them will trigger updates. Objects based on other constructors
+// are deemed integral entities, and we ignore what happens with them internally.
+// in future plan to let users to add to this list, to add object types that will be proxied

package/dist/output.d.ts

@@ -0,0 +1,6 @@
+export declare function out(...inputs: unknown[]): void;
+export declare function warn(...inputs: unknown[]): void;
+export declare function note(...inputs: unknown[]): void;
+export declare function log(...inputs: unknown[]): void;
+export declare function errorOut(...inputs: unknown[]): void;
+//# sourceMappingURL=output.d.ts.map

package/dist/output.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"output.d.ts","sourceRoot":"","sources":["../src/output.ts"],"names":[],"mappings":"AAEA,wBAAgB,GAAG,CAAC,GAAG,MAAM,EAAE,OAAO,EAAE,QAEvC;AAED,wBAAgB,IAAI,CAAC,GAAG,MAAM,EAAE,OAAO,EAAE,QAExC;AAED,wBAAgB,IAAI,CAAC,GAAG,MAAM,EAAE,OAAO,EAAE,QAExC;AAED,wBAAgB,GAAG,CAAC,GAAG,MAAM,EAAE,OAAO,EAAE,QAEvC;AAED,wBAAgB,QAAQ,CAAC,GAAG,MAAM,EAAE,OAAO,EAAE,QAE5C"}

package/dist/output.js

@@ -0,0 +1,16 @@
+/* eslint-disable no-console */
+export function out(...inputs) {
+  console.log(...inputs);
+}
+export function warn(...inputs) {
+  console.log(...inputs);
+}
+export function note(...inputs) {
+  console.log(...inputs);
+}
+export function log(...inputs) {
+  console.log(...inputs);
+}
+export function errorOut(...inputs) {
+  console.log(...inputs);
+}

package/dist/packageSettings.d.ts

@@ -0,0 +1,2 @@
+export declare const configName = "tungsten.config";
+//# sourceMappingURL=packageSettings.d.ts.map

package/dist/packageSettings.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"packageSettings.d.ts","sourceRoot":"","sources":["../src/packageSettings.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,UAAU,oBAAoB,CAAA"}

package/dist/packageSettings.js

@@ -0,0 +1 @@
+export const configName = 'tungsten.config';

package/dist/parseIni.d.ts

@@ -0,0 +1,4 @@
+export declare function parseIni(content: string): Record<string, string>;
+export declare function parseIniFile(file: string): Promise<Record<string, string>>;
+export declare function parseIniFileSync(file: string): Record<string, string>;
+//# sourceMappingURL=parseIni.d.ts.map

package/dist/parseIni.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"parseIni.d.ts","sourceRoot":"","sources":["../src/parseIni.ts"],"names":[],"mappings":"AAIA,wBAAgB,QAAQ,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAEhE;AAED,wBAAsB,YAAY,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAEhF;AAED,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAErE"}

package/dist/parseIni.js

@@ -0,0 +1,11 @@
+import { promises as fsPromises, readFileSync } from 'fs';
+import ini from 'ini';
+export function parseIni(content) {
+  return ini.parse(content);
+}
+export async function parseIniFile(file) {
+  return parseIni(await fsPromises.readFile(file, 'utf-8'));
+}
+export function parseIniFileSync(file) {
+  return parseIni(readFileSync(file, 'utf-8'));
+}

package/dist/pipeLog.d.ts

@@ -0,0 +1,2 @@
+export declare function pipeLog<T>(a: T): T;
+//# sourceMappingURL=pipeLog.d.ts.map

package/dist/pipeLog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pipeLog.d.ts","sourceRoot":"","sources":["../src/pipeLog.ts"],"names":[],"mappings":"AAEA,wBAAgB,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,GAAG,CAAC,CAGlC"}

package/dist/pipeLog.js

@@ -0,0 +1,5 @@
+/* eslint-disable no-console */
+export function pipeLog(a) {
+  console.log(a);
+  return a;
+}

package/dist/possibleEnvFiles.d.ts

@@ -0,0 +1,2 @@
+export declare const possibleEnvFiles: string[];
+//# sourceMappingURL=possibleEnvFiles.d.ts.map

package/dist/possibleEnvFiles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"possibleEnvFiles.d.ts","sourceRoot":"","sources":["../src/possibleEnvFiles.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,gBAAgB,UAAmD,CAAA"}

package/dist/possibleEnvFiles.js

@@ -0,0 +1 @@
+export const possibleEnvFiles = ['.env.js', '.private.env.js', '.public.env.js'];

package/dist/postcssPlugins/TransformCssNames.d.ts

@@ -0,0 +1,2 @@
+export declare const TransformCssNames: any;
+//# sourceMappingURL=TransformCssNames.d.ts.map

package/dist/postcssPlugins/TransformCssNames.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TransformCssNames.d.ts","sourceRoot":"","sources":["../../src/postcssPlugins/TransformCssNames.ts"],"names":[],"mappings":"AAsFA,eAAO,MAAM,iBAAiB,KA6H5B,CAAA"}

package/dist/postcssPlugins/TransformCssNames.js

@@ -0,0 +1,158 @@
+/*
+extract tags    -> create a class
+div             -> NavItem-El_div
+span            -> NavItem-El_span
+Link            -> NavItem-El_Link
+
+extract classes -> localise
+
+.navItem    ->  NavItem_navItemf
+.span       ->  NavItem_span
+*/
+//const path = require('path')
+import postcss from 'postcss';
+import { parseSelectorsRich } from "./parseSelectorsRich.js";
+import { componentBumpClass } from "../componentClassName.js";
+import { throwError } from "../throwError.js";
+function debug(...texts) {
+  //console.log(...texts)
+}
+// const projectConfig = require('../../config/project.config.cjs')
+// function getModuleName(root) {
+//     let filePath = root.source.input.file.slice(process.cwd().length +1)
+//     filePath = filePath.slice(projectConfig.reactAppLocation.length + 1)
+//     const fileName = path.basename(filePath)
+//     const name = fileName.split('.')[0]
+//     const parts = filePath.split(path.sep)
+//     if (name === 'index') {
+//         parts.pop()
+//     } else {
+//         parts[parts.length -1] = name
+//     }
+//     const moduleName = parts.join('-')
+//     console.log('module name', moduleName)
+//     return moduleName
+// }
+function transformClass(moduleName, className) {
+  return moduleName + '_' + className;
+}
+const escapedHash = '\\0023';
+//const escapedDollar = '\\0024'
+function transformTag(moduleName, tag) {
+  return {
+    css: moduleName + '_' + escapedHash + '_' + tag,
+    jsx: moduleName + '_#_' + tag
+  };
+}
+//Page-poll#_div
+function separatePseudo(selector) {
+  const colonIndex = selector.indexOf(':');
+  if (colonIndex === -1) return [selector, ''];else return [selector.slice(0, colonIndex), selector.slice(colonIndex)];
+}
+const bump = '.' + componentBumpClass + '.' + componentBumpClass + '.' + componentBumpClass;
+// !!! DEPRECATED
+export const TransformCssNames = postcss.plugin('postcss-transform-names', opts => {
+  //console.log('TransformCssNames')
+  if (!('moduleName' in opts)) {
+    throw new Error(`PostcssTransformNames error - pass a moduleName prop to the` + ` plugin to receive transformed names map`);
+  }
+  if (!('outNames' in opts)) {
+    throw new Error(`PostcssTransformNames error - pass an outNames object to the` + ` plugin to receive transformed names map`);
+  }
+  return root => {
+    const moduleName = opts.moduleName;
+    const names = opts.outNames;
+    names.moduleName = moduleName;
+    names.tags = {};
+    names.classes = {};
+    // Transform CSS AST here
+    root.walkRules(rule => {
+      const selectorLine = rule.selector;
+      const selectorGroups = selectorLine.split(',').map(x => x.trim());
+      const newSelectorGroups = [];
+      for (const selectorGroup of selectorGroups) {
+        debug('selectorGroup', selectorGroup);
+        //// Always explain your regex's
+        //// Split the string before a space, after a space, before a . or # within a sequence (e.g. foo.bar)
+        //// This splits the string into tags (foo), classes (.foo), IDs (#foo), and spaces ( )
+        //// The spaces are retained so that we can rebuild the string with the spaces as they were found
+        //const selectors = selectorGroup.split(/(?= )|(?<= )|(?<=\S)(?=[.#]\S)/)
+        // replace the regex with a parser. Easier
+        const selectors = parseSelectorsRich(selectorGroup);
+        const newSelectors = [];
+        for (const {
+          type,
+          content
+        } of selectors) {
+          debug('Sel: ', type + ':', content);
+          if (type === 'whitespace') {
+            newSelectors.push(' ');
+          } else if (type === 'grammar') {
+            newSelectors.push(content);
+          } else if (type === 'id') {
+            newSelectors.push(content);
+          } else if (type === 'class') {
+            const className = content.slice(1);
+            const newClassName = transformClass(moduleName, className);
+            newSelectors.push('.' + newClassName);
+            names.classes[className] = newClassName;
+          } else if (type === 'tag') {
+            const newName = transformTag(moduleName, content);
+            // newName.css === escaped version for css
+            // newName.jsx === unescaped ver for jsx
+            if (/^[A-Z]/.test(content)) {
+              // starts with uppercase - React el
+              newSelectors.push(bump + '.' + newName.css);
+            } else {
+              // lowercase - html el
+              newSelectors.push('.' + newName.css);
+            }
+            names.tags[content] = newName.jsx;
+          } else if (type === 'pseudo-class') {
+            // // REGEX:
+            // // :
+            // // multiple letters/numbers/-/_ [match group 1]
+            // // (
+            // // any chars (greedy / as many as possible) [match group 2]
+            // // )
+            // // e.g. :Match1(Match2)
+            // const pseudoClassRegex = /:([a-zA-Z0-9-_]+)\((.*)\)/
+            // REGEX:
+            // :
+            // multiple letters/numbers/-/_ [match group 1]
+            // optional section, non matching
+            //   (
+            //   any chars (greedy / as many as possible) [match group 2]
+            //   )
+            // e.g. :Match1(Match2)
+            const pseudoClassRegex = /:([a-zA-Z0-9-_]+)(?:\((.*)\))?/;
+            const results = pseudoClassRegex.exec(content);
+            if (results === null) throwError('TransformCssNames -> walkRules', 'pseudo-class selector did not match pseudo-class regex');
+            const label = results[1]; // eslint-disable-line no-type-assertion/no-type-assertion -- typings are incorrect
+            // if it is :i(xxx) or :ignore(xxx), pass through the internal part
+            // otherwise pass all through unaffected
+            if (label === 'i' || label === 'ignore') {
+              const inner = results[2]; // eslint-disable-line no-type-assertion/no-type-assertion -- typings are incorrect
+              if (inner !== undefined && inner !== '') {
+                newSelectors.push(inner);
+              }
+            } else {
+              newSelectors.push(content);
+            }
+          } else if (type === 'pseudo-element') {
+            newSelectors.push(content);
+          } else if (type === 'attribute') {
+            newSelectors.push(content);
+          }
+        }
+        newSelectorGroups.push(newSelectors.join(''));
+      }
+      const newSelectorLine = newSelectorGroups.join(', ');
+      debug('new selector line', newSelectorLine);
+      debug('name for above line', names);
+      rule.selector = newSelectorLine;
+    });
+    //console.log("names", names)
+    //opts.outNames = names
+  };
+});

package/dist/postcssPlugins/parseSelectors.d.ts

@@ -0,0 +1,2 @@
+export declare function parseSelectors(selectorGroup: string): string[];
+//# sourceMappingURL=parseSelectors.d.ts.map

package/dist/postcssPlugins/parseSelectors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"parseSelectors.d.ts","sourceRoot":"","sources":["../../src/postcssPlugins/parseSelectors.ts"],"names":[],"mappings":"AAQA,wBAAgB,cAAc,CAAC,aAAa,EAAE,MAAM,YAgJnD"}