edge-city

git clone https://pyrossh.dev/repos/edge-city.git

edge-city is a next level meta-framework for react that runs only on edge runtimes

6b0984a3 — pyrossh

improve todos

Files changed (14) hide show

cli.js +4 -6
example/package.json +4 -6
example/src/components/Counter/Counter.css +9 -0
example/src/components/Counter/Counter.jsx +11 -3
example/src/components/Layout/Layout.css +2 -0
example/src/components/Layout/Layout.jsx +0 -1
example/src/components/Todo/Todo.css +27 -11
example/src/components/Todo/Todo.jsx +55 -82
example/src/pages/app.css +387 -0
example/src/pages/app.jsx +1 -0
example/src/pages/page.jsx +1 -1
example/src/pages/todos/page.css +52 -1
example/src/pages/todos/page.jsx +27 -18
pnpm-lock.yaml +0 -15

cli.js CHANGED Viewed

@@ -35,7 +35,6 @@ const recordSize = (buildStart, dest) => {
 }
 let generatedCss = ``;
-const cssCache = [];
 const serverEnvs = Object.keys(process.env)
   .filter((k) => k.startsWith("EDGE_") || k === "NODE_ENV")
   .reduce((acc, k) => {
@@ -130,11 +129,8 @@ const bundlePages = async () => {
           }
         });
         build.onLoad({ filter: /\\*.css/, namespace: undefined }, (args) => {
-          if (!cssCache[args.path]) {
-            const css = fs.readFileSync(args.path);
+          const css = fs.readFileSync(args.path);
-            generatedCss += css + "\n\n";
+          generatedCss += css + "\n\n";
-            cssCache[args.path] = true;
-          }
           return {
             contents: "",
             loader: "file",
@@ -269,7 +265,9 @@ const build = async (platform, setProd) => {
   await bundleCss();
   if (!setProd) {
     // watch src files, imports and dotenv
+    console.log("watching for changes");
     watch(srcDir, { recursive: true }, async (evt, name) => {
+      generatedCss = "";
       await bundlePages();
       await bundleServices();
       await bundleCss();

example/package.json CHANGED Viewed

@@ -14,8 +14,6 @@
   "dependencies": {
     "@neondatabase/serverless": "0.4.5",
     "drizzle-orm": "0.26.0",
-    "modern-normalize": "^2.0.0",
-    "normalize.css": "^8.0.1",
     "edge-city": "workspace:*",
     "react": "18.2.0",
     "react-aria-components": "1.0.0-alpha.3",
@@ -27,12 +25,12 @@
     "zod": "^3.21.4"
   },
   "devDependencies": {
-    "drizzle-kit": "0.18.0",
-    "postgres": "3.3.4",
     "@playwright/test": "^1.31.2",
+    "drizzle-kit": "0.18.0",
     "eslint": "^8.35.0",
-    "wrangler": "3.0.1",
-    "eslint-config-react-app": "^7.0.1"
+    "eslint-config-react-app": "^7.0.1",
+    "postgres": "3.3.4",
+    "wrangler": "3.0.1"
   },
   "prettier": {
     "printWidth": 120

example/src/components/Counter/Counter.css ADDED Viewed

@@ -0,0 +1,9 @@
+.counter {
+  & .button {
+    border-radius: 0.25rem;
+    padding: 1rem;
+    background-color: #2563eb;
+    color: white;
+    margin-left: 0.5rem;
+  }
+}

example/src/components/Counter/Counter.jsx CHANGED Viewed

@@ -1,14 +1,22 @@
 import React, { useState } from "react";
+import { Button } from 'react-aria-components';
+import "./Counter.css";
 const Counter = () => {
   const [count, setCount] = useState(5);
+  const increment = () => setCount(count - 1);
+  const decrement = () => setCount(count + 1);
   return (
-    <div>
+    <div className="counter">
-      <button onClick={() => setCount(count - 1)}>-</button>
+      <Button className="button" onClick={increment}>
+        -
+      </Button>
       <span className="count">
         {count}
       </span>
-      <button onClick={() => setCount(count + 1)}>+</button>
+      <Button className="button" onClick={decrement}>
+        +
+      </Button>
     </div>
   )
 }

example/src/components/Layout/Layout.css CHANGED Viewed

@@ -17,6 +17,8 @@
   }
   & .content {
+    display: flex;
+    flex: 1;
     padding: 20px;
     padding-bottom: 50px;
     border-left: 2px solid #eee;

example/src/components/Layout/Layout.jsx CHANGED Viewed

@@ -1,6 +1,5 @@
 import React from 'react';
 import { Link } from "edge-city";
-import "modern-normalize";
 import "./Layout.css";
 const Layout = ({ children }) => {

example/src/components/Todo/Todo.css CHANGED Viewed

@@ -1,16 +1,32 @@
 .todo {
-  & label {
-    list-style-type: none;
-    padding: 1em;
+  display: flex;
-    border-radius: 0.5em;
+  border-bottom-width: 1px;
-    background-color: #ddd;
+  border-color: #d1d5db;
+  align-items: center;
+  height: 4rem;
+  margin-bottom: 0.5rem;
-    margin-top: 1em;
+  margin-top: 0.5rem;
+  & .text {
     display: flex;
+    flex: 1;
-    justify-content: space-between;
+    flex-direction: column;
+    font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
-    align-items: center;
+    margin-left: 0.5rem;
   }
-  & .done {
+  & .timestamp {
+    line-height: 2;
+    opacity: 0.5;
-    text-decoration: line-through;
+    font-size: 0.75rem;
+  }
+  & .edit-button {
+    padding: 0.5rem;
+    margin-right: 0.5rem;
+  }
+  & .delete-button {
+    padding: 0.5rem;
   }
 }

example/src/components/Todo/Todo.jsx CHANGED Viewed

@@ -1,94 +1,67 @@
-import { useState } from "react";
+import { useState, useCallback } from "react";
-// import PropTypes from 'prop-types';
-// import { Button, InputGroup } from "@blueprintjs/core";
-// import useMutation from '@/hooks/useMutation';
-// import { TodoPropType } from '@/models/Todo';
 import "./Todo.css";
-// const propTypes = {
-//   // todo: PropTypes.shape(TodoPropType).isRequired,
+const Todo = ({ item, updateMutation, deleteMutation }) => {
-// }
+  const [editing, setEditing] = useState(false);
-const Todo = ({ todo }) => {
+  const doSave = useCallback(() => {
+    if (!input.current) return;
+    setBusy(true);
-  const [state, setState] = useState({ text: todo.text, editing: false });
+    save(item, input.current.value, item.completed);
+  }, [item]);
-  // const updateMutation = useMutation(async (data) => {
+  const cancelEdit = useCallback(() => {
-  //   await onUpdate({ ...todo, ...data });
+    if (!input.current) return;
+    setEditing(false);
-  //   await refetch();
+    input.current.value = item.text;
-  // });
+  }, []);
-  // const deleteMutation = useMutation(async () => {
+  const doDelete = useCallback(() => {
+    const yes = confirm("Are you sure you want to delete this item?");
+    if (!yes) return;
+    setBusy(true);
+    save(item, null, item.completed);
+  }, [item]);
+  const doSaveCompleted = useCallback((completed) => {
+    setBusy(true);
-  //   await onDelete(todo.id);
+    save(item, item.text, completed);
-  //   await refetch();
-  // })
+  }, [item]);
   return (
     <li className="todo">
-      {!state.editing && (
+      {!editing && (
-        <label>
+        <>
-          <input
-            type="checkbox"
+          <input type="checkbox" />
-            checked={todo.completed}
-            onChange={(e) => {
-              // updateMutation.mutate({ completed: e.target.checked })
-            }}
-          />{" "}
+          <div class="text">
+            <p>{item.text}</p>
-          <span className={todo.completed ? "done" : undefined}>{todo.text}</span>{" "}
+            <p className="timestamp">{item.createdAt}</p>
-        </label>
+          </div>
-      )}
-      {/* {state.editing && (
+          <button className="edit-button" title="Edit">✏️</button>
-        <InputGroup
-          autoFocus
-          value={state.text}
-          onChange={(e) => setState({ text: e.target.value, editing: true })}
+          <button class="delete-button" title="Delete">🗑️</button>
-          onKeyDown={async (e) => {
-            if (e.key === "Enter") {
-              await updateMutation.mutate({ text: state.text });
-              setState({ text: todo.text, editing: false });
-            } else if (e.key === "Escape") {
-              setState({ text: todo.text, editing: false });
-            }
-          }}
-        />
+        </>
       )}
+      {editing && (
-      <span>
+        <>
+          <input
-        {!todo.completed && !state.editing && (
+            class="border rounded w-full py-2 px-3 mr-4"
+            defaultValue={item.text}
+          />
-          <Button
+          <button
-            onClick={() => setState({ text: todo.text, editing: true })}
+            class="p-2 rounded mr-2 disabled:opacity-50"
-          >
-            Edit
-          </Button>
+            title="Save"
-        )}
-        {todo.completed && (
-          <Button loading={deleteMutation.isMutating} onClick={deleteMutation.mutate}>
-            Delete
-          </Button>
-        )}
-        {state.editing && state.text !== todo.text && (
-          <Button
-            loading={updateMutation.isMutating}
-            onClick={async () => {
+            onClick={doSave}
-              await updateMutation.mutate({ text: state.text });
-              setState({ text: todo.text, editing: false });
+            disabled={busy}
-            }}
           >
-            Save
+            💾
-          </Button>
+          </button>
-        )}
-        {state.editing && (
-          <Button
+          <button
-            onClick={() => setState({ text: todo.text, editing: false })}
+            class="p-2 rounded disabled:opacity-50"
+            title="Cancel"
+            onClick={cancelEdit}
+            disabled={busy}
           >
-            Cancel
+            🚫
-          </Button>
+          </button>
+        </>
-        )}
+      )}
-      </span> */}
     </li>
   );
 };
-// Todo.propTypes = propTypes;
 export default Todo;

example/src/pages/app.css ADDED Viewed

@@ -0,0 +1,387 @@
+/*
+1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
+2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
+*/
+*,
+::before,
+::after {
+  box-sizing: border-box; /* 1 */
+  border-width: 0; /* 2 */
+  border-style: solid; /* 2 */
+  border-color: theme('borderColor.DEFAULT', currentColor); /* 2 */
+}
+::before,
+::after {
+  --tw-content: '';
+}
+/*
+1. Use a consistent sensible line-height in all browsers.
+2. Prevent adjustments of font size after orientation changes in iOS.
+3. Use a more readable tab size.
+4. Use the user's configured `sans` font-family by default.
+5. Use the user's configured `sans` font-feature-settings by default.
+6. Use the user's configured `sans` font-variation-settings by default.
+*/
+html {
+  line-height: 1.5; /* 1 */
+  -webkit-text-size-adjust: 100%; /* 2 */
+  -moz-tab-size: 4; /* 3 */
+  tab-size: 4; /* 3 */
+  font-family: theme('fontFamily.sans', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"); /* 4 */
+  font-feature-settings: theme('fontFamily.sans[1].fontFeatureSettings', normal); /* 5 */
+  font-variation-settings: theme('fontFamily.sans[1].fontVariationSettings', normal); /* 6 */
+}
+/*
+1. Remove the margin in all browsers.
+2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
+*/
+body {
+  margin: 0; /* 1 */
+  line-height: inherit; /* 2 */
+}
+/*
+1. Add the correct height in Firefox.
+2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
+3. Ensure horizontal rules are visible by default.
+*/
+hr {
+  height: 0; /* 1 */
+  color: inherit; /* 2 */
+  border-top-width: 1px; /* 3 */
+}
+/*
+Add the correct text decoration in Chrome, Edge, and Safari.
+*/
+abbr:where([title]) {
+  text-decoration: underline dotted;
+}
+/*
+Remove the default font size and weight for headings.
+*/
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-size: inherit;
+  font-weight: inherit;
+}
+/*
+Reset links to optimize for opt-in styling instead of opt-out.
+*/
+a {
+  color: inherit;
+  text-decoration: inherit;
+}
+/*
+Add the correct font weight in Edge and Safari.
+*/
+b,
+strong {
+  font-weight: bolder;
+}
+/*
+1. Use the user's configured `mono` font family by default.
+2. Correct the odd `em` font sizing in all browsers.
+*/
+code,
+kbd,
+samp,
+pre {
+  font-family: theme('fontFamily.mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace); /* 1 */
+  font-size: 1em; /* 2 */
+}
+/*
+Add the correct font size in all browsers.
+*/
+small {
+  font-size: 80%;
+}
+/*
+Prevent `sub` and `sup` elements from affecting the line height in all browsers.
+*/
+sub,
+sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
+}
+sub {
+  bottom: -0.25em;
+}
+sup {
+  top: -0.5em;
+}
+/*
+1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
+2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
+3. Remove gaps between table borders by default.
+*/
+table {
+  text-indent: 0; /* 1 */
+  border-color: inherit; /* 2 */
+  border-collapse: collapse; /* 3 */
+}
+/*
+1. Change the font styles in all browsers.
+2. Remove the margin in Firefox and Safari.
+3. Remove default padding in all browsers.
+*/
+button,
+input,
+optgroup,
+select,
+textarea {
+  font-family: inherit; /* 1 */
+  font-size: 100%; /* 1 */
+  font-weight: inherit; /* 1 */
+  line-height: inherit; /* 1 */
+  color: inherit; /* 1 */
+  margin: 0; /* 2 */
+  padding: 0; /* 3 */
+}
+/*
+Remove the inheritance of text transform in Edge and Firefox.
+*/
+button,
+select {
+  text-transform: none;
+}
+/*
+1. Correct the inability to style clickable types in iOS and Safari.
+2. Remove default button styles.
+*/
+button,
+[type='button'],
+[type='reset'],
+[type='submit'] {
+  -webkit-appearance: button; /* 1 */
+  background-color: transparent; /* 2 */
+  background-image: none; /* 2 */
+}
+/*
+Use the modern Firefox focus style for all focusable elements.
+*/
+:-moz-focusring {
+  outline: auto;
+}
+/*
+Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
+*/
+:-moz-ui-invalid {
+  box-shadow: none;
+}
+/*
+Add the correct vertical alignment in Chrome and Firefox.
+*/
+progress {
+  vertical-align: baseline;
+}
+/*
+Correct the cursor style of increment and decrement buttons in Safari.
+*/
+::-webkit-inner-spin-button,
+::-webkit-outer-spin-button {
+  height: auto;
+}
+/*
+1. Correct the odd appearance in Chrome and Safari.
+2. Correct the outline style in Safari.
+*/
+[type='search'] {
+  -webkit-appearance: textfield; /* 1 */
+  outline-offset: -2px; /* 2 */
+}
+/*
+Remove the inner padding in Chrome and Safari on macOS.
+*/
+::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+/*
+1. Correct the inability to style clickable types in iOS and Safari.
+2. Change font properties to `inherit` in Safari.
+*/
+::-webkit-file-upload-button {
+  -webkit-appearance: button; /* 1 */
+  font: inherit; /* 2 */
+}
+/*
+Add the correct display in Chrome and Safari.
+*/
+summary {
+  display: list-item;
+}
+/*
+Removes the default spacing and border for appropriate elements.
+*/
+blockquote,
+dl,
+dd,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+hr,
+figure,
+p,
+pre {
+  margin: 0;
+}
+fieldset {
+  margin: 0;
+  padding: 0;
+}
+legend {
+  padding: 0;
+}
+ol,
+ul,
+menu {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+/*
+Prevent resizing textareas horizontally by default.
+*/
+textarea {
+  resize: vertical;
+}
+/*
+1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
+2. Set the default placeholder color to the user's configured gray 400 color.
+*/
+input::placeholder,
+textarea::placeholder {
+  opacity: 1; /* 1 */
+  color: theme('colors.gray.400', #9ca3af); /* 2 */
+}
+/*
+Set the default cursor for buttons.
+*/
+button,
+[role="button"] {
+  cursor: pointer;
+}
+/*
+Make sure disabled buttons don't get the pointer cursor.
+*/
+:disabled {
+  cursor: default;
+}
+/*
+1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
+2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
+   This can trigger a poorly considered lint error in some tools but is included by design.
+*/
+img,
+svg,
+video,
+canvas,
+audio,
+iframe,
+embed,
+object {
+  display: block; /* 1 */
+  vertical-align: middle; /* 2 */
+}
+/*
+Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
+*/
+img,
+video {
+  max-width: 100%;
+  height: auto;
+}
+/* Make elements with the HTML hidden attribute stay hidden by default */
+[hidden] {
+  display: none;
+}
+html {
+  line-height: 1.5;
+  font-size: 16px;
+  -webkit-text-size-adjust: 100%;
+  font-family: ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
+}
+body {
+  font-family: inherit;
+  line-height: inherit;
+}
+h1 {
+  font-size: 1.25rem;
+  line-height: 1.75rem;
+  font-weight: 700;
+}

example/src/pages/app.jsx CHANGED Viewed

@@ -1,5 +1,6 @@
 import { SSRProvider } from 'react-aria';
 import Layout from '@/components/Layout/Layout';
+import "./app.css";
 const App = ({ children }) => {
   return (

example/src/pages/page.jsx CHANGED Viewed

@@ -1,4 +1,4 @@
-import React, { useEffect } from 'react';
+import React from 'react';
 import { useRouter } from "edge-city";
 import Counter from "@/components/Counter/Counter";
 import { Helmet } from 'react-helmet-async';

example/src/pages/todos/page.css CHANGED Viewed

@@ -1,3 +1,46 @@
+.todos-page {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  max-width: 36rem;
+  & .title {
+    font-size: 1.25rem;
+    line-height: 1.75rem;
+    font-weight: 700;
+  }
+  & .container {
+    display: flex;
+    flex-direction: column;
+  }
+  & .subtitle {
+    font-size: 0.875rem;
+    line-height: 1.25rem;
+    opacity: 0.5;
+    margin-top: 1rem;
+  }
+  & form {
+    display: flex;
+    margin-top: 1rem;
+  }
+  & ul {
+    display: flex;
+    flex-direction: column;
+  }
+  & .add-button {
+    border-radius: 0.25rem;
+    padding: 0.5rem;
+    background-color: #2563eb;
+    color: white;
+    margin-left: 0.5rem;
+  }
+}
 :root {
   --spectrum-alias-border-color: black;
   --spectrum-global-color-gray-50: white;
@@ -11,10 +54,10 @@
   --text-color-disabled: var(--spectrum-alias-text-color-disabled);
   --focus-ring-color: slateblue;
   --invalid-color: var(--spectrum-global-color-red-600);
   display: flex;
   flex-direction: column;
   width: fit-content;
+  flex: 1;
   .react-aria-Input {
     padding: 0.286rem;
@@ -24,6 +67,14 @@
     background: var(--field-background);
     font-size: 1.143rem;
     color: var(--text-color);
+    border-radius: 0.25rem;
+    margin-right: 1rem;
+    border-width: 1px;
+    width: 100%;
+    padding-left: 0.75rem;
+    padding-right: 0.75rem;
+    padding-bottom: 0.5rem;
+    padding-top: 0.5rem;
     &[aria-invalid] {
       border-color: var(--invalid-color);

example/src/pages/todos/page.jsx CHANGED Viewed

@@ -2,10 +2,9 @@ import React from 'react';
 import { Helmet } from 'react-helmet-async';
 import { useQuery, useMutation } from "edge-city";
 import { useForm } from 'react-hook-form';
+import { Button, TextField, Input } from 'react-aria-components';
 import Todo from "@/components/Todo/Todo";
-import { TextField, Label, Input } from 'react-aria-components';
-import { Button } from 'react-aria-components';
-import { getTodos, createTodo } from "@/services/todos.service";
+import { getTodos, createTodo, updateTodo, deleteTodo } from "@/services/todos.service";
 import "./page.css";
 const Page = () => {
@@ -17,30 +16,40 @@ const Page = () => {
     })
     await refetch();
   });
+  const updateMutation = useMutation(async ({ text, completed }) => {
+    await updateTodo({ text, completed });
+    await refetch();
+  });
+  const deleteMutation = useMutation(async (id) => {
+    await deleteTodo(id);
+    await refetch();
+  })
   const { register, handleSubmit, formState: { errors } } = useForm();
   return (
-    <div>
+    <div className="todos-page">
-      <h1>Todos</h1>
+      <h1 className="title">Todo List</h1>
       <Helmet>
-        <title>Todos</title>
+        <title>Todo List</title>
       </Helmet>
-      <div>
-        <ul>
-          {data.map((item) => (
-            <Todo key={item.id} todo={item} />
+      <div className="container">
-          ))}
-        </ul>
+        <p className="subtitle">Share this page to collaborate with others.</p>
         <form onSubmit={handleSubmit(mutate)}>
           <TextField isRequired isReadOnly={isMutating}>
-            <Label>Text (required)</Label>
-            <Input {...register('text')} />
+            <Input {...register('text')} placeholder="Add a todo item" />
             {err?.text && <p>{err.text._errors[0]}</p>}
           </TextField>
-          <Button type="submit" isDisabled={isMutating}>Add Todo</Button>
+          <Button className="add-button" type="submit" isDisabled={isMutating}>Add</Button>
-          {isMutating && <div>
-            <p>Creating...</p>
-          </div>}
         </form>
+        <ul>
+          {data.map((item) => (
+            <Todo
+              key={item.id}
+              item={item}
+              updateMutation={updateMutation}
+              deleteMutation={deleteMutation}
+            />
+          ))}
+        </ul>
       </div>
     </div>
   )

pnpm-lock.yaml CHANGED Viewed

@@ -95,12 +95,6 @@ importers:
       edge-city:
         specifier: workspace:*
         version: link:..
-      modern-normalize:
-        specifier: ^2.0.0
-        version: 2.0.0
-      normalize.css:
-        specifier: ^8.0.1
-        version: 8.0.1
       react:
         specifier: 18.2.0
         version: 18.2.0
@@ -7025,11 +7019,6 @@ packages:
     resolution: {integrity: sha512-gKLcREMhtuZRwRAfqP3RFW+TK4JqApVBtOIftVgjuABpAtpxhPGaDcfvbhNvD0B8iD1oUr/txX35NjcaY6Ns/A==}
     dev: true
-  /modern-normalize@2.0.0:
-    resolution: {integrity: sha512-CxBoEVKh5U4DH3XuNbc5ONLF6dQBc8dSc7pdZ1957FGbIO5JBqGqqchhET9dTexri8/pk9xBL6+5ceOtCIp1QA==}
-    engines: {node: '>=6'}
-    dev: false
   /ms@2.1.2:
     resolution: {integrity: sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==}
     dev: true
@@ -7100,10 +7089,6 @@ packages:
     engines: {node: '>=0.10.0'}
     dev: true
-  /normalize.css@8.0.1:
-    resolution: {integrity: sha512-qizSNPO93t1YUuUhP22btGOo3chcvDFqFaj2TRybP0DMxkHOCTYwp3n34fel4a31ORXy4m1Xq0Gyqpb5m33qIg==}
-    dev: false
   /npm-run-path@4.0.1:
     resolution: {integrity: sha512-S48WzZW777zhNIrn7gxOlISNAqi9ZC/uQFnRdbeIHhZhCA6UqpkOT8T1G7BvfdgP4Er8gF4sUbaS0i7QvIfCWw==}
     engines: {node: '>=8'}

~repos /edge-city

git clone https://pyrossh.dev/repos/edge-city.git

edge-city is a next level meta-framework for react that runs only on edge runtimes