Pascal Schilp thepassle

## rollup-node-resolve.js
import { pathToFileURL } from 'url';
import { createModuleGraph } from '@thepassle/module-graph';
import { nodeResolve } from '@rollup/plugin-node-resolve';

function createResolve(resolveOptions = {}) {
  const r = nodeResolve(resolveOptions);

  return {
    resolve() {
      return null;

## module-graph.js
import fs from "fs";
import path from "path";
import { pathToFileURL, fileURLToPath } from "url";
import { builtinModules } from "module";
import { init, parse } from "es-module-lexer";
import { moduleResolve } from "import-meta-resolve";

/**
 * @param {string} specifier
 * @returns {boolean}

## module-graph.js
import fs from "fs";
import path from "path";
import { pathToFileURL, fileURLToPath } from "url";
import { builtinModules } from "module";
import { init, parse } from "es-module-lexer";
import { moduleResolve } from "import-meta-resolve";

class ModuleGraph {
  /**
   * @param {string} basePath

## swsr.js
import { defineConfig } from 'astro/config';
import netlify from '@astrojs/netlify';

import path from 'path';
import fs from 'fs';
import { injectManifest } from 'workbox-build';
import { build } from "esbuild";
import { createRequire } from 'module';

const require = createRequire(import.meta.url);

## conclusion.md

      
              2 files
            
          
              0 forks
            
          
              0 comments
            
          
              1 star
            
          
                thepassle
                / conclusion.md
            
            
              Last active
              January 19, 2022 10:08
            
              
                css modules conclusion
              
          
    Fwiw, the past couple of weeks I've been working on supporting import assertions and CSS/JSON modules in our app at work, I thought it might be worth to share the experience and also prompted by this, maybe its helpful to someone looking into doing the same.
We currently transform our app to Systemjs. My initial thought was to start using es-module-shims, for several reasons:

We use importmaps
It supports CSS/JSON modules
It would save a buildtime transformation to Systemjs

I initially thought that bundling from ESM to ESM would be at least somewhat noticeably faster than bundling from ESM to Systemjs, because of the code transform, but after running some benchmarks in our pipeline, it seemed to not make a significant difference.


## generateReadme.js
import path from 'path';
import fs from 'fs';
import { customElementsManifestToMarkdown } from '../custom-elements-json-to-markdown/index.js';

function generateReadme() {
  const components = ['generic-disclosure', 'generic-switch'];
  const fauxCEM = {"modules": [{"declarations": []}];
  return {
    packageLinkPhase(cem) {
      const classDocForComponents = [];

## ajax.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                thepassle
                / ajax.md
            
            
              Last active
              February 12, 2021 10:25
            
          
    ./index.js:

Exports


kind
name
declaration
module
package


js
ajax
ajax
./src/ajax.js


js
setAjax
setAjax
./src/ajax.js


js
AjaxClass
AjaxClass
./src/AjaxClass.js


js
cancelInterceptorFactory
cancelInterceptorFactory
./src/interceptors.js


## custom-elements.md

      
              2 files
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                thepassle
                / custom-elements.md
            
            
              Last active
              February 11, 2021 15:41
            
          
    ./fixtures/-TEST/package/my-element.js:

class: SuperClass

Superclass


name
module
package


LitElement

lit-element


## index.html
<html>
  <body>

    <form id="todoInput">
      <input type="text" name="todo"></input>
      <button type="submit">submit</button>
    </form>

    <ul id="todoList">

## 6.js
class Batching {
  // ...

  async scheduleUpdate() {
    if(!this.updateRequested) {
      this.updateRequested = true;
      this.updateRequested = await false;
      this.update();
    }
  }
	import { pathToFileURL } from 'url';
	import { createModuleGraph } from '@thepassle/module-graph';
	import { nodeResolve } from '@rollup/plugin-node-resolve';

	function createResolve(resolveOptions = {}) {
	const r = nodeResolve(resolveOptions);

	return {
	resolve() {
	return null;
	import fs from "fs";
	import path from "path";
	import { pathToFileURL, fileURLToPath } from "url";
	import { builtinModules } from "module";
	import { init, parse } from "es-module-lexer";
	import { moduleResolve } from "import-meta-resolve";

	/**
	* @param {string} specifier
	* @returns {boolean}
	import { defineConfig } from 'astro/config';
	import netlify from '@astrojs/netlify';

	import path from 'path';
	import fs from 'fs';
	import { injectManifest } from 'workbox-build';
	import { build } from "esbuild";
	import { createRequire } from 'module';

	const require = createRequire(import.meta.url);
	import path from 'path';
	import fs from 'fs';
	import { customElementsManifestToMarkdown } from '../custom-elements-json-to-markdown/index.js';

	function generateReadme() {
	const components = ['generic-disclosure', 'generic-switch'];
	const fauxCEM = {"modules": [{"declarations": []}];
	return {
	packageLinkPhase(cem) {
	const classDocForComponents = [];
kind	name	declaration	module
js	ajax	ajax	./src/ajax.js
js	setAjax	setAjax	./src/ajax.js
js	AjaxClass	AjaxClass	./src/AjaxClass.js
js	cancelInterceptorFactory	cancelInterceptorFactory	./src/interceptors.js
	<html>
	<body>

	<form id="todoInput">
	<input type="text" name="todo"></input>
	<button type="submit">submit</button>
	</form>

	<ul id="todoList">
	class Batching {
	// ...

	async scheduleUpdate() {
	if(!this.updateRequested) {
	this.updateRequested = true;
	this.updateRequested = await false;
	this.update();
	}
	}