tungsten 0.2.0 → 0.2.2

package/dist/build/makeBabelUserDevConfig.js

@@ -0,0 +1,32 @@
+// may retire this
+import { objectCopy } from 'sxy-lib-object-copy';
+import { join } from 'path';
+import { MakeBabelTransformComponentStyles } from "../babelPlugins/BabelTransformComponentStyles.js";
+import { MakeBabelTransformPackageImports } from "../babelPlugins/BabelTransformPackageImports.js";
+import { componentCssFolder, componentCssFile } from "../settings.js";
+import userCommonConfig from "./babel.user.common.config.js";
+import { MakeBabelTransformCssImports } from "../babelPlugins/BabelTransformCssImports.js";
+export function makeBabelUserDevConfig(projectDir, absCodeDir, absSourceDir, absStyleImportBase, buildLocation, buildCodeLocation, oldDependencyGraph, dependencyGraph, importAliases, promises) {
+  const userDevConfig = objectCopy(userCommonConfig);
+  userDevConfig.plugins.push(MakeBabelTransformPackageImports({
+    projectDir: projectDir,
+    codeDir: absCodeDir,
+    buildLocation,
+    buildCodeLocation,
+    oldDependencyGraph,
+    dependencyGraph,
+    importAliases,
+    promises
+  }), MakeBabelTransformCssImports({
+    projectDir,
+    absSourceDir,
+    absCodeDir
+  }), MakeBabelTransformComponentStyles({
+    projectAbsCodeDir: absCodeDir,
+    projectAbsSourceDir: absSourceDir,
+    projectAbsStyleImportDir: absStyleImportBase,
+    classNameFormat: '[folder]-[name]_[local]',
+    cssOutputFile: join(buildLocation, componentCssFolder, componentCssFile)
+  }));
+  return userDevConfig;
+}

package/dist/build/makeBabelUserProdConfig.d.ts

@@ -0,0 +1,3 @@
+import type { TransformOptions } from '@babel/core';
+export declare function makeBabelUserProdConfig(projectDir: string, absCodeDir: string, absSourceDir: string, absStyleImportBase: string): TransformOptions;
+//# sourceMappingURL=makeBabelUserProdConfig.d.ts.map

package/dist/build/makeBabelUserProdConfig.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"makeBabelUserProdConfig.d.ts","sourceRoot":"","sources":["../../src/build/makeBabelUserProdConfig.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAA;AAMnD,wBAAgB,uBAAuB,CACnC,UAAU,EAAE,MAAM,EAClB,UAAU,EAAE,MAAM,EAClB,YAAY,EAAE,MAAM,EACpB,kBAAkB,EAAE,MAAM,GAC3B,gBAAgB,CAelB"}

package/dist/build/makeBabelUserProdConfig.js

@@ -0,0 +1,24 @@
+// may retire this
+import { objectCopy } from 'sxy-lib-object-copy';
+import { join } from 'path';
+import { MakeBabelTransformComponentStyles } from "../babelPlugins/BabelTransformComponentStyles.js";
+import { prodBuildFolder, componentCssFolder, componentCssFile } from "../settings.js";
+import userCommonConfig from "./babel.user.common.config.js";
+import { MakeBabelTransformCssImports } from "../babelPlugins/BabelTransformCssImports.js";
+export function makeBabelUserProdConfig(projectDir, absCodeDir, absSourceDir, absStyleImportBase) {
+  const userProdConfig = objectCopy(userCommonConfig);
+  userProdConfig.plugins.push(
+  // eslint-disable-line @typescript-eslint/no-non-null-assertion
+  MakeBabelTransformCssImports({
+    projectDir,
+    absSourceDir,
+    absCodeDir
+  }), MakeBabelTransformComponentStyles({
+    projectAbsCodeDir: absCodeDir,
+    projectAbsSourceDir: absSourceDir,
+    projectAbsStyleImportDir: absStyleImportBase,
+    classNameFormat: '[folder]-[name]_[local]',
+    cssOutputFile: join(projectDir, prodBuildFolder, componentCssFolder, componentCssFile) // should only need to pass one
+  }));
+  return userProdConfig;
+}

