@quilted/create 0.1.78 → 0.1.80

package/templates/app-basic/features/Start/Start.tsx

@@ -1,12 +0,0 @@
-import {usePerformanceNavigation} from '@quilted/quilt';
-
-import styles from './Start.module.css';
-
-export default function Start() {
-  // This hook indicates that the page has loaded. It is used as part of Quilt’s
-  // navigation performance tracking feature. If you have disabled this feature,
-  // you can remove this hook.
-  usePerformanceNavigation();
-
-  return <div className={styles.Start}>Hello world!</div>;
-}

package/templates/app-basic/features/Start.tsx

@@ -1,3 +0,0 @@
-import {createAsyncComponent} from '@quilted/quilt';
-
-export const Start = createAsyncComponent(() => import('./Start/Start.tsx'));

package/templates/app-basic/foundation/Head.tsx

@@ -1 +0,0 @@
-export {Head} from './Head/Head.tsx';

package/templates/app-basic/foundation/Http.tsx

@@ -1 +0,0 @@
-export {Http} from './Http/Http.tsx';

package/templates/app-basic/foundation/Metrics/Metrics.tsx

@@ -1,23 +0,0 @@
-import {
-  usePerformanceNavigationEvent,
-  type PropsWithChildren,
-} from '@quilted/quilt';
-import Env from '@quilted/quilt/env';
-
-// This component records metrics about your application.
-export function Metrics({children}: PropsWithChildren) {
-  usePerformanceNavigationEvent(async (navigation) => {
-    if (Env.MODE === 'development') {
-      // eslint-disable-next-line no-console
-      console.log('Navigation:');
-      // eslint-disable-next-line no-console
-      console.log(navigation);
-      return;
-    }
-
-    // If you have a service that collects metrics, you can send navigation
-    // data to them here.
-  });
-
-  return <>{children}</>;
-}

package/templates/app-basic/foundation/Metrics.tsx

@@ -1 +0,0 @@
-export {Metrics} from './Metrics/Metrics.tsx';

package/templates/app-graphql/features/Start/Start.tsx

@@ -1,20 +0,0 @@
-import {usePerformanceNavigation} from '@quilted/quilt';
-import {useGraphQLQuery} from '@quilted/react-query';
-
-import styles from './Start.module.css';
-import startQuery from './StartQuery.graphql';
-
-export default function Start() {
-  const {data, isLoading} = useGraphQLQuery(startQuery);
-
-  // This hook indicates that the page has loaded. It is used as part of Quilt’s
-  // navigation performance tracking feature. If you have disabled this feature,
-  // you can remove this hook.
-  usePerformanceNavigation({state: isLoading ? 'loading' : 'complete'});
-
-  return (
-    <div className={styles.Start}>
-      {data ? `Hello ${data.name}!` : 'Hello!'}
-    </div>
-  );
-}

package/templates/app-graphql/features/Start.tsx

@@ -1,3 +0,0 @@
-import {createAsyncComponent} from '@quilted/quilt';
-
-export const Start = createAsyncComponent(() => import('./Start/Start.tsx'));

package/templates/app-graphql/foundation/Head.tsx

@@ -1 +0,0 @@
-export {Head} from './Head/Head.tsx';

package/templates/app-graphql/foundation/Http.tsx

@@ -1 +0,0 @@
-export {Http} from './Http/Http.tsx';

package/templates/app-graphql/foundation/Metrics/Metrics.tsx

@@ -1,23 +0,0 @@
-import {
-  usePerformanceNavigationEvent,
-  type PropsWithChildren,
-} from '@quilted/quilt';
-import Env from '@quilted/quilt/env';
-
-// This component records metrics about your application.
-export function Metrics({children}: PropsWithChildren) {
-  usePerformanceNavigationEvent(async (navigation) => {
-    if (Env.MODE === 'development') {
-      // eslint-disable-next-line no-console
-      console.log('Navigation:');
-      // eslint-disable-next-line no-console
-      console.log(navigation);
-      return;
-    }
-
-    // If you have a service that collects metrics, you can send navigation
-    // data to them here.
-  });
-
-  return <>{children}</>;
-}

package/templates/app-graphql/foundation/Metrics.tsx

@@ -1 +0,0 @@
-export {Metrics} from './Metrics/Metrics.tsx';

package/templates/app-single-file/App.tsx

