v3.0.0: renamed to scoped npm package @depay/react-shadow-dom

10xSebastian · 10xSebastian · commit 2d9a258035ef · 2021-11-26T19:46:46.000+01:00
diff --git a/.github/workflows/build.yml b/.github/workflows/build.yml
diff --git a/.github/workflows/publish.yml b/.github/workflows/publish.yml
@@ -0,0 +1,25 @@
+name: Publish
+
+on:
+  release:
+    types: [created]
+
+jobs:
+  publish:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v2
+      # Setup .npmrc file to publish to npm
+      - uses: actions/setup-node@v2
+        with:
+          node-version: '16.x'
+          registry-url: 'https://registry.npmjs.org'
+      - run: npm install
+
+      - name: get-npm-version
+        id: package-version
+        uses: martinbeentjes/npm-get-version-action@master
+      
+      - run: npm publish --access public
+        env:
+          NODE_AUTH_TOKEN: ${{ secrets.NPM_AUTOMATION_TOKEN }}
diff --git a/.gitignore b/.gitignore
@@ -20,3 +20,5 @@
 # Various
 npm-debug.log*
 yarn-error.log
+
+tmp/
diff --git a/README.md b/README.md
@@ -1,11 +1,11 @@
 ## Quick Start
 
 ```
-yarn add depay-react-shadow-dom
+yarn add @depay/react-shadow-dom
 ```
 
 ```
-import { ReactShadowDOM } from 'depay-react-shadow-dom';
+import { ReactShadowDOM } from '@depay/react-shadow-dom';
 ```
 
 ```
diff --git a/dev.html b/dev.html
@@ -7,7 +7,7 @@
     <title>Demo</title>
     <script crossorigin src="https://unpkg.com/react@17/umd/react.development.js"></script>
     <script crossorigin src="https://unpkg.com/react-dom@17/umd/react-dom.development.js"></script>
-    <script src="dist/umd/index.js"></script>
+    <script src="tmp/index.dev.js"></script>
   </head>
   <body>
     <div class="ReactShadowDOM"></div>
diff --git a/dist/cjs/index.js b/dist/cjs/index.js
@@ -3,6 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var ReactDOM = require('react-dom');
+require('react');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -52,7 +53,6 @@ function trimStyle(style) {
 }
 
 function unmount(outsideContainer) {
-
   if (outsideContainer && outsideContainer.shadowRoot) {
     const shadowRoot = outsideContainer.shadowRoot;
 
diff --git a/dist/es/index.js b/dist/es/index.js
@@ -1,4 +1,5 @@
 import ReactDOM from 'react-dom';
+import 'react';
 
 const insideContainerClass = 'ReactShadowDOMInsideContainer';
 
@@ -44,7 +45,6 @@ function trimStyle(style) {
 }
 
 function unmount(outsideContainer) {
-
   if (outsideContainer && outsideContainer.shadowRoot) {
     const shadowRoot = outsideContainer.shadowRoot;
 
diff --git a/dist/umd/index.js b/dist/umd/index.js
@@ -1,6 +1,6 @@
 (function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react-dom')) :
-  typeof define === 'function' && define.amd ? define(['exports', 'react-dom'], factory) :
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react-dom'), require('react')) :
+  typeof define === 'function' && define.amd ? define(['exports', 'react-dom', 'react'], factory) :
   (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.ReactShadowDOM = {}, global.ReactDOM));
 }(this, (function (exports, ReactDOM) { 'use strict';
 
@@ -52,7 +52,6 @@
   }
 
   function unmount(outsideContainer) {
-
     if (outsideContainer && outsideContainer.shadowRoot) {
       const shadowRoot = outsideContainer.shadowRoot;
 
diff --git a/package.json b/package.json
@@ -1,28 +1,24 @@
 {
-  "name": "depay-react-shadow-dom",
+  "name": "@depay/react-shadow-dom",
   "moduleName": "ReactShadowDOM",
-  "version": "2.0.4",
+  "version": "3.0.0",
   "description": "A library to easily render react compatible shadow DOMs for web components with individual styling for inside and outside.",
   "main": "./dist/cjs/index.js",
   "files": [
     "dist"
   ],
   "scripts": {
-    "build": "rm -rf dist && rollup -c",
-    "lint": "eslint \"src/**/*.{js,ts,tsx}\"",
-    "lint:fix": "eslint \"src/**/*.{js,ts,tsx}\" --fix",
-    "format": "prettier src --write",
+    "build": "rm -rf dist && rollup -c rollup.module.config.js",
+    "lint": "eslint \"src/**/*.{js,jsx,ts,tsx}\"",
+    "lint:fix": "eslint \"src/**/*.{js,jsx,ts,tsx}\" --fix",
     "prepublishOnly": "yarn build",
-    "demo": "rollup -c rollup.demo.config.js -w",
-    "test:units": "jest --no-cache",
-    "test:integration": "yarn cypress run",
-    "test:cov": "jest --coverage",
-    "test:watch": "jest --watch --no-cache",
+    "dev": "rollup -c rollup.dev.config.js -w",
     "test:cypress": "yarn cypress run",
     "test:cypress:debug": "yarn cypress run --headed --no-exit",
+    "test:integration": "yarn cypress run",
     "test": "yarn test:integration"
   },
-  "repository": "git@github.com:DePayFi/depay-react-shadow-dom.git",
+  "repository": "git@github.com:DePayFi/react-shadow-dom.git",
   "keywords": [
     "react",
     "shadow dom",
@@ -33,9 +29,9 @@
   "author": "depay.fi",
   "license": "MIT",
   "bugs": {
-    "url": "https://github.com/DePayFi/depay-react-shadow-dom/issues"
+    "url": "https://github.com/DePayFi/react-shadow-dom/issues"
   },
-  "homepage": "https://github.com/DePayFi/depay-react-shadow-dom#readme",
+  "homepage": "https://github.com/DePayFi/react-shadow-dom#readme",
   "private": false,
   "dependencies": {},
   "peerDependencies": {
diff --git a/rollup.demo.config.js b/rollup.demo.config.js
diff --git a/rollup.dev.config.js b/rollup.dev.config.js
@@ -0,0 +1,25 @@
+import globals from './rollup.globals.js'
+import livereload from 'rollup-plugin-livereload'
+import pkg from './package.json'
+import rollup from './rollup.module.config.js'
+import serve from 'rollup-plugin-serve'
+
+export default Object.assign({}, rollup, {
+  output: [
+    {
+      format: 'umd',
+      name: pkg.moduleName,
+      globals: globals,
+      file: 'tmp/index.dev.js'
+    },
+  ],
+  plugins: [...rollup.plugins,
+    serve({
+      open: 'true',
+      openPage: '/dev.html'
+    }),
+    livereload({
+      watch: ['dist', 'src']
+    })
+  ]
+})
diff --git a/rollup.globals.js b/rollup.globals.js
@@ -0,0 +1,3 @@
+export default {
+  'react-dom': 'ReactDOM',
+}
diff --git a/rollup.module.config.js b/rollup.module.config.js
@@ -1,36 +1,28 @@
-import commonjs from '@rollup/plugin-commonjs';
-import pkg from './package.json';
-import replace from '@rollup/plugin-replace';
-import resolve from '@rollup/plugin-node-resolve';
-import sucrase from '@rollup/plugin-sucrase';
-import { nodeResolve } from '@rollup/plugin-node-resolve';
+import commonjs from '@rollup/plugin-commonjs'
+import globals from './rollup.globals.js'
+import pkg from './package.json'
+import replace from '@rollup/plugin-replace'
+import resolve from '@rollup/plugin-node-resolve'
+import sucrase from '@rollup/plugin-sucrase'
+import { nodeResolve } from '@rollup/plugin-node-resolve'
 
 export default {
   input: 'src/index.js',
   output: [
     {
       format: 'cjs',
-      globals: {
-        'react': 'React',
-        'react-dom': 'ReactDOM'
-      },
+      globals: globals,
       file: 'dist/cjs/index.js'
     },
     {
       format: 'es',
-      globals: {
-        'react': 'React',
-        'react-dom': 'ReactDOM'
-      },
+      globals: globals,
       file: 'dist/es/index.js'
     },
     {
       format: 'umd',
-      globals: {
-        'react': 'React',
-        'react-dom': 'ReactDOM'
-      },
       name: pkg.moduleName,
+      globals: globals,
       file: 'dist/umd/index.js'
     },
   ],
@@ -41,10 +33,10 @@ export default {
   plugins: [
     sucrase({
       exclude: ['node_modules/**'],
-      transforms: ['typescript', 'jsx']
+      transforms: ['jsx']
     }),
     resolve({
-      extensions: ['.js', '.ts', '.jsx']
+      extensions: ['.js',  '.jsx']
     }),
     nodeResolve(),
     commonjs({

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,5 @@`
`1`	`1`	`import ReactDOM from 'react-dom';`
	`2`	`+import 'react';`
`2`	`3`
`3`	`4`	`const insideContainerClass = 'ReactShadowDOMInsideContainer';`
`4`	`5`
`@@ -44,7 +45,6 @@ function trimStyle(style) {`
`44`	`45`	`}`
`45`	`46`
`46`	`47`	`function unmount(outsideContainer) {`
`47`		`-`
`48`	`48`	`if (outsideContainer && outsideContainer.shadowRoot) {`
`49`	`49`	`const shadowRoot = outsideContainer.shadowRoot;`
`50`	`50`