@quilted/create 0.1.0

package/templates/app/foundation/Http.tsx

@@ -0,0 +1,104 @@
+import {useCurrentUrl} from '@quilted/quilt';
+import {
+  CacheControl,
+  ResponseHeader,
+  ContentSecurityPolicy,
+  PermissionsPolicy,
+  StrictTransportSecurity,
+} from '@quilted/quilt/http';
+
+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
+        // By default, only allow sources from the page’s origin.
+        defaultSources={["'self'"]}
+        // 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" />
+    </>
+  );
+}

package/templates/app/foundation/Routes.tsx

@@ -0,0 +1,7 @@
+import {useRoutes} from '@quilted/quilt';
+
+import {Start} from '../features/Start';
+
+export function Routes() {
+  return useRoutes([{match: '/', render: () => <Start />}]);
+}

package/templates/app/package.json

@@ -0,0 +1,21 @@
+{
+  "name": "template-app",
+  "type": "module",
+  "version": "0.0.0",
+  "private": true,
+  "dependencies": {},
+  "eslintConfig": {
+    "extends": "@quilted/eslint-config/app"
+  },
+  "browserslist": {
+    "defaults": [
+      "extends @quilted/browserslist-config/defaults"
+    ],
+    "modules": [
+      "extends @quilted/browserslist-config/modules"
+    ],
+    "evergreen": [
+      "extends @quilted/browserslist-config/evergreen"
+    ]
+  }
+}

package/templates/app/quilt.project.ts

@@ -0,0 +1,6 @@
+import {createApp, quiltApp} from '@quilted/craft';
+
+export default createApp((app) => {
+  app.entry('./App');
+  app.use(quiltApp());
+});

package/templates/app/shared/types.ts

@@ -0,0 +1 @@
+export {};

package/templates/app/tsconfig.json

@@ -0,0 +1,10 @@
+{
+  "extends": "@quilted/typescript/app.json",
+  "compilerOptions": {
+    "outDir": "build/typescript",
+    "paths": {
+      "~/shared/*": ["./shared/*"]
+    }
+  },
+  "include": ["**/*"]
+}

package/templates/package/build/cjs/index.cjs

@@ -0,0 +1,2 @@
+'use strict';
+

package/templates/package/build/esm/index.mjs

@@ -0,0 +1 @@
+

package/templates/package/build/esnext/index.esnext

@@ -0,0 +1 @@
+

package/templates/package/package.json

@@ -0,0 +1,40 @@
+{
+  "name": "template-package",
+  "type": "module",
+  "version": "0.0.0",
+  "license": "MIT",
+  "engines": {
+    "node": ">=14.0.0"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/<USER>/<REPOSITORY>"
+  },
+  "publishConfig": {
+    "access": "public",
+    "@quilted:registry": "https://registry.npmjs.org"
+  },
+  "exports": {
+    ".": {
+      "quilt:esnext": "./build/esnext/index.esnext",
+      "import": "./build/esm/index.mjs",
+      "require": "./build/cjs/index.cjs"
+    }
+  },
+  "types": "./build/typescript/index.d.ts",
+  "sideEffects": false,
+  "dependencies": {},
+  "peerDependencies": {
+    "@babel/runtime": ">=7.0.0 <8.0.0"
+  },
+  "peerDependenciesMeta": {
+    "@babel/runtime": {
+      "optional": true
+    }
+  },
+  "eslintConfig": {
+    "extends": [
+      "@quilted/eslint-config/package"
+    ]
+  }
+}

package/templates/package/quilt.project.ts

@@ -0,0 +1,6 @@
+import {createPackage, quiltPackage} from '@quilted/craft';
+
+export default createPackage((pkg) => {
+  pkg.entry({source: './source/index.ts'});
+  pkg.use(quiltPackage());
+});

package/templates/package/source/index.ts

@@ -0,0 +1 @@
+export {};

package/templates/package/tsconfig.json

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

package/templates/workspace/_gitignore

@@ -0,0 +1,13 @@
+# Dependencies
+node_modules/
+
+# Quilt build outputs
+.quilt/
+build/
+
+# Special operating system files
+.DS_STORE
+
+# Temporary files
+*.log
+

package/templates/workspace/_prettierignore

@@ -0,0 +1,7 @@
+# Dependencies
+node_modules/
+
+# Quilt build outputs
+.quilt/
+build/
+packages/*/bin/

package/templates/workspace/package.json

@@ -0,0 +1,30 @@
+{
+  "name": "template-base",
+  "type": "module",
+  "version": "0.0.0",
+  "private": true,
+  "scripts": {
+    "lint": "quilt lint",
+    "test": "quilt test",
+    "type-check": "quilt type-check",
+    "develop": "quilt develop",
+    "build": "quilt build"
+  },
+  "dependencies": {
+    "@quilted/quilt": "^0.5.0",
+    "react": "npm:@quilted/react@^0.1.0",
+    "react-dom": "npm:@quilted/react@^0.1.0"
+  },
+  "devDependencies": {
+    "@quilted/browserslist-config": "^0.1.0",
+    "@quilted/craft": "^0.1.0",
+    "@quilted/eslint-config": "^0.1.0",
+    "@quilted/prettier": "^0.2.0",
+    "@quilted/typescript": "^0.2.0",
+    "typescript": "^4.6.0"
+  },
+  "prettier": "@quilted/prettier",
+  "eslintConfig": {
+    "extends": "@quilted/eslint-config/workspace"
+  }
+}

package/templates/workspace/quilt.workspace.ts

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

package/tsconfig.json

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