package/dist/build/makeEnvJavascriptContent.d.ts

@@ -0,0 +1,2 @@
+export declare function makeEnvJavascriptContent(varName: string, obj: Record<string, string>): string;
+//# sourceMappingURL=makeEnvJavascriptContent.d.ts.map

package/dist/build/makeEnvJavascriptContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"makeEnvJavascriptContent.d.ts","sourceRoot":"","sources":["../../src/build/makeEnvJavascriptContent.ts"],"names":[],"mappings":"AAGA,wBAAgB,wBAAwB,CAAC,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,MAAM,CAI7F"}

package/dist/build/makeEnvJavascriptContent.js

@@ -0,0 +1,4 @@
+import serializeJavascript from 'serialize-javascript';
+export function makeEnvJavascriptContent(varName, obj) {
+  return `var __g=(typeof window !== 'undefined')?window:global;` + `if(!__g.${varName})__g.${varName}={};` + `Object.assign(__g.${varName},${serializeJavascript(obj)});`;
+}

package/dist/build/modifySassImports.d.ts

@@ -0,0 +1,6 @@
+import { ImportTarget } from './sassImportParser.js';
+export type ModifySassImportItem = ImportTarget & {
+    to: string;
+};
+export declare function modifySassImports(content: string, map: ModifySassImportItem[]): string;
+//# sourceMappingURL=modifySassImports.d.ts.map

package/dist/build/modifySassImports.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"modifySassImports.d.ts","sourceRoot":"","sources":["../../src/build/modifySassImports.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAEpD,MAAM,MAAM,oBAAoB,GAAG,YAAY,GAAG;IAC9C,EAAE,EAAE,MAAM,CAAA;CACb,CAAA;AAID,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,oBAAoB,EAAE,GAAG,MAAM,CAStF"}

package/dist/build/modifySassImports.js

@@ -0,0 +1,15 @@
+// can we make this fast by storing the parts in an array, then joining them at the end ???
+export function modifySassImports(content, map) {
+  let out = '';
+  let last = 0;
+  for (const {
+    target,
+    start,
+    to
+  } of map) {
+    out += content.slice(last, start) + to;
+    last = start + target.length;
+  }
+  out += content.slice(last);
+  return out;
+}

package/dist/build/modifySassImports.sxyt.d.ts

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

package/dist/build/modifySassImports.sxyt.d.ts.map

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

package/dist/build/modifySassImports.sxyt.js

@@ -0,0 +1,55 @@
+import { describe } from 'sxy-test-runner';
+import { modifySassImports } from "./modifySassImports.js";
+import { sassImportParser } from "./sassImportParser.js";
+describe('modifySassImports()', ({
+  it
+}) => {
+  const input = `@import 'foo'`;
+  it(`modifies sass import 'foo' into 'C:/project/styles/foo' in content '${input}'`, () => {
+    //const imports = sassImportParser(input)
+    const imports = sassImportParser(input);
+    imports[0].to = '/project/styles/foo'; // eslint-disable-line no-type-assertion/no-type-assertion
+    console.log('imports', imports);
+    // const imports = [
+    //     {
+    //         target: 'foo',
+    //         start: 9,
+    //         to: 'C:/project/styles/foo'
+    //     },
+    // ]
+    const result = modifySassImports(input, imports); // eslint-disable-line no-type-assertion/no-type-assertion
+    console.log('result', result);
+    result.should.equal(`@import '${imports[0].to}'`); // eslint-disable-line no-type-assertion/no-type-assertion
+  });
+  const input2 = `
+    @use 'foo' as bar
+    @import 'baz'
+
+    p
+        color: red
+`;
+  it(`modifies 2 sass imports in content '${input2}'`, () => {
+    const imports = sassImportParser(input2);
+    imports[0].to = '/project/styles/foo' // eslint-disable-line no-type-assertion/no-type-assertion
+;
+    imports[1].to = '/project/styles/baz'; // eslint-disable-line no-type-assertion/no-type-assertion
+    console.log('imports', imports);
+    // const imports = [
+    //     {
+    //         target: 'foo',
+    //         start: 9,
+    //         to: 'C:/project/styles/bar'
+    //     },
+    //     {
+    //         target: 'baz',
+    //         start: 19,
+    //         to: 'C:/project/styles/foo'
+    //     },
+    // ]
+    const result = modifySassImports(input2, imports); // eslint-disable-line no-type-assertion/no-type-assertion
+    console.log('result', result);
+    result.should.equal(input2.replace('foo', imports[0].to) // eslint-disable-line no-type-assertion/no-type-assertion
+    .replace('baz', imports[1].to) // eslint-disable-line no-type-assertion/no-type-assertion
+    );
+  });
+});

