Renamed project from 'js-elements' to 'js-element'

Author: mcjazzyfunky

.storybook/webpack.config.js

@@ -13,14 +13,14 @@ module.exports = ({ config }) => {
 
   const alias = (config.resolve && config.resolve.alias) || {}
 
-  alias['js-elements$'] = path.resolve(__dirname, '../src/main/js-elements.ts')
-  alias['js-elements/hooks$'] = path.resolve(
+  alias['js-element$'] = path.resolve(__dirname, '../src/main/js-element.ts')
+  alias['js-element/hooks$'] = path.resolve(
     __dirname,
-    '../src/main/js-elements-hooks.ts'
+    '../src/main/js-element-hooks.ts'
   )
-  alias['js-elements/utils$'] = path.resolve(
+  alias['js-element/utils$'] = path.resolve(
     __dirname,
-    '../src/main/js-elements-utils.ts'
+    '../src/main/js-element-utils.ts'
   )
   config.resolve.alias = alias
   config.resolve.extensions.push('.ts', '.tsx')

README.md

@@ -1,4 +1,4 @@
-# js-elements
+# js-element
 
 A R&D project to evaluate an alternative approach to develop custom elements.
 
@@ -12,7 +12,7 @@ and it is currently not meant to ever be used in production.
 ### Example 1
 
 ```jsx
-import { define, h, render } from 'js-elements'
+import { define, h, render } from 'js-element'
 
 class SayHelloProps {
   salutation = 'Hello'
@@ -33,8 +33,8 @@ render(<SayHello salutation="Hi" name="Jane Doe" />, '#app')
 ### Example 2
 
 ```jsx
-import { attr, define, h, render } from 'js-elements'
-import { useEffect, useOnMount, useState, useStyles } from 'js-elements/hooks'
+import { attr, define, h, render } from 'js-element'
+import { useEffect, useOnMount, useState, useStyles } from 'js-element/hooks'
 import counterStyles from './counter.css'
 
 class CounterProps {
@@ -81,8 +81,8 @@ render(<Counter />, '#app')
 ### Example 3
 
 ```jsx
-import { define, h, render } from 'js-elements'
-import { useTimer } from 'js-elements/hooks'
+import { define, h, render } from 'js-element'
+import { useTimer } from 'js-element/hooks'
 
 const Clock = define('demo-clock', () => {
   const getTime = useTimer(1000, () => new Date().toLocaleTimeString())

assets/index.d.ts

@@ -1,5 +1,5 @@
 import './jsx.d'
-export * from './js-elements.d'
+export * from './js-element.d'
 
 export = JSX
 

hooks/index.js

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

hooks/package.json

@@ -1,10 +1,10 @@
 {
-  "name": "js-elements-hooks",
+  "name": "js-element-hooks",
   "version": "0.0.1",
   "description": "",
   "main": "index.js",
-  "module": "../dist/js-elements-hooks.esm.production.js",
-  "unpkg": "../dist/js-elements-hooks.umd.production.js",
-  "jsdelivr": "../dist/js-elements-hooks.umd.production.js",
-  "types": "../dist/types/js-elements-hooks.d.ts"
+  "module": "../dist/js-element-hooks.esm.production.js",
+  "unpkg": "../dist/js-element-hooks.umd.production.js",
+  "jsdelivr": "../dist/js-element-hooks.umd.production.js",
+  "types": "../dist/types/js-element-hooks.d.ts"
 }

index.js

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