scu-web-components 0.0.35 → 0.0.36

package/scripts/lib/readStream.mjs

@@ -1,17 +0,0 @@
-/**
- * readStream
- * @param {_Readable<string>} stream
- * @param {string} encoding
- * @return {object}
- */
-export const readStream = (stream, encoding = 'utf8') => {
-  stream.setEncoding(encoding);
-  return new Promise((resolve, reject) => {
-    let data = '';
-    stream.on('data', (chunk) => {
-      data += chunk;
-    });
-    stream.on('end', () => resolve(data));
-    stream.on('error', (error) => reject(error));
-  });
-};

package/scripts/ssr.mjs

@@ -1,89 +0,0 @@
-import {render} from '@lit-labs/ssr/lib/render-with-global-dom-shim.js';
-import {html} from 'lit';
-import {unsafeHTML} from 'lit/directives/unsafe-html.js';
-import {Readable} from 'readable-stream';
-import {readStream} from './lib/readStream.mjs';
-import fs from 'fs-extra';
-import {readFile, writeFile} from 'fs/promises';
-import glob from 'glob';
-import '../dist/scw-components.js';// include all comps
-import tokenizer from 'scu-tokenizer/dist/index.js';
-import breakpoints from '../src/utils/responsive/breakpointsData.mjs';
-import {fileURLToPath} from 'url';
-import {dirname} from 'path';
-
-const __filename = fileURLToPath(import.meta.url);
-const __dirname = dirname(__filename);
-
-/**
- * ssr
- * !!!!!!!CAUSES ERROR WHEN USED VIA CLI, USE VM!!!!!!!!!!
- * @param {string} htmlContent
- * @return {string}
- */
-export async function ssr(htmlContent) {
-  return readStream(
-    Readable.from(
-      render(
-        html`${unsafeHTML(htmlContent)}`, // whole thing is a string
-      ),
-    ),
-  );
-}
-
-/**
- * ssrFile
- * @param {string} fileUrl
- */
-export async function ssrFile(fileUrl) {
-  if (fs.existsSync(fileUrl)) {
-    const fileUrlStripped = fileUrl.replace('.html', '');
-    const ssrJsUrl = `${fileUrlStripped}.ssr.js`;
-    const ssrJsHtmlUrl = `${fileUrlStripped}.ssr.html`;
-    // delete files incase this doesn't work...
-    if (fs.existsSync(ssrJsUrl)) {
-      fs.unlink(ssrJsUrl);
-    }
-    if (fs.existsSync(ssrJsHtmlUrl)) {
-      fs.unlink(ssrJsHtmlUrl);
-    }
-
-    const htmlContent = await readFile(fileUrl, 'utf8');
-    const ssrContent = await ssr(htmlContent);
-
-    await writeFile(ssrJsUrl, `export default {
-  source: \`${htmlContent}\`,
-  ssr: \`${ssrContent}\`
-}`);
-    await writeFile(ssrJsHtmlUrl, ssrContent);
-  }
-}
-
-/**
- * ssrData
- * @param {string} globStr
- */
-export async function ssrData(globStr = './src/**/ssr/*[!.ssr].html') {
-  glob(globStr, {}, (err, files)=>{
-    files.map((file) => {
-      ssrFile(file);
-    });
-  });
-}
-
-/**
- * ssrCss
- * Creates a specific css file with just those classes used in source
- * @param {string} include
- * @param {string} dest
- * @param {string} ignore
- */
-export async function ssrCss(include, dest, ignore) {
-  await tokenizer.generateStyleSheet({
-    tokensFolder: `${__dirname}/../dist/tokens`,
-    destinationFile: dest,
-    include,
-    ignore,
-    breakpoints,
-  }).catch(console.error);
-}

package/scripts/vm/render-template.js

@@ -1,16 +0,0 @@
-// Example: render-template.js
-
-import {render} from '@lit-labs/ssr/lib/render-lit-html.js';
-import {unsafeHTML} from 'lit/directives/unsafe-html.js';
-import {html} from 'lit';
-import 'scu-web-components/dist/scw-components.js';
-
-/**
- * renderTemplate
- * @param {object} info
- * @return {string}
- */
-export function renderTemplate(info) {
-  const results = render(html`${unsafeHTML(info.content)}`);
-  return results;
-};

