@netflix/x-element - npm Package Compare versions

Comparing version 1.0.0-rc.57 to 1.0.0-rc.58

demo/lit-html/base-element.js

 import XElement from '../../x-element.js';
-import { asyncAppend } from 'https://unpkg.com/lit-html/directives/async-append.js?module';
-import { asyncReplace } from 'https://unpkg.com/lit-html/directives/async-replace.js?module';
-import { cache } from 'https://unpkg.com/lit-html/directives/cache.js?module';
-import { classMap } from 'https://unpkg.com/lit-html/directives/class-map.js?module';
-import { directive } from 'https://unpkg.com/lit-html/directive.js?module';
-import { guard } from 'https://unpkg.com/lit-html/directives/guard.js?module';
-import { html, render as originalRender, svg } from 'https://unpkg.com/lit-html/lit-html.js?module';
-import { ifDefined } from 'https://unpkg.com/lit-html/directives/if-defined.js?module';
-import { live } from 'https://unpkg.com/lit-html/directives/live.js?module';
-import { repeat } from 'https://unpkg.com/lit-html/directives/repeat.js?module';
-import { styleMap } from 'https://unpkg.com/lit-html/directives/style-map.js?module';
-import { templateContent } from 'https://unpkg.com/lit-html/directives/template-content.js?module';
-import { unsafeHTML } from 'https://unpkg.com/lit-html/directives/unsafe-html.js?module';
-import { unsafeSVG } from 'https://unpkg.com/lit-html/directives/unsafe-svg.js?module';
-import { until } from 'https://unpkg.com/lit-html/directives/until.js?module';
+import { asyncAppend } from 'https://unpkg.com/lit-html@3.1.2/directives/async-append.js';
+import { asyncReplace } from 'https://unpkg.com/lit-html@3.1.2/directives/async-replace.js';
+import { cache } from 'https://unpkg.com/lit-html@3.1.2/directives/cache.js';
+import { classMap } from 'https://unpkg.com/lit-html@3.1.2/directives/class-map.js';
+import { directive } from 'https://unpkg.com/lit-html@3.1.2/directive.js';
+import { guard } from 'https://unpkg.com/lit-html@3.1.2/directives/guard.js';
+import { html, render as originalRender, svg } from 'https://unpkg.com/lit-html@3.1.2/lit-html.js';
+import { ifDefined } from 'https://unpkg.com/lit-html@3.1.2/directives/if-defined.js';
+import { live } from 'https://unpkg.com/lit-html@3.1.2/directives/live.js';
+import { repeat } from 'https://unpkg.com/lit-html@3.1.2/directives/repeat.js';
+import { styleMap } from 'https://unpkg.com/lit-html@3.1.2/directives/style-map.js';
+import { templateContent } from 'https://unpkg.com/lit-html@3.1.2/directives/template-content.js';
+import { unsafeHTML } from 'https://unpkg.com/lit-html@3.1.2/directives/unsafe-html.js';
+import { unsafeSVG } from 'https://unpkg.com/lit-html@3.1.2/directives/unsafe-svg.js';
+import { until } from 'https://unpkg.com/lit-html@3.1.2/directives/until.js';
 
