tungsten 0.1.6 → 0.1.24

package/dist/babelPlugins/BabelTransformCjsToFunction2.d.ts

@@ -0,0 +1,16 @@
+import { NodePath } from '@babel/core';
+import { CallExpression, Directive, Identifier } from 'babel-types';
+type Opts = {
+    dependencies: string[];
+};
+export declare function MakeBabelTransformCjsToFunction(opts: Opts): (babel: any) => {
+    pre(state: any): void;
+    visitor: {
+        CallExpression(path: NodePath<CallExpression>): void;
+        Identifier(path: NodePath<Identifier>): void;
+        Directive(path: NodePath<Directive>): void;
+    };
+    post(state: any): void;
+};
+export {};
+//# sourceMappingURL=BabelTransformCjsToFunction2.d.ts.map

package/dist/babelPlugins/BabelTransformCjsToFunction2.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BabelTransformCjsToFunction2.d.ts","sourceRoot":"","sources":["../../src/babelPlugins/BabelTransformCjsToFunction2.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACtC,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AA6DnE,KAAK,IAAI,GAAG;IACR,YAAY,EAAE,MAAM,EAAE,CAAA;CACzB,CAAA;AAED,wBAAgB,+BAA+B,CAAC,IAAI,EAAE,IAAI;eAcnC,GAAG;;6BAqCW,QAAQ,CAAC,cAAc,CAAC;yBAgC5B,QAAQ,CAAC,UAAU,CAAC;wBAerB,QAAQ,CAAC,SAAS,CAAC;;gBAM3B,GAAG;EAuI1B"}

package/dist/babelPlugins/BabelTransformCjsToFunction2.js

