Some updates

Author: mcjazzyfunky

common/index.js

@@ -0,0 +1,7 @@
+'use strict'
+
+if (process.env.NODE_ENV === 'production') {
+  module.exports = require('../dist/js-elements.crank.cjs.production.js')
+} else {
+  module.exports = require('../dist/js-elements.crank.cjs.development.js')
+}

common/package.json

@@ -0,0 +1,7 @@
+'use strict'
+
+if (process.env.NODE_ENV === 'production') {
+  module.exports = require('../dist/js-elements.ext.cjs.production.js')
+} else {
+  module.exports = require('../dist/js-elements.ext.cjs.development.js')
+}

crank/index.js

@@ -1,6 +1,6 @@
 {
   "name": "js-elements",
-  "version": "0.0.53",
+  "version": "0.0.59",
   "description": "",
   "main": "index.js",
   "module": "dist/js-elements.esm.producion.js",
@@ -9,14 +9,18 @@
   "types": "dist/types/main/index.d.ts",
   "files": [
     "index.js",
-    "dist"
+    "dist",
+    "ext",
+    "lit-html",
+    "preact",
+    "crank"
   ],
   "scripts": {
     "clean": "shx rm -rf ./build ./dist",
     "test": "echo \"Error: no test specified\" && exit 1",
     "storybook": "start-storybook -p 6006",
     "build-storybook": "build-storybook",
-    "build": "npm run clean && rollup --c rollup.config.js && tsc -d --emitDeclarationOnly --declarationDir dist/types",
+    "build": "npm run clean && cross-env NODE_OPTIONS=--max_old_space_size=4096 rollup --c rollup.config.js && tsc -d --emitDeclarationOnly --declarationDir dist/types",
     "dist": "npm run build && npm run zipsource",
     "zipsource": "shx rm -rf ./build/source && shx mkdir -p ./build/source && copyfiles -a ./* ./build/source && shx cp -r ./src ./build/source && shx mkdir -p ./dist/source && cd build && bestzip --force node ../dist/source/source.zip source && cd .."
   },
@@ -49,6 +53,7 @@
     "bestzip": "^2.1.6",
     "compression-webpack-plugin": "^4.0.0",
     "copyfiles": "^2.3.0",
+    "cross-env": "^7.0.2",
     "dyo": "^2.0.4",
     "eslint": "^7.6.0",
     "js-spec": "^0.1.79",
@@ -76,6 +81,7 @@
     "zip-webpack-plugin": "^3.0.0"
   },
   "dependencies": {
+    "@bikeshaving/crank": "^0.3.2",
     "@types/superfine": "^7.0.1"
   }
 }

ext/index.js

@@ -0,0 +1,7 @@
+'use strict'
+
+if (process.env.NODE_ENV === 'production') {
+  module.exports = require('../dist/js-elements.preact.cjs.production.js')
+} else {
+  module.exports = require('../dist/js-elements.preact.cjs.development.js')
+}

package-lock.json

@@ -8,7 +8,7 @@ import gzip from 'rollup-plugin-gzip'
 
 const configs = []
 
-for (const pkg of ['core', 'common', 'lit-html', 'ext', 'preact', 'crank']) {
+for (const pkg of ['root', 'lit-html', 'ext', 'preact', 'crank']) {
   for (const format of ['umd', 'cjs', 'amd', 'esm']) {
     for (const productive of [false, true]) {
       configs.push(createConfig(pkg, format, productive))
@@ -21,22 +21,38 @@ export default configs
 // --- locals -------------------------------------------------------
 
 function createConfig(pkg, moduleFormat, productive) {
+  const env = productive ? 'productive' : 'development'
+
   return {
-    input: `src/main/js-elements-${pkg}.ts`,
+    input:
+      pkg === 'root'
+        ? 'src/main/js-elements.ts'
+        : `src/main/js-elements-${pkg}.ts`,
 
     output: {
-      file: productive
-        ? `dist/js-elements.${pkg}.${moduleFormat}.production.js`
-        : `dist/js-elements.${pkg}.${moduleFormat}.development.js`,
+      file:
+        pkg === 'root'
+          ? `dist/js-elements.${moduleFormat}.${env}.js`
+          : `dist/js-elements.${pkg}.${moduleFormat}.${env}.js`,
 
       format: moduleFormat,
       sourcemap: false, // productive ? false : 'inline', // TODO
-      name: 'jsElements.' + pkg,
+      name: pkg === 'root' ? 'jsElements' : 'jsElements.' + pkg,
 
-      globals: {}
+      globals: {
+        'lit-html': 'litHtml',
+        preact: 'preact',
+        '@bikeshaving/crank': 'crank',
+        '@bikeshaving/crank/dom': 'crankDOM'
+      }
     },
 
-    external: ['lit-html', 'preact', 'crank'],
+    external: [
+      'lit-html',
+      'preact',
+      '@bikeshaving/crank',
+      '@bikeshaving/crank/dom'
+    ],
 
     plugins: [
       resolve(),

package.json

@@ -179,7 +179,9 @@ type FunctionDefineElement<O, R> = {
 
 // === createAdaption ================================================
 
-function createAdaption<O, R>(renderer: any): FunctionDefineElement<O, R> {
+function createAdaption<O, R>(
+  renderer: (content: O, target: Element) => void
+): FunctionDefineElement<O, R> {
   return (name: string, config: any) =>
     defineElementWithRenderer(name, config, renderer) as any // TODO
 }