@@ -1,199 +0,0 @@
-import {
-  QuiltApp,
-  useCurrentUrl,
-  usePerformanceNavigation,
-  usePerformanceNavigationEvent,
-  type Routes,
-} from '@quilted/quilt';
-import {Title, Viewport, Favicon, SearchRobots} from '@quilted/quilt/html';
-import {
-  CacheControl,
-  ResponseHeader,
-  ContentSecurityPolicy,
-  PermissionsPolicy,
-  StrictTransportSecurity,
-} from '@quilted/quilt/http';
-import Env from '@quilted/quilt/env';
-
-// This component renders the routes for your application. If you have a lot
-// of routes, or you need to customize the routes based on React context,
-// you can declare dynamic routes in component with Quilt’s `useRoutes()`
-// hook.
-const routes: Routes = [{match: '/', render: <Start />}];
-
-// The root component for your application. You will typically render any
-// app-wide context in this component.
-export default function App() {
-  return (
-    <QuiltApp http={<Http />} html={<Head />} routes={routes}>
-      <Metrics />
-    </QuiltApp>
-  );
-}
-
-// This component will be rendered for the root URL of your application. Feel
-// free to edit it, rename it, remove it entirely, or move it to a dedicated file.
-function Start() {
-  // This hook indicates that the page has loaded. It is used as part of Quilt’s
-  // navigation performance tracking feature. If you have disabled this feature,
-  // you can remove this hook.
-  usePerformanceNavigation();
-
-  return <div>Hello world!</div>;
-}
-
-// This component sets details of the HTML page. If you need to customize
-// any of these details based on conditions like the active route, or some
-// state about the user, you can move these components to wherever in your
-// application you can read that state.
-function Head() {
-  return (
-    <>
-      {/* Sets the default `<title>` for this application. */}
-      <Title>App</Title>
-
-      {/*
-       * Sets the default favicon used by the application. You can
-       * change this to a different emoji, make it `blank`, or pass
-       * a URL with the `source` prop.
-       */}
-      <Favicon emoji="🧶" />
-
-      {/* Adds a responsive-friendly `viewport` `<meta>` tag. */}
-      <Viewport cover />
-
-      {/*
-       * Disables all search indexing for this application. If you are
-       * building an unauthenticated app, you probably want to remove
-       * this component, or update it to control how your site is indexed
-       * by search engines.
-       */}
-      <SearchRobots index={false} follow={false} />
-    </>
-  );
-}
-
-// This component sets details on the HTTP response for all HTML server-rendering
-// requests. If you need to customize any of these details based on conditions like
-// the active route, or some state about the user, you can move these components to
-// wherever in your application you can read that state.
-export function Http() {
-  const isHttps = useCurrentUrl().protocol === 'https:';
-
-  return (
-    <>
-      {/*
-       * Disables the cache for this page, which is generally the best option
-       * when dealing with authenticated content. If your site doesn’t have
-       * authentication, or you have a better cache policy that works for your
-       * app or deployment, make sure to update this component accordingly!
-       *
-       * @see https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Cache-Control
-       */}
-      <CacheControl cache={false} />
-
-      {/*
-       * Sets a strict content security policy for this page. If you load
-       * assets from other origins, or want to allow some more dangerous
-       * resource loading techniques like `eval`, you can change the
-       * `defaultSources` to be less restrictive, or add additional items
-       * to the allowlist for more specific directives.
-       *
-       * @see https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy
-       */}
-      <ContentSecurityPolicy
-        reportOnly={Env.MODE === 'development'}
-        // By default, only allow sources from the page’s origin.
-        defaultSources={["'self'"]}
-        // In development, allow connections to local websockets for hot reloading.
-        connectSources={
-          Env.MODE === 'development'
-            ? ["'self'", `${isHttps ? 'ws' : 'wss'}://localhost:*`]
-            : undefined
-        }
-        // Includes `'unsafe-inline'` because CSS is often necessary in development,
-        // and can be difficult to avoid in production.
-        styleSources={["'self'", "'unsafe-inline'"]}
-        // Includes `data:` so that an inline image can be used for the favicon.
-        // If you do not use the `emoji` or `blank` favicons in your app, and you
-        // do not load any other images as data URIs, you can remove this directive.
-        imageSources={["'self'", 'data:']}
-        // Don’t allow this page to be rendered as a frame from a different origin.
-        frameAncestors={false}
-        // Ensure that all requests made by this page are made over https, unless
-        // it is being served over http (typically, during local development)
-        upgradeInsecureRequests={isHttps}
-      />
-
-      {/*
-       * Sets a strict permissions policy for this page, which limits access
-       * to some native browser features.
-       *
-       * @see https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Feature-Policy
-       */}
-      <PermissionsPolicy
-        // Disables Google’s Federated Learning of Cohorts (“FLoC”) tracking initiative.
-        // @see https://www.eff.org/deeplinks/2021/03/googles-floc-terrible-idea
-        interestCohort={false}
-        // Don’t use synchronous XHRs!
-        // @see https://featurepolicy.info/policies/sync-xhr
-        syncXhr={false}
-        // Disables access to a few device APIs that are infrequently used
-        // and prone to abuse. If your application uses these APIs intentionally,
-        // feel free to remove the prop, or pass an array containing the origins
-        // that should be allowed to use this feature (e.g., `['self']` to allow
-        // only the main page’s origin).
-        camera={false}
-        microphone={false}
-        geolocation={false}
-      />
-
-      {/*
-       * Instructs browsers to only load this page over HTTPS using the
-       * `Strict-Transport-Security` header.
-       *
-       * @see https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Strict-Transport-Security
-       */}
-      {isHttps && <StrictTransportSecurity />}
-
-      {/*
-       * Controls how much information about the current page is included in
-       * requests (through the `Referer` header). The default value
-       * (strict-origin-when-cross-origin) means that only the origin is included
-       * for cross-origin requests, while the origin, path, and querystring
-       * are included for same-origin requests.
-       *
-       * @see https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Referrer-Policy
-       */}
-      <ResponseHeader
-        name="Referrer-Policy"
-        value="strict-origin-when-cross-origin"
-      />
-
-      {/*
-       * Instructs browsers to respect the MIME type in the `Content-Type` header.
-       *
-       * @see https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/X-Content-Type-Options
-       */}
-      <ResponseHeader name="X-Content-Type-Options" value="nosniff" />
-    </>
-  );
-}
-
-// This component records metrics about your application.
-export function Metrics() {
-  usePerformanceNavigationEvent(async (navigation) => {
-    if (Env.MODE === 'development') {
-      // eslint-disable-next-line no-console
-      console.log('Navigation:');
-      // eslint-disable-next-line no-console
-      console.log(navigation);
-      return;
-    }
-
-    // If you have a service that collects metrics, you can send navigation
-    // data to them here.
-  });
-
-  return null;
-}