@@ -0,0 +1,189 @@
+//function parse() {
+//	return {
+//      exports: [],
+//      reexports: []
+//    }
+//}
+//// let or const??
+const filenameAndDirnameCode = `import { fileURLToPath } from 'url';
+import { dirname } from 'path';
+let __filename = fileURLToPath(import.meta.url);
+let __dirname = dirname(__filename);`;
+const createRequireCode = `function createRequire() {}`;
+export function MakeBabelTransformCjsToFunction(opts) {
+  return function BabelTransformCjsToFunction(babel) {
+    const t = babel.types;
+    const createRequire = babel.parse(createRequireCode).program.body;
+    const filenameAndDirname = babel.parse(filenameAndDirnameCode).program.body;
+    //const exportsStart = babel.parse(exportsStartCode).program.body
+    //const exportsEnd = babel.parse(exportsEndCode).program.body
+    let identifiers;
+    //let imports
+    //let importNum
+    let addFilenameAndDirname;
+    let addCreateRequire;
+    return {
+      pre(state) {
+        identifiers = {};
+        //imports = []
+        //importNum = 0
+        addFilenameAndDirname = false;
+        addCreateRequire = false;
+        // wrap everything in a fucntion and export it as default
+        const body = state.ast.program.body;
+        //state.ast.program.body = [t.BlockStatement([...body])] // just wrapping it in { }
+        const func = t.ExportDefaultDeclaration(t.FunctionDeclaration(t.Identifier('commonJsModule'), [t.identifier('module'), t.Identifier('require')], t.BlockStatement([...body
+        //t.ReturnStatement(t.memberExpression(
+        ////    t.Identifier('module'),
+        //    t.Identifier('exports')
+        //))
+        ])));
+        state.ast.program.body = [func];
+        // // grab the whole file contents
+        // const body = state.ast.program.body
+        // // add a block statement containing a copy of this content at the start of the body
+        // state.path.unshiftContainer('body', t.BlockStatement([...body]))
+        //  /// truncate the body to 1 item, removing the original content
+        // body.length = 1
+      },
+      visitor: {
+        CallExpression(path) {
+          const callee = path.node.callee;
+          if (callee.type === 'Identifier' && callee.name === 'require') {
+            //console.log(path.node)
+            path.replaceWith(t.CallExpression(t.MemberExpression(t.Identifier('__tungsten_deps'),
+            //t.Identifier('foo'),
+            t.StringLiteral(path.node.arguments[0].value), true), []));
+            //         imports.push(path.node.arguments)
+            //         //const newEx = t.AwaitExpression(
+            //         //    t.CallExpression(
+            //         //        t.Import(),
+            //         //        path.node.arguments
+            //         //    )
+            //         //)
+            //         const newEx = t.MemberExpression(
+            //             t.Identifier('__tungsten_cjs_to_esm_imports'),
+            //             t.NumericLiteral(importNum), // pretty hard to read output code
+            //             true
+            //         )
+            //         path.replaceWith(newEx)
+            //         importNum++
+            //         // do we wanna cache???
+            //         //
+          }
+        },
+        Identifier(path) {
+          identifiers[path.node.name] = true;
+          if (path.node.name === '__filename' || path.node.name === '__dirname') {
+            addFilenameAndDirname = true;
+          }
+        },
+        // MemberExpression(path) {
+        //     const node = path.node
+        //     if (
+        //         node.object.type === 'Identifier' && node.object.name === 'require'
+        //        && node.property.type === 'Identifier' && node.property.name === 'resolve'
+        //     ) {
+        //         addCreateRequire = true
+        //     }
+        // }
+        Directive(path) {
+          if (path.node.value.value === 'use strict') {
+            path.remove();
+          }
+        }
+      },
+      post(state) {
+        //console.log('imports', imports)
+        //console.log('identifiers', identifiers)
+        // const importsStatement = t.VariableDeclaration(
+        //     'const',
+        //     [t.VariableDeclarator(
+        //         t.Identifier('__tungsten_cjs_to_esm_imports'),
+        //         t.AwaitExpression(
+        //             t.CallExpression(
+        //                 t.MemberExpression(
+        //                     t.Identifier('Promise'),
+        //                     t.Identifier('all')
+        //                 ),
+        //                 [t.ArrayExpression(imports.map( imp => {
+        //                     const source = imp[0].value
+        //                     //console.log(source)
+        //                     //const a = source.includes('/')
+        //                     //const b = ! /^@[^\/]+\/[^\/]+$/.test(source)
+        //                     //const c = ! /(.js|.cjs|.mjs|.json)$/.test(source)
+        //                     //if ( source.includes('/') && ! /^@[^\/]+\/[^\/]+$/.test(source) && ! /(.js|.cjs|.mjs|.json)$/.test(source)) {
+        //                     //    if (source.split('/').pop().includes('.')) {
+        //                     //        console.log(`babel-plugin-sxy-transform-cjs-to-esm warning:`
+        //                     //            + ` require location ${source} file contains a dot, but we did not`
+        //                     //            + ` recognise the extension. Adding .js`)
+        //                     //    }
+        //                     //    source += '.js'
+        //                     //}
+        //                     return t.AwaitExpression(
+        //                         t.CallExpression(
+        //                             t.Import(),
+        //                             [t.StringLiteral(source)]
+        //                         )
+        //                     )
+        //                 }))]
+        //             )
+        //         )
+        //     )],
+        // )
+        //state.path.unshiftContainer('body', importsStatement)
+        //for (const imp of imports) {
+        //  	const importDeclaration = t.ImportDeclaration(
+        //        [t.ImportDefaultSpecifier(
+        //            t.Identifier(varNameForImport(imp[0].value))
+        //        )],
+        //        imp[0]
+        //    )
+        //   state.path.unshiftContainer('body', importDeclaration)
+        //}
+        // reverse the order, because we are unshifting 
+        if (addCreateRequire) {
+          state.path.unshiftContainer('body', createRequire);
+        }
+        if (addFilenameAndDirname) {
+          state.path.unshiftContainer('body', filenameAndDirname);
+        }
+        state.path.unshiftContainer('body', t.AwaitExpression(t.CallExpression(t.MemberExpression(t.Identifier('Promise'), t.Identifier('all')), [t.CallExpression(t.MemberExpression(t.Identifier('Object'), t.Identifier('values')), [t.Identifier('deps')])])));
+        state.path.unshiftContainer('body', t.ExportNamedDeclaration(t.VariableDeclaration('const', [t.VariableDeclarator(t.Identifier('deps'), t.ObjectExpression(opts.dependencies.map(d => t.ObjectProperty(t.StringLiteral(d), t.CallExpression(t.Import(), [t.StringLiteral(d)]), true))))])));
+        //state.path.unshiftContainer('body', t.VariableDeclaration(
+        //	'const',
+        //	[t.VariableDeclarator(
+        //    	t.Identifier('deps'),
+        //        t.ArrayExpression([
+        //          t.StringLiteral('foo.js'),
+        //          t.StringLiteral('./bar.js')
+        //        ])
+        //    )]
+        //))
+        //state.path.unshiftContainer('body', exportsStart)
+        //const names = getExportNamesFromCode(state.code, state.opts.filename)
+        //for (const name of names) {
+        //    if (name === 'default') continue /// cannot export named variables called default - this is reserved for the default export
+        //    const namedExport = t.ExportNamedDeclaration(
+        //        t.VariableDeclaration(
+        //            'const',
+        //            [t.VariableDeclarator(
+        //                t.Identifier(name),
+        //                t.MemberExpression(
+        //                    t.MemberExpression(
+        //                        t.identifier('module'),
+        //                        t.identifier('exports')
+        //                    ),
+        //                    t.StringLiteral(name),
+        //                    true
+        //                )
+        //            )]
+        //        )
+        //    )
+        //    state.path.pushContainer('body', namedExport)
+        //}
+        //state.path.pushContainer('body', exportsEnd)
+      }
+    };
+  };
+}

