modernweb-dev / example-projects Goto Github PK
View Code? Open in Web Editor NEWExample projects using Modern Web tools
Example projects using Modern Web tools
Update the dependencies to React v18 and the react-jsx
example no longer works. When the process runs, the generated page is blank and console returns the following error:
Uncaught SyntaxError: The requested module './../node_modules/react/index.js' does not provide an export named 'default' (at App.jsx:1:8)
Not sure if this issue originates with esbuild or modernweb-dev but it is not documented and is reproducible with any project running React v18.
Snowpack is no longer maintained - I guess the templates should be removed (or replaced with a different build tool)
Many configurations we adapted from https://saucelabs.com/platform/platform-configurator is not working with SauceLabsLauncher .
IPhone and iPad simulators are working fine ,but none of Android device configuration worked.
error is :- 21-09-29T15:36:21.168Z ERROR webdriver: Request failed with status 500 due to Error: Unexpected server error.
2021-09-29T15:36:21.168Z ERROR webdriver: Error: Unexpected server error.
at Object.getErrorFromResponseBody example-projects-master\saucelabs\node_modules\webdriver\build\utils.js:189:12)
at WebDriverRequest._request (example-projects-master\saucelabs\node_modules\webdriver\build\request.js:168:31)
how we can map https://saucelabs.com/platform/platform-configurator configuration to SauceLabsLauncher.
Can we get working Android platform example?
Upgrade the following.
lit-element
to lit
"@open-wc/testing": "2.5.33",
"@types/node": "14.18.42",
"@web/test-runner": "0.16.0",
"@web/dev-server": "0.2.1",
"tslib": "2.5.0",
"typescript": "5.0.4"
The starter is very good and helpful, but my components import also scss styles and here i have difficulties to configure the unit tests. Are you planning to extend the starter with this specific use case?
There is an error with this repository's Renovate configuration that needs to be fixed. As a precaution, Renovate will stop PRs until it is resolved.
Error type: undefined. Note: this is a nested preset so please contact the preset author if you are unable to fix it yourself.
Not able to run tests on LitElements Pexample projects.
@web/[email protected] test D:\Work\Test Project\example-projects-master\lit-element
web-test-runner test/**/*.test.js --coverage --node-resolve
Error: Could not find a test framework at D:\Work\Test%20Project\example-projects-master\lit-element\node_modules@web\test-runner-mocha\dist\autorun.js
at readFile (D:\Work\Test Project\example-projects-master\lit-element\node_modules@web\test-runner-core\dist\server\plugins\serveTestFrameworkPlugin.js:14:15)
at Object.serve (D:\Work\Test Project\example-projects-master\lit-element\node_modules@web\test-runner-core\dist\server\plugins\serveTestFrameworkPlugin.js:35:36)
at D:\Work\Test Project\example-projects-master\lit-element\node_modules@web\dev-server-core\dist\middleware\pluginServeMiddleware.js:20:97
at processTicksAndRejections (internal/process/task_queues.js:97:5)
at async D:\Work\Test Project\example-projects-master\lit-element\node_modules@web\dev-server-core\dist\middleware\pluginTransformMiddleware.js:36:9
at async D:\Work\Test Project\example-projects-master\lit-element\node_modules@web\dev-server-core\dist\middleware\etagCacheMiddleware.js:9:9
at async D:\Work\Test Project\example-projects-master\lit-element\node_modules@web\dev-server-core\dist\middleware\watchServedFilesMiddleware.js:15:9
at async D:\Work\Test Project\example-projects-master\lit-element\node_modules@web\test-runner-core\dist\server\middleware\cacheMiddleware.js:10:9
at async D:\Work\Test Project\example-projects-master\lit-element\node_modules@web\test-runner-core\dist\server\middleware\watchFilesMiddleware.js:148:9
at async D:\Work\Test Project\example-projects-master\lit-element\node_modules@web\dev-server-core\dist\server\createMiddleware.js:26:9
test\my-element.test.js:
As we will have other sub projects in modern-web as well it might be nice to then have
VisualRegressionPlugin is able to take screenshots in local setup .
But when we use it with Saucelab configuration ,tests are not running with webtestrunner.
Please propose appropriate resolution for this problem
Page loads fine, but the increment button doesn't work.
Could it be caused by unsupported esbuild's module transformation functionality?
Used browser:
Google Chrome Version 110.0.5481.104 (Official Build) (64-bit)
We should run the saucelabs tests in the CI
Problem is some olde Node -> < 12.17 .
cd lit-element-ts-tsc
npm i
npm run start:watch
Error: Cannot find module '{redacted}/web-dev-server-examples/lit-element-ts-tsc/node_modules/@web/parse5-utils/dist/index.js'. Please verify that the package.json has a valid "main" entry
Quick-Hack is modifying its package.json
to point to src/index.js
. Should be fixed, with new version of @web/dev-server
.
This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.
These updates are currently rate-limited. Click on a checkbox below to force their creation now.
@babel/core
, @babel/plugin-proposal-decorators
, @babel/plugin-transform-react-jsx
, @babel/preset-typescript
)react
, react-dom
)@testing-library/react
, @testing-library/svelte
)These updates have all been created already. Click a checkbox below to force a retry/rebase of any.
.github/workflows/verify.yml
actions/checkout v3
actions/setup-node v3
microsoft/playwright-github-action v1
guides/dev-server/getting-started/package.json
@web/dev-server 0.2.1
guides/dev-server/loading-modules/package.json
lit-html 1.4.1
@web/dev-server 0.2.1
guides/dev-server/proxy-to-other-servers/package.json
@web/dev-server 0.2.1
koa-proxies 0.12.3
guides/dev-server/typescript-and-jsx/package.json
@web/dev-server 0.2.1
@web/dev-server-esbuild 0.4.1
preact 10.13.2
guides/dev-server/using-plugins/package.json
@babel/core 7.21.4
@babel/plugin-transform-react-jsx 7.21.0
@rollup/plugin-babel 6.0.4
@rollup/plugin-commonjs 24.1.0
@rollup/plugin-replace 5.0.4
@web/dev-server 0.2.1
@web/dev-server-rollup 0.5.0
axios 1.3.6
preact 10.13.2
guides/dev-server/writing-plugins/package.json
@web/dev-server 0.2.1
guides/test-runner/getting-started/package.json
@esm-bundle/chai 4.3.4
@web/test-runner 0.16.0
guides/test-runner/playwright/package.json
@esm-bundle/chai 4.3.4
@web/test-runner 0.16.0
@web/test-runner-playwright 0.10.0
guides/test-runner/responsive/package.json
@esm-bundle/chai 4.3.4
@web/test-runner-mocha 0.8.0
@web/test-runner 0.16.0
@web/test-runner-commands 0.7.0
guides/test-runner/test-runner-coverage/package.json
@esm-bundle/chai 4.3.4
@web/test-runner 0.16.0
guides/test-runner/typescript/package.json
@esm-bundle/chai 4.3.4
@types/mocha 10.0.1
@web/test-runner 0.16.0
typescript 5.0.4
guides/test-runner/watch-and-debug/package.json
@esm-bundle/chai 4.3.4
@web/test-runner 0.16.0
html-test/package.json
lit-element 2.5.1
lit-html 1.4.1
@open-wc/testing 2.5.33
@web/test-runner 0.16.0
@web/dev-server 0.2.1
import-maps/package.json
lit-element 2.5.1
lit-html 1.4.1
@open-wc/testing 2.5.33
@web/dev-server-import-maps 0.1.1
@web/test-runner 0.16.0
json-modules/package.json
lit-element 2.5.1
lit-html 1.4.1
@open-wc/testing 2.5.33
@rollup/plugin-json 6.0.1
@web/dev-server 0.2.1
@web/dev-server-rollup 0.5.0
@web/test-runner 0.16.0
lit-element-ts-esbuild/package.json
lit-element 2.5.1
lit-html 1.4.1
@open-wc/testing 2.5.33
@types/node 14.18.42
@web/dev-server 0.2.1
@web/dev-server-esbuild 0.4.1
@web/test-runner 0.16.0
tslib 2.5.0
typescript 5.0.4
lit-element-ts-tsc/package.json
lit-element 2.5.1
lit-html 1.4.1
@open-wc/testing 2.5.33
@types/node 14.18.42
@web/test-runner 0.16.0
@web/dev-server 0.2.1
tslib 2.5.0
typescript 5.0.4
lit-element/package.json
lit-element 2.5.1
lit-html 1.4.1
@open-wc/testing 2.5.33
@web/test-runner 0.16.0
@web/dev-server 0.2.1
mock-es-module/package.json
@esm-bundle/chai 4.3.4
@open-wc/testing 2.5.33
@web/dev-server 0.2.1
@web/dev-server-import-maps 0.1.1
@web/test-runner 0.16.0
sinon 15.0.4
playwright/package.json
lit-element 2.5.1
lit-html 1.4.1
@open-wc/testing 2.5.33
@web/test-runner 0.16.0
@web/dev-server 0.2.1
@web/test-runner-playwright 0.10.0
preact-htm/package.json
htm 3.1.1
preact 10.13.2
@esm-bundle/chai 4.3.4
@web/test-runner 0.16.0
@web/dev-server 0.2.1
preact-jsx/package.json
preact 10.13.2
@esm-bundle/chai 4.3.4
@web/dev-server 0.2.1
@web/dev-server-esbuild 0.4.1
@web/test-runner 0.16.0
preact-tsx/package.json
preact 10.13.2
@esm-bundle/chai 4.3.4
@web/dev-server 0.2.1
@web/dev-server-esbuild 0.4.1
@web/test-runner 0.16.0
typescript 5.0.4
puppeteer/package.json
lit-element 2.5.1
lit-html 1.4.1
@open-wc/testing 2.5.33
@web/test-runner 0.16.0
@web/dev-server 0.2.1
@web/test-runner-puppeteer 0.13.0
react-htm/package.json
htm 3.1.1
react 16.13.1
react-dom 16.13.1
@esm-bundle/chai 4.3.4
@web/test-runner 0.16.0
@web/dev-server 0.2.1
react-jsx/package.json
react 16.13.1
react-dom 16.13.1
@esm-bundle/chai 4.3.4
@web/dev-server 0.2.1
@web/dev-server-esbuild 0.4.1
@web/test-runner 0.16.0
react-tsx/package.json
react 16.13.1
react-dom 16.13.1
@esm-bundle/chai 4.3.4
@web/dev-server 0.2.1
@web/dev-server-esbuild 0.4.1
@web/test-runner 0.16.0
typescript 5.0.4
saucelabs/package.json
lit-element 2.5.1
lit-html 1.4.1
@open-wc/testing 2.5.33
@web/dev-server 0.2.1
@web/dev-server-legacy 2.0.0
@web/test-runner 0.16.0
@web/test-runner-saucelabs 0.9.0
snowpack-lit/package.json
lit-element 2.5.1
lit-html 1.4.1
@babel/plugin-proposal-class-properties 7.18.6
@babel/plugin-proposal-decorators 7.21.0
@babel/preset-typescript 7.21.4
@esm-bundle/chai 4.3.4
@open-wc/testing 2.5.33
@snowpack/plugin-babel 2.1.7
@snowpack/plugin-dotenv 2.2.0
@snowpack/plugin-typescript 1.2.1
@snowpack/web-test-runner-plugin 0.2.2
@types/mocha 10.0.1
@types/snowpack-env 2.3.4
@web/test-runner 0.16.0
prettier 2.8.8
snowpack 3.8.8
typescript 5.0.4
snowpack-react/package.json
react 18.2.0
react-dom 18.2.0
@snowpack/plugin-dotenv 2.2.0
@snowpack/plugin-react-refresh 2.5.0
@snowpack/web-test-runner-plugin 0.2.2
@testing-library/react 13.4.0
@web/test-runner 0.16.0
chai 4.3.7
prettier 2.8.8
snowpack 3.8.8
snowpack-svelte/package.json
svelte 3.58.0
@snowpack/plugin-dotenv 2.2.0
@snowpack/plugin-svelte 3.7.0
@snowpack/web-test-runner-plugin 0.2.2
@testing-library/svelte 3.2.2
@web/test-runner 0.16.0
chai 4.3.7
snowpack 3.8.8
storybook/package.json
lit-element 2.5.1
lit-html 1.4.1
@open-wc/testing 2.5.33
@web/dev-server 0.2.1
@web/dev-server-storybook 0.7.0
visual-regression/package.json
lit-element 2.5.1
lit-html 1.4.1
@open-wc/testing 2.5.33
@web/dev-server 0.2.1
@web/test-runner 0.16.0
@web/test-runner-visual-regression 0.4.1
It would be great if we can add React apps here, something like
I tried to build react with htm, seems like the npm package is not ESM compatible, but we can use something like esm-react I guess. There are also a lot of alternatives:
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.