package/scripts/vm/ssr.mjs

@@ -1,78 +0,0 @@
-import {renderModule} from '@lit-labs/ssr/lib/render-module.js';
-import {Readable} from 'readable-stream';
-import {readStream} from '../lib/readStream.mjs';
-import fs from 'fs-extra';
-import {readFile, writeFile} from 'fs/promises';
-import glob from 'glob';
-import chalk from 'chalk';
-import {fileURLToPath} from 'url';
-import gzipme from 'gzipme';
-const __dirname = fileURLToPath(new URL('.', import.meta.url));
-
-/**
- * ssr
- * Execute the above `renderTemplate` in a
- * separate VM context with a minimal DOM shim
- * @param {string} content
- * @return {string}
- */
-export async function ssr(content) {
-  const ssrResult = await (renderModule(
-    `${__dirname}render-template.js`, // Module to load in VM context
-    import.meta.url, // Referrer URL for module
-    'renderTemplate', // Function to call
-    [{content}], // Arguments to function
-  ));
-  return readStream(
-    Readable.from(ssrResult),
-  );
-}
-
-/**
- * ssrFile
- * @param {string} fileUrl
- */
-export async function ssrFile(fileUrl) {
-  if (fs.existsSync(fileUrl)) {
-    const fileUrlStripped = fileUrl.replace('.html', '');
-    const ssrJsUrl = `${fileUrlStripped}.ssr.js`;
-    const ssrJsHtmlUrl = `${fileUrlStripped}.ssr.html`;
-    // delete files incase this doesn't work...
-    if (fs.existsSync(ssrJsUrl)) {
-      fs.unlink(ssrJsUrl);
-    }
-    if (fs.existsSync(ssrJsHtmlUrl)) {
-      fs.unlink(ssrJsHtmlUrl);
-    }
-    const htmlContent = await readFile(fileUrl, 'utf8');
-    const ssrContent = await ssr(htmlContent);
-    await writeFile(ssrJsUrl, `export default {
-  source: \`${htmlContent}\`,
-  ssr: \`${ssrContent}\`
-}`);
-    await writeFile(ssrJsHtmlUrl, ssrContent);
-
-    // gzip
-    gzipme(ssrJsHtmlUrl, {mode: 'best'});
-  }
-}
-
-/**
- * ssrData
- * @param {string} source
- * @return {Promise<string>}
- */
-export async function ssrData(
-  source = 'src',
-) {
-  console.log(`ssr data [source=${source}]`);
-  const promiseArr = [];
-  glob.sync(`./${source}/**/ssr/*[!.ssr].html`, {}).map((file) => {
-    promiseArr.push(ssrFile(file));
-  });
-  return Promise.all(promiseArr).then(() => {
-    console.log(chalk.cyan(
-      `done building ssr data (total: ${promiseArr.length})`
-    ));
-  });
-}

package/scripts/vm/ssrData.mjs

@@ -1,5 +0,0 @@
-import {ssrData} from './ssr.mjs';
-import yargs from 'yargs';
-
-const argv = yargs(process.argv.slice(2)).argv;
-ssrData(argv.source);

package/scripts/vm/ssrDataSpawn.mjs

@@ -1,26 +0,0 @@
-import {exec} from 'child_process';
-import {fileURLToPath} from 'url';
-const __dirname = fileURLToPath(new URL('.', import.meta.url));
-
-/**
- * ssrData
- * @param {object} config
- * @return {string}
- */
-export async function ssrData(config = {}) {
-  return new Promise((resolve, reject) => {
-    exec(`NODE_OPTIONS=--experimental-vm-modules node ${__dirname}ssrData.mjs ${
-      config.ssr && config.ssr.source ? `--source=${config.ssr.source}` : ''
-    }`,
-      (err, stdout, stderr) => {
-        if (err) {
-          console.error(`exec error: ${err} ${stderr}`);
-          reject(err);
-          return;
-        }
-        console.log(stdout);
-        resolve();
-      },
-    );
-  });
-}