npm - create-instant-app - Versions diffs - 0.22.107 → 0.22.108-experimental.drewh-use-clone.21267978145.1 - Mend

create-instant-app 0.22.107 → 0.22.108-experimental.drewh-use-clone.21267978145.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (69) hide show

package/dist/index.js +12 -11
package/package.json +6 -3
package/template/base/expo/README.md +0 -15
package/template/base/expo/_env +0 -2
package/template/base/expo/_gitignore +0 -41
package/template/base/expo/app/+not-found.tsx +0 -16
package/template/base/expo/app/_layout.tsx +0 -37
package/template/base/expo/app/index.tsx +0 -64
package/template/base/expo/app.json +0 -42
package/template/base/expo/assets/fonts/SpaceMono-Regular.ttf +0 -0
package/template/base/expo/assets/images/adaptive-icon.png +0 -0
package/template/base/expo/assets/images/favicon.png +0 -0
package/template/base/expo/assets/images/icon.png +0 -0
package/template/base/expo/assets/images/partial-react-logo.png +0 -0
package/template/base/expo/assets/images/react-logo.png +0 -0
package/template/base/expo/assets/images/react-logo@2x.png +0 -0
package/template/base/expo/assets/images/react-logo@3x.png +0 -0
package/template/base/expo/assets/images/splash-icon.png +0 -0
package/template/base/expo/babel.config.js +0 -12
package/template/base/expo/constants/Colors.ts +0 -26
package/template/base/expo/eslint.config.js +0 -10
package/template/base/expo/expo-env.d.ts +0 -3
package/template/base/expo/global.css +0 -3
package/template/base/expo/hooks/useColorScheme.ts +0 -1
package/template/base/expo/hooks/useColorScheme.web.ts +0 -21
package/template/base/expo/hooks/useThemeColor.ts +0 -21
package/template/base/expo/instant.perms.ts +0 -24
package/template/base/expo/instant.schema.ts +0 -44
package/template/base/expo/lib/db.ts +0 -7
package/template/base/expo/metro.config.js +0 -6
package/template/base/expo/nativewind-env.d.ts +0 -1
package/template/base/expo/package.json +0 -56
package/template/base/expo/scripts/reset-project.js +0 -112
package/template/base/expo/tailwind.config.js +0 -9
package/template/base/expo/tsconfig.json +0 -18
package/template/base/next-js-app-dir/README.md +0 -15
package/template/base/next-js-app-dir/_env +0 -2
package/template/base/next-js-app-dir/_gitignore +0 -41
package/template/base/next-js-app-dir/next-env.d.ts +0 -5
package/template/base/next-js-app-dir/next.config.ts +0 -7
package/template/base/next-js-app-dir/package.json +0 -26
package/template/base/next-js-app-dir/postcss.config.mjs +0 -5
package/template/base/next-js-app-dir/public/file.svg +0 -1
package/template/base/next-js-app-dir/public/globe.svg +0 -1
package/template/base/next-js-app-dir/public/next.svg +0 -1
package/template/base/next-js-app-dir/public/vercel.svg +0 -1
package/template/base/next-js-app-dir/public/window.svg +0 -1
package/template/base/next-js-app-dir/src/app/favicon.ico +0 -0
package/template/base/next-js-app-dir/src/app/globals.css +0 -26
package/template/base/next-js-app-dir/src/app/layout.tsx +0 -34
package/template/base/next-js-app-dir/src/app/page.tsx +0 -169
package/template/base/next-js-app-dir/src/instant.perms.ts +0 -24
package/template/base/next-js-app-dir/src/instant.schema.ts +0 -50
package/template/base/next-js-app-dir/src/lib/db.ts +0 -8
package/template/base/next-js-app-dir/tsconfig.json +0 -27
package/template/base/vite-vanilla/README.md +0 -15
package/template/base/vite-vanilla/_env +0 -2
package/template/base/vite-vanilla/_gitignore +0 -25
package/template/base/vite-vanilla/index.html +0 -13
package/template/base/vite-vanilla/package.json +0 -19
package/template/base/vite-vanilla/public/vite.svg +0 -1
package/template/base/vite-vanilla/src/instant.perms.ts +0 -24
package/template/base/vite-vanilla/src/instant.schema.ts +0 -50
package/template/base/vite-vanilla/src/lib/db.ts +0 -11
package/template/base/vite-vanilla/src/main.ts +0 -242
package/template/base/vite-vanilla/src/style.css +0 -96
package/template/base/vite-vanilla/src/typescript.svg +0 -1
package/template/base/vite-vanilla/src/vite-env.d.ts +0 -1
package/template/base/vite-vanilla/tsconfig.json +0 -24