package/dist/build/processDataToLines.d.ts

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

package/dist/build/processDataToLines.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"processDataToLines.d.ts","sourceRoot":"","sources":["../../src/build/processDataToLines.ts"],"names":[],"mappings":"AACA,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,EAAE,CAGzD"}

package/dist/build/processDataToLines.js

@@ -0,0 +1,4 @@
+export function processDataToLines(data) {
+  const lines = data.trimEnd().split('\n');
+  return lines.map(line => line.trimEnd());
+}

package/dist/build/processPackage.d.ts

@@ -0,0 +1,4 @@
+import type { PackagesCacheInfo } from './PackagesCacheInfo.js';
+import { ProcessPackageResult } from './ProcessPackageResult.js';
+export declare function processPackage(projectDir: string, packagesCacheInfo: PackagesCacheInfo, packageName: string, buildLocation: string): Promise<ProcessPackageResult>;
+//# sourceMappingURL=processPackage.d.ts.map

package/dist/build/processPackage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"processPackage.d.ts","sourceRoot":"","sources":["../../src/build/processPackage.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAE/D,OAAO,EAAE,oBAAoB,EAA4D,MAAM,2BAA2B,CAAA;AAwB1H,wBAAsB,cAAc,CAAC,UAAU,EAAE,MAAM,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,GAAG,OAAO,CAAC,oBAAoB,CAAC,CAoGxK"}

package/dist/build/processPackage.js