package/dist/babelPlugins/BabelTransformComponentState.d.ts

@@ -0,0 +1,22 @@
+import type { NodePath } from '@babel/core';
+import { Babel } from './Babel.type.js';
+import { AssignmentExpression, CallExpression, JSXExpressionContainer, UpdateExpression, VariableDeclaration } from 'babel-types';
+export declare function MakeBabelTransformComponentState(): (babel: Babel) => {
+    pre(): void;
+    visitor: {
+        ClassMethod: {
+            enter(path: NodePath): void;
+            exit(path: NodePath): void;
+        };
+        ClassProperty: {
+            enter(path: NodePath): void;
+            exit(path: NodePath): void;
+        };
+        AssignmentExpression(path: NodePath<AssignmentExpression>): void;
+        UpdateExpression(path: NodePath<UpdateExpression>): void;
+        CallExpression(path: NodePath<CallExpression>): void;
+        VariableDeclaration(path: NodePath<VariableDeclaration>): void;
+        JSXExpressionContainer(path: NodePath<JSXExpressionContainer>): void;
+    };
+};
+//# sourceMappingURL=BabelTransformComponentState.d.ts.map

package/dist/babelPlugins/BabelTransformComponentState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BabelTransformComponentState.d.ts","sourceRoot":"","sources":["../../src/babelPlugins/BabelTransformComponentState.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAQ,QAAQ,EAAS,MAAM,aAAa,CAAA;AAExD,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAA;AACvC,OAAO,EAAE,oBAAoB,EAAE,cAAc,EAAE,sBAAsB,EAAoB,gBAAgB,EAAE,mBAAmB,EAAsB,MAAM,aAAa,CAAA;AAEvK,wBAAgB,gCAAgC,YACQ,KAAK;;;;wBAiFrC,QAAQ;uBAMT,QAAQ;;;wBANP,QAAQ;uBAMT,QAAQ;;mCAeY,QAAQ,CAAC,oBAAoB,CAAC;+BA0BlC,QAAQ,CAAC,gBAAgB,CAAC;6BAU5B,QAAQ,CAAC,cAAc,CAAC;kCA8BnB,QAAQ,CAAC,mBAAmB,CAAC;qCAgB1B,QAAQ,CAAC,sBAAsB,CAAC;;EAuB5E"}

package/dist/babelPlugins/BabelTransformComponentState.js

