tungsten 0.1.7 → 0.1.24

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"}

package/dist/postcssPlugins/parseSelectors.js

@@ -0,0 +1,161 @@
+import { throwError } from "../throwError.js";
+// | 'attribute-name-search' | 'attribute-name' | 'attribute-equals-search' | 'attribute-equals'
+// | 'attribute-value-search' | 'attribute-value' | 'attribute-end-search'
+export function parseSelectors(selectorGroup) {
+  let mode = 'search';
+  let selector = '';
+  const selectors = [];
+  let pseudoOpenBrackets = 0;
+  let pos = 0;
+  while (pos < selectorGroup.length) {
+    const char = selectorGroup[pos];
+    switch (mode) {
+      case 'search':
+        {
+          if (selector !== '') {
+            selectors.push(selector);
+            selector = '';
+          }
+          if (/[a-zA-Z]/.test(char)) {
+            mode = 'tag';
+            selector += char;
+            pos++;
+          } else if (/#/.test(char)) {
+            mode = 'id';
+            selector += char;
+            pos++;
+          } else if (/[.]/.test(char)) {
+            mode = 'class';
+            selector += char;
+            pos++;
+          } else if (/:/.test(char)) {
+            mode = 'pseudo';
+            selector += char;
+            pos++;
+          } else if (/\[/.test(char)) {
+            mode = 'attribute';
+            selector += char;
+            pos++;
+          } else {
+            // some chars here might be errors
+            pos++;
+          }
+          break;
+        }
+      case 'tag':
+        {
+          if (/[a-zA-Z0-9-]/.test(char)) {
+            selector += char;
+            pos++;
+          } else {
+            // some chars here should be errors
+            mode = 'search';
+          }
+          break;
+        }
+      case 'id':
+        {
+          if (selector.length === 1) {
+            // first char after #
+            if (/[a-zA-Z]/.test(char)) {
+              selector += char;
+              pos++;
+            } else {
+              // some chars here should be errors
+              mode = 'search';
+            }
+          } else {
+            if (/[a-zA-Z0-9-_:]/.test(char)) {
+              selector += char;
+              pos++;
+            } else {
+              mode = 'search';
+            }
+          }
+          break;
+        }
+      case 'class':
+        {
+          if (selector.length === 1) {
+            // first char after #
+            if (/[a-zA-Z-_]/.test(char)) {
+              selector += char;
+              pos++;
+            } else {
+              // some chars here should be errors
+              mode = 'search';
+            }
+          } else {
+            if (/[a-zA-Z0-9-_]/.test(char)) {
+              selector += char;
+              pos++;
+            } else {
+              mode = 'search';
+            }
+          }
+          break;
+        }
+      case 'pseudo':
+        {
+          if (pseudoOpenBrackets === 0) {
+            if (/[a-zA-Z0-9-_]/.test(char)) {
+              // not based on any spec, could not find one
+              selector += char;
+              pos++;
+            } else if (selector.length >= 2 && char === '(') {
+              selector += char;
+              pseudoOpenBrackets++;
+              pos++;
+            } else {
+              mode = 'search';
+            }
+          } else {
+            switch (char) {
+              case '(':
+                {
+                  selector += char;
+                  pseudoOpenBrackets++;
+                  pos++;
+                  break;
+                }
+              case ')':
+                {
+                  selector += char;
+                  pseudoOpenBrackets--;
+                  if (pseudoOpenBrackets === 0) {
+                    mode = 'search';
+                  }
+                  pos++;
+                  break;
+                }
+              default:
+                {
+                  selector += char;
+                  pos++;
+                }
+            }
+          }
+          break;
+        }
+      case 'attribute':
+        {
+          if (char === ']') {
+            selector += char;
+            mode = 'search';
+            pos++;
+          } else {
+            selector += char;
+            pos++;
+          }
+          break;
+        }
+      default:
+        {
+          throwError('parseSelectors', 'invalid mode');
+        }
+    }
+  }
+  if (selector.length > 0) selectors.push(selector);
+  return selectors;
+  //return selectorObjects
+}

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=parseSelectors.sxyt.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"parseSelectors.sxyt.d.ts","sourceRoot":"","sources":["../../src/postcssPlugins/parseSelectors.sxyt.ts"],"names":[],"mappings":""}