@@ -18,0 +18,0 @@ export default class BaseElement extends XElement {

demo/performance/index.js

 import XElement from '../../x-element.js';
-import { html as litHtmlHtml, render as litHtmlRender } from 'https://unpkg.com/lit-html/lit-html.js?module';
-import { render as uhtmlRender, html as uhtmlHtml } from 'https://unpkg.com/uhtml?module';
+import { html as litHtmlHtml, render as litHtmlRender } from 'https://unpkg.com/lit-html@3.1.2/lit-html.js';
+import { html as uhtmlHtml, render as uhtmlRender } from 'https://unpkg.com/uhtml@4.4.7';
 
@@ -5,0 +5,0 @@ class LitHtmlElement extends XElement {

demo/uhtml/base-element.js

 import XElement from '../../x-element.js';
-import { render, html, svg } from 'https://unpkg.com/uhtml?module';
+import { render, html, svg } from 'https://unpkg.com/uhtml@4.4.7';
 
@@ -4,0 +4,0 @@ export default class BaseElement extends XElement {

package.json

 {
   "name": "@netflix/x-element",
-  "author": "Casey Klebba",
-  "description": "Custom Element base class.",
-  "version": "1.0.0-rc.57",
-  "license": "SEE LICENSE IN LICENSE",
+  "description": "A dead simple starting point for custom elements.",
+  "version": "1.0.0-rc.58",
+  "license": "Apache-2.0",
   "repository": "https://github.com/Netflix/x-element",
+  "type": "module",
   "main": "x-element.js",
@@ -13,6 +13,6 @@ "module": "x-element.js",
     "access": "public",
-    "registry": "https://registry.npmjs.org/"
+    "registry": "https://registry.npmjs.org"
   },
   "scripts": {
-    "start": "http-server -o demo -c-1",
+    "start": "node ./server.js",
     "lint": "eslint --max-warnings=0 .",
@@ -30,7 +30,16 @@ "lint-fix": "eslint --fix .",
   "devDependencies": {
-    "eslint": "^8.47.0",
-    "http-server": "^14.1.1",
-    "puppeteer": "^21.0.3",
-    "tap-parser": "^13.0.1"
-  }
+    "eslint": "^8.56.0",
+    "puppeteer": "^22.0.0",
+    "tap-parser": "^15.3.1"
+  },
+  "contributors": [
+    {
+      "name": "Andrew Seier",
+      "email": "[e-mail]"
+    },
+    {
+      "name": "Casey Klebba",
+      "email": "[e-mail]"
+    }
+  ]
 }

README.md

@@ -13,4 +13,4 @@ ```
 
-- Efficient element generation and data binding via default templating engine
-- ...or drop in an engine of your choice (e.g., [lit-html](https://lit.dev))
+- Efficient element generation and data binding via an integrated templating engine
+- ...or use another engine (e.g., [lit-html](https://lit.dev))
 - Automatic `.property` to `[attribute]` reflection (opt-in)
@@ -28,15 +28,11 @@ - Automatic `[attribute]` to `.property` synchronization (one-directional, on connected)
 
-...or if you're fancy:
-
+or
 ```
-yarn add @netflix/x-element
+import XElement from 'https://deno.land/x/element/x-element.js';
 ```
-or
+
+...or if you're fancy:
 ```
 npm install @netflix/x-element
 ```
-or
-```
-import XElement from 'https://deno.land/x/element/x-element.js';
-```
 
@@ -48,4 +44,4 @@ ## Project Philosophy:
 3. Make as few design decisions as possible
-4. Presume adopters are browser experts already, don't get in their way
-5. Follow the web platform precedents whenever possible
+4. Presume adopters are browser experts already (stay out of their way)
+5. Follow web platform precedents whenever possible
 6. Remain compatible with any browser which fully supports custom elements
@@ -58,14 +54,8 @@ 7. Prioritize simple syntax and useful comments in the code itself
 ```
-yarn install && yarn start
+npm install && npm start
 ```
 
 Then...
-* http://localhost:8080/demo
-* http://localhost:8080/demo/chess
-* http://localhost:8080/demo/lit-html
-* http://localhost:8080/demo/uhtml
-* http://localhost:8080/demo/react
-* http://localhost:8080/test
-* http://localhost:8080/performance
+* http://localhost:8080
 
-(See [SPEC.md](./SPEC.md) for more details.)
+See [SPEC.md](./SPEC.md) for all the deets.

New alerts

Network access

Supply chain risk

This module accesses the network.

Found 16 instances in 1 package

Fixed alerts

Misc. License Issues

License

(Experimental) A package's licensing information has fine-grained problems.

Found 1 instance in 1 package

Network access

Supply chain risk

This module accesses the network.

Found 16 instances in 1 package

Improved metrics

Dev dependency count

3

decreased by-25%

Number of medium license alerts

0

decreased by-100%

Is type module

Yes

Worsened metrics

Total package byte prevSize

268942

decreased by-0.38%

Number of package files

59

decreased by-3.28%

Lines of code

6919

decreased by-0.46%

Number of lines in readme file

58

decreased by-14.71%

No dependency changes