@@ -0,0 +1,175 @@
+// BabelTransformComponentState
+// exports MakeBabelTransformComponentState (function)
+//
+// currently not used
+// proxy and deproxy solution seems preferable
+import { arrayMutatingFunctions } from "../mutatingFunctions.js";
+export function MakeBabelTransformComponentState( /*opts: Opts*/
+) {
+  return function BabelTransformComponentState(babel) {
+    const t = babel.types;
+    //let usesStateCopy = false
+    //let usesStateUpdate = false
+    let insideInit = false;
+    function nodeIsThisDotState(node) {
+      if (node.type === 'MemberExpression') {
+        const left = findLeftmostObject(node);
+        if (memberExpressionIsThisDotState(left)) {
+          return true;
+        }
+      }
+      return false;
+    }
+    // ?? is this wrong
+    function memberExpressionIsThisDotState(memberExpressionNode) {
+      const n = memberExpressionNode;
+      const o = n.object;
+      const p = n.property;
+      return o.type === 'ThisExpression' && (p.type === 'Identifier' && p.name === 'state' || p.type === 'StringLiteral' && p.value === 'state');
+    }
+    // ?? is this wrong
+    function findLeftmostObject(memberExpressionNode) {
+      let left = memberExpressionNode;
+      //console.log('v1', v)
+      while (left.object.type === 'MemberExpression') {
+        left = left.object;
+        //console.log('v2', v)
+      }
+      return left;
+    }
+    function addUpdateState(path) {
+      const replacement = t.CallExpression(t.MemberExpression(t.ThisExpression(), t.Identifier('__updateState')), [path.node]);
+      path.replaceWith(replacement);
+      path.skip();
+    }
+    function addUpdateStateArray(path) {
+      const replacement = t.CallExpression(t.MemberExpression(t.ThisExpression(), t.Identifier('__updateStateArray')), [path.node.callee.object, path.node]);
+      path.replaceWith(replacement);
+      path.skip();
+    }
+    function copyCall(variable /* ? */) {
+      return t.CallExpression(t.MemberExpression(t.ThisExpression(), t.Identifier('__stateCopy')), [variable]);
+    }
+    function varDecCopyVar(variableDeclarator) {
+      //console.log(variableDeclarator)
+      variableDeclarator.init = copyCall(variableDeclarator.init);
+    }
+    const ClassMethodOrProperty = {
+      enter(path) {
+        //console.log(path.node)
+        if (path.node.key.name === 'init') {
+          insideInit = true;
+        }
+      },
+      exit(path) {
+        if (path.node.key.name === 'init') {
+          insideInit = false;
+        }
+      }
+    };
+    return {
+      pre() {
+        //usesStateUpdate = false
+        //usesStateCopy = false
+      },
+      visitor: {
+        ClassMethod: ClassMethodOrProperty,
+        ClassProperty: ClassMethodOrProperty,
+        AssignmentExpression(path) {
+          const node = path.node;
+          // update state
+          if (!insideInit) {
+            let left = node.left;
+            if (left.type === 'MemberExpression') {
+              left = findLeftmostObject(left);
+              if (memberExpressionIsThisDotState(left)) {
+                addUpdateState(path);
+                //return
+              }
+            }
+          }
+          //return
+          // state pass by value
+          if (nodeIsThisDotState(node.right)) {
+            //console.log('this.state');
+            //console.log(node)
+            node.right = copyCall(node.right);
+            path.skip();
+          }
+        },
+        UpdateExpression(path) {
+          if (insideInit) return; // guard
+          const variable = path.node.argument;
+          if (variable.type === 'MemberExpression') {
+            const left = findLeftmostObject(variable);
+            if (memberExpressionIsThisDotState(left)) {
+              addUpdateState(path);
+            }
+          }
+        },
+        CallExpression(path) {
+          //console.log(path.node)
+          //const node = path.node
+          // update state when using mutating functions
+          const callee = path.node.callee;
+          if (callee.type === 'MemberExpression') {
+            if (arrayMutatingFunctions.includes(callee.property.name)) {
+              const left = findLeftmostObject(callee);
+              //console.log('left', left)
+              if (memberExpressionIsThisDotState(left)) {
+                addUpdateStateArray(path);
+              }
+            }
+          }
+          // state pass by value for state args
+          //console.log('call ex')
+          let i = 0;
+          for (const arg of path.node.arguments) {
+            if (nodeIsThisDotState(arg)) {
+              //console.log(i, arg)
+              path.node.arguments[i] = copyCall(arg);
+            }
+            i++;
+          }
+          path.skip();
+        },
+        VariableDeclaration(path) {
+          for (const dec of path.node.declarations) {
+            //console.log(dec)
+            if (dec.init) {
+              if (nodeIsThisDotState(dec.init)) {
+                varDecCopyVar(dec);
+              }
+              //if (dec.init.type === 'MemberExpression') {
+              //    const left = findLeftmostObject(dec.init)
+              //    if (memberExpressionIsThisDotState(left)) {
+              //        varDecCopyVar(dec)
+              //    }
+              //}
+            }
+          }
+        },
+        JSXExpressionContainer(path) {
+          const e = path.node.expression;
+          if (nodeIsThisDotState(e)) {
+            path.node.expression = copyCall(e);
+          }
+        }
+      }
+      //post(state) {
+      //if (usesStateCopy) {
+      //  	 const importDeclaration = t.ImportDeclaration(
+      //        [
+      //            t.ImportSpecifier(
+      //                t.Identifier('stateCopy'),
+      //                t.Identifier('stateCopy')
+      //            )
+      //        ],
+      //        t.StringLiteral('tungsten')
+      //    )
+      //    state./*file.*/path.node.body.unshift(importDeclaration)
+      //}
+      //}
+    };
+  };
+}