package/dist/postcssPlugins/parseSelectors.sxyt.js

@@ -0,0 +1,62 @@
+import { describe } from 'sxy-test-runner';
+import { parseSelectors } from "./parseSelectors.js";
+describe('parseSelectors()', ({
+  it
+}) => {
+  const input = 'html';
+  it(`parses out a tag selector from '${input}'`, () => {
+    const selectors = parseSelectors(input);
+    selectors.should.deep.equal(['html']);
+  });
+  const input2 = 'html body';
+  it(`parses out two tag selectors from '${input2}'`, () => {
+    const selectors = parseSelectors(input2);
+    selectors.should.deep.equal(['html', 'body']);
+  });
+  const input3 = '.foo';
+  it(`parses out a class selector from '${input3}'`, () => {
+    const selectors = parseSelectors(input3);
+    selectors.should.deep.equal(['.foo']);
+  });
+  const input4 = '  .foo ';
+  it(`parses out a class selector with whitespace from '${input4}'`, () => {
+    const selectors = parseSelectors(input4);
+    selectors.should.deep.equal(['.foo']);
+  });
+  const input5 = '.foo .bar';
+  it(`parses out a two class selectors from '${input5}'`, () => {
+    const selectors = parseSelectors(input5);
+    selectors.should.deep.equal(['.foo', '.bar']);
+  });
+  const input6 = 'html.bar';
+  it(`parses out connected tag and class '${input6}'`, () => {
+    const selectors = parseSelectors(input6);
+    selectors.should.deep.equal(['html', '.bar']);
+  });
+  const input7 = '.foo.bar';
+  it(`parses out connected classes '${input7}'`, () => {
+    const selectors = parseSelectors(input7);
+    selectors.should.deep.equal(['.foo', '.bar']);
+  });
+  const input8 = 'html#foo.bar';
+  it(`parses out connected tag, id and class '${input8}'`, () => {
+    const selectors = parseSelectors(input8);
+    selectors.should.deep.equal(['html', '#foo', '.bar']);
+  });
+  const input9 = 'html[lang="en"]';
+  it(`parses out tag with attribute selector from '${input9}'`, () => {
+    const selectors = parseSelectors(input9);
+    selectors.should.deep.equal(['html', '[lang="en"]']);
+  });
+  const input10 = ':i(div)';
+  it(`parses out :i pseudo '${input10}'`, () => {
+    const selectors = parseSelectors(input10);
+    selectors.should.deep.equal([':i(div)']);
+  });
+  const input11 = 'html :i(div)';
+  it(`parses out tag then :i pseudo '${input11}'`, () => {
+    const selectors = parseSelectors(input11);
+    //console.log('selectors', selectors)
+    selectors.should.deep.equal(['html', ':i(div)']);
+  });
+});

package/dist/postcssPlugins/parseSelectorsRich.d.ts

@@ -0,0 +1,8 @@
+export type SelectorKind = 'none' | 'whitespace' | 'grammar' | 'tag' | 'id' | 'class' | 'pseudo-class' | 'pseudo-element' | 'attribute';
+export type Selector = {
+    type: SelectorKind;
+    content: string;
+    valid: boolean;
+};
+export declare function parseSelectorsRich(selectorGroup: string): Selector[];
+//# sourceMappingURL=parseSelectorsRich.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"parseSelectorsRich.d.ts","sourceRoot":"","sources":["../../src/postcssPlugins/parseSelectorsRich.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,YAAY,GAAG,SAAS,GAAG,KAAK,GAAG,IAAI,GAAG,OAAO,GAAG,cAAc,GAAG,gBAAgB,GAAG,WAAW,CAAA;AACvI,MAAM,MAAM,QAAQ,GAAG;IACnB,IAAI,EAAE,YAAY,CAAA;IAClB,OAAO,EAAE,MAAM,CAAA;IACf,KAAK,EAAE,OAAO,CAAA;CACjB,CAAA;AAMD,wBAAgB,kBAAkB,CAAC,aAAa,EAAE,MAAM,cAqPvD"}