@@ -0,0 +1,91 @@
+import rmfr from 'rmfr';
+import { transform } from 'cjstoesm';
+import { promises as fsPromises } from 'fs';
+import fsExtra from 'fs-extra';
+import { packagesCacheFolder, packagesFolder } from "../settings.js";
+import { cliLog } from "../cliOutput.js";
+//import { getFrameworkDir } from '../getFrameworkDir.js'
+//// Don't think we are using this
+function getEntry(packageJson) {
+  let entry = packageJson.exports ? 'import' in packageJson.exports['.'] ? packageJson.exports['.'].import : packageJson.exports['.'].default : /*json.browser ||*/packageJson.main || 'index.js'; // I need to research how browser works, then add it
+  //console.log('entry 1', entry)
+  entry = entry.startsWith('./') ? entry.slice(2) : entry;
+  return entry;
+}
+function copyPackageFromCache(packageName, cacheLocation, targetLocation) {
+  //console.log('copying package from', cacheLocation, 'to', targetLocation)
+  fsExtra.copy(cacheLocation, targetLocation);
+}
+export async function processPackage(projectDir, packagesCacheInfo, packageName, buildLocation) {
+  //console.log(`Processing ${packageName}`)
+  const projectNodeModulesLocation = `${projectDir}/node_modules`;
+  const sourceLocation = `${projectNodeModulesLocation}/${packageName}`;
+  const compiledNodeModulesLocation = `${buildLocation}/${packagesFolder}`;
+  const targetLocation = `${compiledNodeModulesLocation}/${packageName}`;
+  const data = await fsPromises.readFile(new URL(`file://${sourceLocation}/package.json`, import.meta.url), 'utf8');
+  const packageJson = JSON.parse(data);
+  const {
+    version
+  } = packageJson;
+  const entry = getEntry(packageJson);
+  const packageAndVersion = `${packageName}@${version}`;
+  const cacheLocation = `${packagesCacheFolder}/${packageAndVersion}`;
+  if (packageAndVersion in packagesCacheInfo) {
+    console.log(`Found ${packageAndVersion} in pacakges caching - re-using this`);
+    copyPackageFromCache(packageName, cacheLocation, targetLocation);
+    return {
+      packageName,
+      success: true,
+      version: version,
+      entry
+    };
+  } else {
+    console.log(`Didn't find ${packageAndVersion} in packages cached - proceeding`);
+    //
+    // check if package is esm or cjs?
+    const rmfrResult = await rmfr(targetLocation);
+    await fsPromises.mkdir(targetLocation);
+    //console.log('json for ', packageName, json)
+    if (packageJson.type === undefined && packageJson.type !== 'module') {
+      cliLog(`${packageName} appears not to be an ES6 package.` + ` Trying to convert from CommonJS to ES6`);
+      try {
+        const input = `${sourceLocation}/**/*`;
+        /// change to cache loc
+        //const outDir = targetLocation
+        const rmfrResult = await rmfr(cacheLocation);
+        await fsPromises.mkdir(cacheLocation);
+        await transform({
+          input: input,
+          outDir: cacheLocation
+        });
+        packagesCacheInfo[packageAndVersion] = cacheLocation;
+        // then copy to targetLocation
+        copyPackageFromCache(packageName, cacheLocation, targetLocation);
+        //fsExtra.copy(cacheLocation, targetLocation)
+      } catch (e) {
+        console.log(`Error transforming ${packageName}:`, e);
+        return {
+          packageName,
+          success: false,
+          reason: e
+        };
+      }
+      console.log(`${packageName} transformed`);
+      return {
+        packageName,
+        success: true,
+        version: version,
+        entry
+      };
+    } else {
+      console.log(`${packageName} appears to be an ES6 package. Copying`);
+      fsExtra.copy(sourceLocation, targetLocation);
+      return {
+        packageName,
+        success: true,
+        version: packageJson.version,
+        entry
+      };
+    }
+  }
+}

package/dist/build/resolveSassScssImports.d.ts

@@ -0,0 +1,3 @@
+export declare function resolveScssImport(url: string, fullSourceFile: string, importBase: string): string;
+export declare function resolveSassImport(url: string, fullSourceFile: string, importBase: string): string;
+//# sourceMappingURL=resolveSassScssImports.d.ts.map

package/dist/build/resolveSassScssImports.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolveSassScssImports.d.ts","sourceRoot":"","sources":["../../src/build/resolveSassScssImports.ts"],"names":[],"mappings":"AAcA,wBAAgB,iBAAiB,CAAC,GAAG,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,UAuBxF;AAED,wBAAgB,iBAAiB,CAAC,GAAG,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,UAuBxF"}

package/dist/build/resolveSassScssImports.js

@@ -0,0 +1,56 @@
+import { createRequire } from 'module';
+import { dirname, join } from 'path';
+const require = createRequire(import.meta.url);
+function resolveBareStyleImport(url, fullSourceFile, importBase) {
+  try {
+    return require.resolve(url, {
+      paths: [dirname(fullSourceFile)]
+    });
+  } catch {
+    return join(importBase, url);
+  }
+}
+export function resolveScssImport(url, fullSourceFile, importBase) {
+  //console.log('resolving sass import:', url)
+  //console.log('url', url)
+  //console.log('fullSourceFile', fullSourceFile)
+  //console.log('importBase', importBase)
+  let resolved;
+  if (url.startsWith('./') || url.startsWith('../')) {
+    // rel
+    resolved = join(dirname(fullSourceFile), url);
+  } else {
+    resolved = resolveBareStyleImport(url, fullSourceFile, importBase);
+  }
+  // rel import
+  // abs import
+  // scss import base
+  // fullFile
+  // sourceDir
+  // sassBaseDir
+  //const resolved = url
+  //console.log(`SCSS import '${url}' resolved to:`, resolved)
+  return resolved;
+}
+export function resolveSassImport(url, fullSourceFile, importBase) {
+  //console.log('resolving sass import:', url)
+  //console.log('url', url)
+  //console.log('fullSourceFile', fullSourceFile)
+  //console.log('importBase', importBase)
+  let resolved;
+  if (url.startsWith('./') || url.startsWith('../')) {
+    //console.log('found rel import')
+    // rel
+    //console.log('join', fullSourceFile, url)
+    resolved = join(dirname(fullSourceFile), url);
+  } else {
+    //console.log('found importBase import')
+    resolved = resolveBareStyleImport(url, fullSourceFile, importBase);
+  }
+  // fullFile
+  // sourceDir
+  // sassBaseDir
+  //const resolved = url
+  //console.log(`SASS import '${url}' resolved to:`, resolved)
+  return resolved;
+}