package/template/base/vite-vanilla/README.md DELETED Viewed

@@ -1,15 +0,0 @@
-# Welcome to your InstantDB Vanilla JS app 👋
-This is a Vite project scaffolded with create-instant-app.
-To run the development server:
-`npm run dev`
-To push schema changes:
-`npx instant-cli push`
-To pull schema changes:
-`npx instant-cli pull`
-Got any feedback or questions? Join our [Discord](https://discord.gg/hgVf9R6SBm)

package/template/base/vite-vanilla/_env DELETED Viewed

	@@ -1,2 +0,0 @@
1	- VITE_INSTANT_APP_ID=
2	- INSTANT_APP_ADMIN_TOKEN=

package/template/base/vite-vanilla/_gitignore DELETED Viewed

@@ -1,25 +0,0 @@
-# Logs
-logs
-*.log
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-pnpm-debug.log*
-lerna-debug.log*
-node_modules
-dist
-dist-ssr
-*.local
-# Editor directories and files
-.vscode/*
-!.vscode/extensions.json
-.idea
-.DS_Store
-*.suo
-*.ntvs*
-*.njsproj
-*.sln
-*.sw?
-.env

package/template/base/vite-vanilla/index.html DELETED Viewed

@@ -1,13 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Create InstantDB Starter</title>
-  </head>
-  <body>
-    <div id="app"></div>
-    <script type="module" src="/src/main.ts"></script>
-  </body>
-</html>

package/template/base/vite-vanilla/package.json DELETED Viewed

@@ -1,19 +0,0 @@
-{
-  "name": "vanilla-template",
-  "private": true,
-  "version": "0.0.0",
-  "type": "module",
-  "scripts": {
-    "dev": "vite",
-    "build": "tsc && vite build",
-    "preview": "vite preview"
-  },
-  "devDependencies": {
-    "typescript": "~5.9.3",
-    "vite": "^7.1.2"
-  },
-  "dependencies": {
-    "@instantdb/core": "latest",
-    "@instantdb/admin": "latest"
-  }
-}

package/template/base/vite-vanilla/public/vite.svg DELETED Viewed

@@ -1 +0,0 @@

- <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>

package/template/base/vite-vanilla/src/instant.perms.ts DELETED Viewed

@@ -1,24 +0,0 @@
-// Docs: https://www.instantdb.com/docs/permissions
-import type { InstantRules } from "@instantdb/core";
-const rules = {
-  /**
-   * Welcome to Instant's permission system!
-   * Right now your rules are empty. To start filling them in, check out the docs:
-   * https://www.instantdb.com/docs/permissions
-   *
-   * Here's an example to give you a feel:
-   * posts: {
-   *   allow: {
-   *     view: "true",
-   *     create: "isOwner",
-   *     update: "isOwner",
-   *     delete: "isOwner",
-   *   },
-   *   bind: ["isOwner", "auth.id != null && auth.id == data.ownerId"],
-   * },
-   */
-} satisfies InstantRules;
-export default rules;

package/template/base/vite-vanilla/src/instant.schema.ts DELETED Viewed

@@ -1,50 +0,0 @@
-// Docs: https://www.instantdb.com/docs/modeling-data
-import { i } from "@instantdb/core";
-const _schema = i.schema({
-  entities: {
-    $files: i.entity({
-      path: i.string().unique().indexed(),
-      url: i.string(),
-    }),
-    $users: i.entity({
-      email: i.string().unique().indexed().optional(),
-      imageURL: i.string().optional(),
-      type: i.string().optional(),
-    }),
-    todos: i.entity({
-      text: i.string(),
-      done: i.boolean(),
-      createdAt: i.number(),
-    }),
-  },
-  links: {
-    $usersLinkedPrimaryUser: {
-      forward: {
-        on: "$users",
-        has: "one",
-        label: "linkedPrimaryUser",
-        onDelete: "cascade",
-      },
-      reverse: {
-        on: "$users",
-        has: "many",
-        label: "linkedGuestUsers",
-      },
-    },
-  },
-  rooms: {
-    todos: {
-      presence: i.entity({}),
-    },
-  },
-});
-// This helps TypeScript display nicer intellisense
-type _AppSchema = typeof _schema;
-interface AppSchema extends _AppSchema {}
-const schema: AppSchema = _schema;
-export type { AppSchema };
-export default schema;

