Add Lit to Examples (#2196)

tastejs · Sep 20, 2023 · 1902cc1 · 1902cc1
1 parent 26c5ed9
commit 1902cc1
Show file tree

Hide file tree

Showing 25 changed files with 3,987 additions and 0 deletions.
diff --git a/.jshintignore b/.jshintignore
@@ -0,0 +1 @@
+site-assets/*
diff --git a/.travis.yml b/.travis.yml
@@ -223,3 +223,7 @@ jobs:
       env:
         - CYPRESS_framework=vue
       <<: *defaults
+    - stage: test
+      env:
+        - CYPRESS_framework=lit
+      <<: *defaults
diff --git a/circle.yml b/circle.yml
@@ -67,6 +67,8 @@ jobs:
     <<: *defaults
   flight:
     <<: *defaults
+  lit:
+    <<: *defaults
   # compiled-to-js frameworks
   kotlin-react:
     <<: *defaults
@@ -165,6 +167,7 @@ workflows:
       - knockoutjs
       - polymer
       - flight
+      - lit
   # second tab - compiled-to-js frameworks
   compiled-to-js:
     jobs:

diff --git a/examples/lit/.gitignore b/examples/lit/.gitignore
@@ -0,0 +1,8 @@
+/node_modules
+/.tsbuildinfo
+/.wireit
+/.rollup.cache
+
+/lib
+/index.js
+/index.js.map
diff --git a/examples/lit/dist/index.html b/examples/lit/dist/index.html
@@ -0,0 +1,53 @@
+<!DOCTYPE html>
+<html data-framework="lit">
+    <head>
+        <meta charset="utf-8" />
+        <title>TodoMVC: Lit</title>
+        <script type="module" src="./index.js"></script>
+        <style>
+            html,
+            body {
+                margin: 0;
+                padding: 0;
+            }
+            body {
+                font: 14px "Helvetica Neue", Helvetica, Arial, sans-serif;
+                line-height: 1.4em;
+                background: #f5f5f5;
+                color: #111111;
+                min-width: 230px;
+                max-width: 550px;
+                margin: 0 auto;
+                -webkit-font-smoothing: antialiased;
+                -moz-osx-font-smoothing: grayscale;
+                font-weight: 300;
+            }
+            .info {
+                margin: 65px auto 0;
+                color: #4d4d4d;
+                font-size: 11px;
+                text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
+                text-align: center;
+            }
+            .info p {
+                line-height: 1;
+            }
+            .info a {
+                color: inherit;
+                text-decoration: none;
+                font-weight: 400;
+            }
+            .info a:hover {
+                text-decoration: underline;
+            }
+        </style>
+    </head>
+    <body>
+        <todo-app></todo-app>
+        <footer class="info">
+            <p>Double-click to edit a todo</p>
+            <p>Written by <a href="https://github.com/lit">the lit team</a></p>
+            <p>Part of <a href="http://todomvc.com">TodoMVC</a></p>
+        </footer>
+    </body>
+</html>
diff --git a/examples/lit/dist/index.js b/examples/lit/dist/index.js
diff --git a/examples/lit/index.html b/examples/lit/index.html
@@ -0,0 +1,53 @@
+<!DOCTYPE html>
+<html data-framework="lit">
+    <head>
+        <meta charset="utf-8" />
+        <title>TodoMVC: Lit</title>
+        <script type="module" src="./index.js"></script>
+        <style>
+            html,
+            body {
+                margin: 0;
+                padding: 0;
+            }
+            body {
+                font: 14px "Helvetica Neue", Helvetica, Arial, sans-serif;
+                line-height: 1.4em;
+                background: #f5f5f5;
+                color: #111111;
+                min-width: 230px;
+                max-width: 550px;
+                margin: 0 auto;
+                -webkit-font-smoothing: antialiased;
+                -moz-osx-font-smoothing: grayscale;
+                font-weight: 300;
+            }
+            .info {
+                margin: 65px auto 0;
+                color: #4d4d4d;
+                font-size: 11px;
+                text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
+                text-align: center;
+            }
+            .info p {
+                line-height: 1;
+            }
+            .info a {
+                color: inherit;
+                text-decoration: none;
+                font-weight: 400;
+            }
+            .info a:hover {
+                text-decoration: underline;
+            }
+        </style>
+    </head>
+    <body>
+        <todo-app></todo-app>
+        <footer class="info">
+            <p>Double-click to edit a todo</p>
+            <p>Written by <a href="https://github.com/lit">the lit team</a></p>
+            <p>Part of <a href="http://todomvc.com">TodoMVC</a></p>
+        </footer>
+    </body>
+</html>