package/dist/build/rollup.user.prod.config.d.ts

@@ -0,0 +1,6 @@
+type RollupConfig = {
+    [key: string]: any;
+};
+declare const rollupConfig: RollupConfig;
+export default rollupConfig;
+//# sourceMappingURL=rollup.user.prod.config.d.ts.map

package/dist/build/rollup.user.prod.config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rollup.user.prod.config.d.ts","sourceRoot":"","sources":["../../src/build/rollup.user.prod.config.ts"],"names":[],"mappings":"AAaA,KAAK,YAAY,GAAG;IAChB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CACrB,CAAA;AAeD,QAAA,MAAM,YAAY,EAAE,YAkBnB,CAAA;AAED,eAAe,YAAY,CAAA"}

package/dist/build/rollup.user.prod.config.js

@@ -0,0 +1,39 @@
+import { nodeResolve } from "@rollup/plugin-node-resolve";
+import commonjs from "@rollup/plugin-commonjs";
+import { babel } from "@rollup/plugin-babel";
+import { terser } from "rollup-plugin-terser";
+//import terser from "@rollup/plugin-terser" // to do
+//import gzip from "rollup-plugin-gzip"
+import jsonModule from "@rollup/plugin-json";
+import { MakeBabelTransformRemoveServerBlocks } from "../babelPlugins/BabelTransformRemoveServerBlocks.js";
+const json = typeof jsonModule === "function" ? jsonModule : jsonModule.default;
+function replaceProductionNodeEnv() {
+  return {
+    name: 'tungsten-production-node-env',
+    transform(code) {
+      if (!code.includes('process.env.NODE_ENV')) return null;
+      return {
+        code: code.replaceAll('process.env.NODE_ENV', JSON.stringify('production')),
+        map: null
+      };
+    }
+  };
+}
+const rollupConfig = {
+  plugins: [json(), nodeResolve(), commonjs(),
+  // must be before babel
+  replaceProductionNodeEnv(), babel({
+    babelHelpers: 'bundled',
+    exclude: '**/node_modules/**',
+    plugins: [MakeBabelTransformRemoveServerBlocks()]
+  }),
+  // must be after commonjs
+  terser({
+    keep_classnames: true,
+    keep_fnames: true
+  })
+  ////gzip(),
+  ]
+  //strictDeprecations: true // help prep for upgrade to rollup 3 -- this complains about the inlineDynamicImports CLI arg
+};
+export default rollupConfig;

package/dist/build/sassImportParser.d.ts

@@ -0,0 +1,6 @@
+export type ImportTarget = {
+    target: string;
+    start: number;
+};
+export declare function sassImportParser(code: string): ImportTarget[];
+//# sourceMappingURL=sassImportParser.d.ts.map

package/dist/build/sassImportParser.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sassImportParser.d.ts","sourceRoot":"","sources":["../../src/build/sassImportParser.ts"],"names":[],"mappings":"AAKA,MAAM,MAAM,YAAY,GAAG;IACvB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAA;CAChB,CAAA;AAMD,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,MAAM,GAAG,YAAY,EAAE,CA6R7D"}