package/template/base/vite-vanilla/src/lib/db.ts DELETED Viewed

@@ -1,11 +0,0 @@
-// Initialize the database
-import { init } from "@instantdb/core";
-import schema from "../instant.schema";
-// ---------
-export const db = init({
-  appId: import.meta.env.VITE_INSTANT_APP_ID,
-  schema,
-  useDateObjects: true,
-});

package/template/base/vite-vanilla/src/main.ts DELETED Viewed

@@ -1,242 +0,0 @@
-import { id, type InstaQLEntity } from "@instantdb/core";
-import type { AppSchema } from "./instant.schema";
-import { db } from "./lib/db";
-type Todo = InstaQLEntity<AppSchema, "todos", {}, undefined, true>;
-// Subscribe to data
-// ---------
-db.subscribeQuery({ todos: {} }, (resp) => {
-  if (resp.error) {
-    renderError(resp.error.message); // Pro-tip: Check you have the right appId!
-    return;
-  }
-  if (resp.data) {
-    render(resp.data);
-  }
-});
-// Write Data
-// ---------
-function addTodo(text: string) {
-  db.transact(
-    db.tx.todos[id()].update({
-      text,
-      done: false,
-      createdAt: Date.now(),
-    }),
-  );
-  focusInput();
-}
-function deleteTodoItem(todo: Todo) {
-  db.transact(db.tx.todos[todo.id].delete());
-}
-function toggleDone(todo: Todo) {
-  db.transact(db.tx.todos[todo.id].update({ done: !todo.done }));
-}
-function deleteCompleted(todos: Todo[]) {
-  const completed = todos.filter((todo) => todo.done);
-  const txs = completed.map((todo) => db.tx.todos[todo.id].delete());
-  db.transact(txs);
-}
-function toggleAllTodos(todos: Todo[]) {
-  const newVal = !todos.every((todo) => todo.done);
-  db.transact(
-    todos.map((todo) => db.tx.todos[todo.id].update({ done: newVal })),
-  );
-}
-// Styles
-// ---------
-const styles: Record<string, string> = {
-  container: `
-    box-sizing: border-box;
-    background-color: #fafafa;
-    font-family: code, monospace;
-    height: 100vh;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    flex-direction: column;
-  `,
-  header: `
-    letter-spacing: 2px;
-    font-size: 50px;
-    color: lightgray;
-    margin-bottom: 10px;
-  `,
-  form: `
-    box-sizing: inherit;
-    display: flex;
-    border: 1px solid lightgray;
-    border-bottom-width: 0px;
-    width: 350px;
-  `,
-  toggleAll: `
-    font-size: 30px;
-    cursor: pointer;
-    margin-left: 11px;
-    margin-top: -6px;
-    width: 15px;
-    margin-right: 12px;
-  `,
-  input: `
-    background-color: transparent;
-    font-family: code, monospace;
-    width: 287px;
-    padding: 10px;
-    font-style: italic;
-  `,
-  todoList: `
-    box-sizing: inherit;
-    width: 350px;
-  `,
-  checkbox: `
-    font-size: 30px;
-    margin-left: 5px;
-    margin-right: 20px;
-    cursor: pointer;
-  `,
-  todo: `
-    display: flex;
-    align-items: center;
-    padding: 10px;
-    border: 1px solid lightgray;
-    border-bottom-width: 0px;
-  `,
-  todoText: `
-    flex-grow: 1;
-    overflow: hidden;
-  `,
-  delete: `
-    width: 25px;
-    cursor: pointer;
-    color: lightgray;
-  `,
-  actionBar: `
-    display: flex;
-    justify-content: space-between;
-    width: 328px;
-    padding: 10px;
-    border: 1px solid lightgray;
-    font-size: 10px;
-  `,
-  footer: `
-    margin-top: 20px;
-    font-size: 10px;
-  `,
-};
-// Render
-// ---------
-const app = document.getElementById("app")!;
-app.style.cssText = styles.container;
-function render(data: { todos: Todo[] }) {
-  app.innerHTML = "";
-  const { todos } = data;
-  const containerHTML = `
-    <div style="${styles.container}">
-      <div style="${styles.header}">todos</div>
-      ${TodoForm()}
-      ${TodoList(todos)}
-      ${ActionBar(todos)}
-      <div style="${
-        styles.footer
-      }">Open another tab to see todos update in realtime!</div>
-    </div>
-  `;
-  app.innerHTML = containerHTML;
-  // Attach event listeners
-  document
-    .querySelector(".toggle-all")
-    ?.addEventListener("click", () => toggleAllTodos(todos));
-  document.querySelector("form")?.addEventListener("submit", submitForm);
-  todos.forEach((todo) => {
-    document
-      .getElementById(`toggle-${todo.id}`)
-      ?.addEventListener("change", () => toggleDone(todo));
-    document
-      .getElementById(`delete-${todo.id}`)
-      ?.addEventListener("click", () => deleteTodoItem(todo));
-  });
-  document
-    .querySelector(".delete-completed")
-    ?.addEventListener("click", () => deleteCompleted(todos));
-}
-function renderError(errorMessage: string) {
-  app.innerHTML = `
-    <div>${errorMessage}</div>
-  `;
-}
-function TodoForm() {
-  return `
-    <div style="${styles.form}">
-      <div class="toggle-all" style="${styles.toggleAll}">⌄</div>
-      <form>
-        <input style="${styles.input}" placeholder="What needs to be done?" type="text" autofocus>
-      </form>
-    </div>
-  `;
-}
-function TodoList(todos: Todo[]) {
-  return `
-    <div style="${styles.todoList}">
-      ${todos
-        .map(
-          (todo) => `
-        <div style="${styles.todo}">
-          <input id="toggle-${todo.id}" type="checkbox" style="${
-            styles.checkbox
-          }" ${todo.done ? "checked" : ""}>
-          <div style="${styles.todoText}">
-            ${
-              todo.done
-                ? `<span style="text-decoration: line-through;">${todo.text}</span>`
-                : `<span>${todo.text}</span>`
-            }
-          </div>
-          <span id="delete-${todo.id}" style="${styles.delete}">𝘟</span>
-        </div>
-      `,
-        )
-        .join("")}
-    </div>
-  `;
-}
-function ActionBar(todos: Todo[]) {
-  return `
-    <div style="${styles.actionBar}">
-      <div>Remaining todos: ${todos.filter((todo) => !todo.done).length}</div>
-      <div class="delete-completed" style="cursor: pointer;">Delete Completed</div>
-    </div>
-  `;
-}
-function focusInput() {
-  const input = document.querySelector<HTMLInputElement>('input[type="text"]');
-  if (input) {
-    input.focus();
-  }
-}
-function submitForm(event: Event) {
-  event.preventDefault();
-  const input = (event.target as HTMLFormElement).querySelector("input");
-  if (input && input.value.trim()) {
-    addTodo(input.value);
-    input.value = "";
-  }
-}