package/dist/babelPlugins/BabelTransformComponentStyles.d.ts

@@ -0,0 +1,33 @@
+import { Babel, NodePath } from './BabelTypes.js';
+import { TaggedTemplateExpression } from 'babel-types';
+type Opts = {
+    projectAbsCodeDir: string;
+    projectAbsSourceDir: string;
+    projectAbsStyleImportDir: string;
+    classNameFormat?: string;
+    cssOutputFile?: string;
+    cssModulesOutputDir?: string;
+    functionNames?: string[];
+};
+export declare function MakeBabelTransformComponentStyles(opts: Opts): (babel: Babel) => {
+    name: string;
+    pre(state: {
+        opts: {
+            stylesheetIndex: number;
+        };
+        iteration: number;
+    }): void;
+    visitor: {
+        TaggedTemplateExpression(path: NodePath<TaggedTemplateExpression>, state: {
+            filename: string;
+            file: {
+                opts: {
+                    stylesheetIndex: number;
+                };
+            };
+            __stylesheetIndex: number;
+        }): void;
+    };
+};
+export {};
+//# sourceMappingURL=BabelTransformComponentStyles.d.ts.map

package/dist/babelPlugins/BabelTransformComponentStyles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BabelTransformComponentStyles.d.ts","sourceRoot":"","sources":["../../src/babelPlugins/BabelTransformComponentStyles.ts"],"names":[],"mappings":"AAwCA,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAc,MAAM,iBAAiB,CAAA;AAa7D,OAAO,EAAE,wBAAwB,EAAE,MAAM,aAAa,CAAA;AAoNtD,KAAK,IAAI,GAAG;IACR,iBAAiB,EAAE,MAAM,CAAA;IACzB,mBAAmB,EAAE,MAAM,CAAA;IAC3B,wBAAwB,EAAE,MAAM,CAAA;IAChC,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,aAAa,CAAC,EAAE,MAAM,EAAE,CAAA;CAC3B,CAAA;AAID,wBAAgB,iCAAiC,CAAC,IAAI,EAAE,IAAI,WAwKH,KAAK;;;;6BAMjC,MAAM;;mBAIZ,MAAM;;;uCAkBkB,QAAQ,CAAC,wBAAwB,CAAC;sBAf3D,MAAM;kBACV;gBACF,IAAI;qCATS,MAAM;kBASL;aACjB;+BACkB,MAAM;;;EAwJpC"}