package/templates/app-single-file/package.json

@@ -1,35 +0,0 @@
-{
-  "name": "template-app-single-file",
-  "type": "module",
-  "version": "0.0.0",
-  "private": true,
-  "scripts": {
-    "start": "node ./build/server/server.js"
-  },
-  "dependencies": {},
-  "devDependencies": {
-    "@quilted/quilt": "^0.5.0",
-    "@types/react": "^18.0.0",
-    "@types/react-dom": "^18.0.0",
-    "preact": "^10.17.0",
-    "react": "npm:@quilted/react@^18.2.0",
-    "react-dom": "npm:@quilted/react-dom@^18.2.0"
-  },
-  "sideEffects": [
-    "*.css"
-  ],
-  "browserslist": {
-    "defaults": [
-      "extends @quilted/browserslist-config/defaults"
-    ],
-    "modules": [
-      "extends @quilted/browserslist-config/modules"
-    ],
-    "evergreen": [
-      "extends @quilted/browserslist-config/evergreen"
-    ]
-  },
-  "eslintConfig": {
-    "extends": "@quilted/eslint-config/app"
-  }
-}

package/templates/app-single-file/quilt.project.ts

@@ -1,5 +0,0 @@
-import {createProject, quiltApp} from '@quilted/craft';
-
-export default createProject((project) => {
-  project.use(quiltApp());
-});

package/templates/app-single-file/tsconfig.json

@@ -1,9 +0,0 @@
-{
-  "extends": "@quilted/typescript/project.json",
-  "compilerOptions": {
-    "outDir": "build/typescript"
-  },
-  "include": ["**/*"],
-  "exclude": ["build", "quilt.project.ts", "**/*.test.ts", "**/*.test.tsx"],
-  "references": []
-}

package/templates/app-trpc/features/Start/Start.tsx

@@ -1,16 +0,0 @@
-import {usePerformanceNavigation} from '@quilted/quilt';
-
-import {trpc} from '~/shared/trpc.ts';
-
-import styles from './Start.module.css';
-
-export default function Start() {
-  const [data] = trpc.message.useSuspenseQuery('world');
-
-  // This hook indicates that the page has loaded. It is used as part of Quilt’s
-  // navigation performance tracking feature. If you have disabled this feature,
-  // you can remove this hook.
-  usePerformanceNavigation();
-
-  return <div className={styles.Start}>{data}</div>;
-}

package/templates/app-trpc/features/Start.tsx

@@ -1,3 +0,0 @@
-import {createAsyncComponent} from '@quilted/quilt';
-
-export const Start = createAsyncComponent(() => import('./Start/Start.tsx'));

package/templates/app-trpc/foundation/Head.tsx

@@ -1 +0,0 @@
-export {Head} from './Head/Head.tsx';

package/templates/app-trpc/foundation/Http.tsx

@@ -1 +0,0 @@
-export {Http} from './Http/Http.tsx';

package/templates/app-trpc/foundation/Metrics/Metrics.tsx

@@ -1,23 +0,0 @@
-import {
-  usePerformanceNavigationEvent,
-  type PropsWithChildren,
-} from '@quilted/quilt';
-import Env from '@quilted/quilt/env';
-
-// This component records metrics about your application.
-export function Metrics({children}: PropsWithChildren) {
-  usePerformanceNavigationEvent(async (navigation) => {
-    if (Env.MODE === 'development') {
-      // eslint-disable-next-line no-console
-      console.log('Navigation:');
-      // eslint-disable-next-line no-console
-      console.log(navigation);
-      return;
-    }
-
-    // If you have a service that collects metrics, you can send navigation
-    // data to them here.
-  });
-
-  return <>{children}</>;
-}

package/templates/app-trpc/foundation/Metrics.tsx

@@ -1 +0,0 @@
-export {Metrics} from './Metrics/Metrics.tsx';