package/template/base/vite-vanilla/src/style.css DELETED Viewed

@@ -1,96 +0,0 @@
-:root {
-  font-family: system-ui, Avenir, Helvetica, Arial, sans-serif;
-  line-height: 1.5;
-  font-weight: 400;
-  color-scheme: light dark;
-  color: rgba(255, 255, 255, 0.87);
-  background-color: #242424;
-  font-synthesis: none;
-  text-rendering: optimizeLegibility;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-a {
-  font-weight: 500;
-  color: #646cff;
-  text-decoration: inherit;
-}
-a:hover {
-  color: #535bf2;
-}
-body {
-  margin: 0;
-  display: flex;
-  place-items: center;
-  min-width: 320px;
-  min-height: 100vh;
-}
-h1 {
-  font-size: 3.2em;
-  line-height: 1.1;
-}
-#app {
-  max-width: 1280px;
-  margin: 0 auto;
-  padding: 2rem;
-  text-align: center;
-}
-.logo {
-  height: 6em;
-  padding: 1.5em;
-  will-change: filter;
-  transition: filter 300ms;
-}
-.logo:hover {
-  filter: drop-shadow(0 0 2em #646cffaa);
-}
-.logo.vanilla:hover {
-  filter: drop-shadow(0 0 2em #3178c6aa);
-}
-.card {
-  padding: 2em;
-}
-.read-the-docs {
-  color: #888;
-}
-button {
-  border-radius: 8px;
-  border: 1px solid transparent;
-  padding: 0.6em 1.2em;
-  font-size: 1em;
-  font-weight: 500;
-  font-family: inherit;
-  background-color: #1a1a1a;
-  cursor: pointer;
-  transition: border-color 0.25s;
-}
-button:hover {
-  border-color: #646cff;
-}
-button:focus,
-button:focus-visible {
-  outline: 4px auto -webkit-focus-ring-color;
-}
-@media (prefers-color-scheme: light) {
-  :root {
-    color: #213547;
-    background-color: #ffffff;
-  }
-  a:hover {
-    color: #747bff;
-  }
-  button {
-    background-color: #f9f9f9;
-  }
-}

package/template/base/vite-vanilla/src/typescript.svg DELETED Viewed

@@ -1 +0,0 @@

- <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="32" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 256"><path fill="#007ACC" d="M0 128v128h256V0H0z"></path><path fill="#FFF" d="m56.612 128.85l-.081 10.483h33.32v94.68h23.568v-94.68h33.321v-10.28c0-5.69-.122-10.444-.284-10.566c-.122-.162-20.4-.244-44.983-.203l-44.74.122l-.121 10.443Zm149.955-10.742c6.501 1.625 11.459 4.51 16.01 9.224c2.357 2.52 5.851 7.111 6.136 8.208c.08.325-11.053 7.802-17.798 11.988c-.244.162-1.22-.894-2.317-2.52c-3.291-4.795-6.745-6.867-12.028-7.233c-7.76-.528-12.759 3.535-12.718 10.321c0 1.992.284 3.17 1.097 4.795c1.707 3.536 4.876 5.649 14.832 9.956c18.326 7.883 26.168 13.084 31.045 20.48c5.445 8.249 6.664 21.415 2.966 31.208c-4.063 10.646-14.14 17.879-28.323 20.276c-4.388.772-14.79.65-19.504-.203c-10.28-1.828-20.033-6.908-26.047-13.572c-2.357-2.6-6.949-9.387-6.664-9.874c.122-.163 1.178-.813 2.356-1.504c1.138-.65 5.446-3.129 9.509-5.485l7.355-4.267l1.544 2.276c2.154 3.29 6.867 7.801 9.712 9.305c8.167 4.307 19.383 3.698 24.909-1.26c2.357-2.153 3.332-4.388 3.332-7.68c0-2.966-.366-4.266-1.91-6.501c-1.99-2.845-6.054-5.242-17.595-10.24c-13.206-5.69-18.895-9.224-24.096-14.832c-3.007-3.25-5.852-8.452-7.03-12.8c-.975-3.617-1.22-12.678-.447-16.335c2.723-12.76 12.353-21.659 26.25-24.3c4.51-.853 14.994-.528 19.424.569Z"></path></svg>

package/template/base/vite-vanilla/src/vite-env.d.ts DELETED Viewed

	@@ -1 +0,0 @@
1	- /// <reference types="vite/client" />

package/template/base/vite-vanilla/tsconfig.json DELETED Viewed

@@ -1,24 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "ES2022",
-    "useDefineForClassFields": true,
-    "module": "ESNext",
-    "lib": ["ES2022", "DOM", "DOM.Iterable"],
-    "skipLibCheck": true,
-    /* Bundler mode */
-    "moduleResolution": "bundler",
-    "allowImportingTsExtensions": true,
-    "verbatimModuleSyntax": true,
-    "moduleDetection": "force",
-    "noEmit": true,
-    /* Linting */
-    "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "erasableSyntaxOnly": true,
-    "noFallthroughCasesInSwitch": true,
-    "noUncheckedSideEffectImports": true,
-    "strictNullChecks": true
-  },
-  "include": ["src"]
-}