New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More
Socket
Sign inDemoInstall
Socket

foldable-device-configurator

Package Overview
Dependencies
Maintainers
1
Versions
31
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

foldable-device-configurator - npm Package Compare versions

Comparing version 1.0.1 to 1.0.2

2

package.json
{
"name": "foldable-device-configurator",
"version": "1.0.1",
"version": "1.0.2",
"description": "A simple web component which you can add to emulate various type of foldables devices. It will set the appropriate media queries according to the device and the setup.",

@@ -5,0 +5,0 @@ "main": "src/foldable-device-configurator.js",

# Foldable Device Configurator
Foldable Device Configurator is a little Web Component which you can drop in your application to test
the CSS Spanning Polyfill located [here](https://github.com/zouhir/spanning-css-polyfill)
the CSS Spanning Polyfill located [here](https://github.com/foldable-devices/spanning-css-polyfill)

@@ -26,4 +26,4 @@ ## How to use the foldable configurator in your project?

This web component will let you emulate various foldable configurations and will set the foldable polyfills accordingly. Currently there are two polyfills you can use to design or adapt web contents for foldable devices :
- A JavaScript API called Window Segments located [here](https://github.com/zouhir/windowsegments-polyfill)
- CSS Properties called Spanning located [here](https://github.com/zouhir/spanning-css-polyfill)
- A JavaScript API called Window Segments located [here](https://github.com/foldable-devices/windowsegments-polyfill)
- CSS Properties called Spanning located [here](https://github.com/foldable-devices/spanning-css-polyfill)

@@ -36,3 +36,3 @@ Both are proposals from Microsoft. At this time the configurator will only set the spanning media-queries.

Go to https://darktears.github.io/foldable-device-configurator/demo/index.html ([source](https://github.com/darktears/foldable-device-configurator/tree/master/demo))
Go to https://foldable-devices.github.io/device-configurator/demo/ ([source](https://foldable-devices.github.io/device-configurator/demo/))

@@ -43,7 +43,7 @@ ### An example in action :

<img src="https://raw.githubusercontent.com/darktears/foldable-device-configurator/master/images/foldable-device-configurator.gif" alt="Demo of the configurator" style="width:400px;"/>
<img src="https://raw.githubusercontent.com/foldable-devices/device-configurator/master/images/foldable-device-configurator.gif" alt="Demo of the configurator" style="width:400px;"/>
On an actual device (Asus ZenBook Pro Duo) :
<img src="https://raw.githubusercontent.com/darktears/foldable-device-configurator/master/images/zenbook.gif" alt="Demo of the ZenBook" style="width:400px;"/>
<img src="https://raw.githubusercontent.com/foldable-devices/device-configurator/master/images/zenbook.gif" alt="Demo of the ZenBook" style="width:400px;"/>

@@ -50,0 +50,0 @@ ## Working on the foldable configurator component

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc