chore(examples): remove Sapper, Snowpack examples (#1423)

* chore(examples): remove Sapper example

As of June 2022, Sapper is officially deprecated.

Ref: ef01df6f4e

* chore(examples): remove Snowpack example

As of April 2022, Snowpack is no longer maintained. Vite is the recommended alternative.

Ref: 45456aa149

.prettierignore

@@ -1,6 +1,5 @@
 /lib
 /css
-__sapper__
 .svelte-kit
 .routify
 dist

README.md

@@ -225,8 +225,6 @@ export default {
 ## Examples
 
 - [examples/rollup](examples/rollup/)
-- [examples/sapper](examples/sapper/)
-- [examples/snowpack](examples/snowpack/)
 - [examples/sveltekit](examples/sveltekit/)
 - [examples/vite](examples/vite/)
 - [examples/webpack](examples/webpack/)

examples/sapper/.gitignore

@@ -1,4 +0,0 @@
-.DS_Store
-/node_modules/
-/src/node_modules/
-/__sapper__/

examples/sapper/package.json

@@ -1,32 +0,0 @@
-{
-  "version": "0.0.1",
-  "private": true,
-  "scripts": {
-    "start": "node __sapper__/build",
-    "dev": "sapper dev",
-    "build": "sapper build --legacy",
-    "export": "sapper export --legacy"
-  },
-  "dependencies": {
-    "polka": "next"
-  },
-  "devDependencies": {
-    "@babel/core": "^7.18.9",
-    "@babel/plugin-syntax-dynamic-import": "^7.0.0",
-    "@babel/plugin-transform-runtime": "^7.18.9",
-    "@babel/preset-env": "^7.18.9",
-    "@babel/runtime": "^7.18.9",
-    "@rollup/plugin-babel": "^5.3.1",
-    "@rollup/plugin-commonjs": "^21.1.0",
-    "@rollup/plugin-node-resolve": "^13.3.0",
-    "@rollup/plugin-replace": "^4.0.0",
-    "@rollup/plugin-url": "^6.1.0",
-    "carbon-components-svelte": "^0.64.3",
-    "carbon-preprocess-svelte": "^0.9.1",
-    "rollup": "^2.77.0",
-    "rollup-plugin-svelte": "^7.1.0",
-    "rollup-plugin-terser": "^7.0.0",
-    "sapper": "^0.29.3",
-    "svelte": "^3.49.0"
-  }
-}

examples/sapper/rollup.config.js

@@ -1,98 +0,0 @@
-import path from "path";
-import resolve from "@rollup/plugin-node-resolve";
-import replace from "@rollup/plugin-replace";
-import commonjs from "@rollup/plugin-commonjs";
-import url from "@rollup/plugin-url";
-import svelte from "rollup-plugin-svelte";
-import babel from "@rollup/plugin-babel";
-import { terser } from "rollup-plugin-terser";
-import { optimizeImports } from "carbon-preprocess-svelte";
-import config from "sapper/config/rollup.js";
-import pkg from "./package.json";
-
-const mode = process.env.NODE_ENV;
-const dev = mode === "development";
-const legacy = !!process.env.SAPPER_LEGACY_BUILD;
-
-const onwarn = (warning, onwarn) =>
-  (warning.code === "MISSING_EXPORT" && /'preload'/.test(warning.message)) ||
-  (warning.code === "CIRCULAR_DEPENDENCY" &&
-    /[/\\]@sapper[/\\]/.test(warning.message)) ||
-  onwarn(warning);
-
-export default {
-  client: {
-    input: config.client.input(),
-    output: config.client.output(),
-    plugins: [
-      replace({
-        preventAssignment: true,
-        "process.browser": true,
-        "process.env.NODE_ENV": JSON.stringify(mode),
-      }),
-      svelte({
-        preprocess: [optimizeImports()],
-        compilerOptions: {
-          dev,
-          hydratable: true,
-        },
-      }),
-      url({
-        sourceDir: path.resolve(__dirname, "src/node_modules/images"),
-        publicPath: "/client/",
-      }),
-      resolve({
-        browser: true,
-        dedupe: ["svelte"],
-      }),
-      commonjs(),
-
-      legacy &&
-        babel({
-          extensions: [".js", ".mjs", ".html", ".svelte"],
-          babelHelpers: "runtime",
-          exclude: ["node_modules/@babel/**"],
-          presets: [["@babel/preset-env", { targets: "> 0.25%, not dead" }]],
-          plugins: [
-            "@babel/plugin-syntax-dynamic-import",
-            ["@babel/plugin-transform-runtime", { useESModules: true }],
-          ],
-        }),
-      !dev && terser({ module: true }),
-    ],
-    preserveEntrySignatures: false,
-    onwarn,
-  },
-  server: {
-    input: config.server.input(),
-    output: config.server.output(),
-    plugins: [
-      replace({
-        preventAssignment: true,
-        "process.browser": false,
-        "process.env.NODE_ENV": JSON.stringify(mode),
-      }),
-      svelte({
-        preprocess: [optimizeImports()],
-        compilerOptions: {
-          dev,
-          generate: "ssr",
-          hydratable: true,
-        },
-        emitCss: false,
-      }),
-      url({
-        sourceDir: path.resolve(__dirname, "src/node_modules/images"),
-        publicPath: "/client/",
-        emitFiles: false, // already emitted by client build
-      }),
-      resolve({ dedupe: ["svelte"] }),
-      commonjs(),
-    ],
-    external: Object.keys(pkg.dependencies).concat(
-      require("module").builtinModules
-    ),
-    preserveEntrySignatures: "strict",
-    onwarn,
-  },
-};

examples/sapper/src/client.js

@@ -1,3 +0,0 @@
-import * as sapper from "@sapper/app";
-
-sapper.start({ target: document.querySelector("#sapper") });

examples/sapper/src/routes/_error.svelte

@@ -1,12 +0,0 @@
-<script>
-  export let status;
-  export let error;
-</script>
-
-<svelte:head>
-  <title>{status}</title>
-</svelte:head>
-
-<h1>{status}</h1>
-
-<p>{error.message}</p>

examples/sapper/src/routes/_layout.svelte

@@ -1,5 +0,0 @@
-<script>
-  import "carbon-components-svelte/css/white.css";
-</script>
-
-<slot />

examples/sapper/src/routes/index.svelte

@@ -1,5 +0,0 @@
-<script>
-  import { Button } from "carbon-components-svelte";
-</script>
-
-<Button>Primary button</Button>

examples/sapper/src/server.js

@@ -1,11 +0,0 @@
-import polka from "polka";
-import * as sapper from "@sapper/server";
-
-const { PORT, NODE_ENV } = process.env;
-const dev = NODE_ENV === "development";
-
-polka()
-  .use(sapper.middleware())
-  .listen(PORT, (err) => {
-    if (err) console.log("error", err);
-  });

examples/sapper/src/template.html

@@ -1,11 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width,initial-scale=1.0" />
-    %sapper.base% %sapper.scripts% %sapper.styles% %sapper.head%
-  </head>
-  <body>
-    <div id="sapper">%sapper.html%</div>
-  </body>
-</html>

examples/snowpack/.gitignore

@@ -1,3 +0,0 @@
-/.snowpack
-/build
-/node_modules

examples/snowpack/App.svelte

@@ -1,6 +0,0 @@
-<script>
-  import "carbon-components-svelte/css/white.css";
-  import { Button } from "carbon-components-svelte";
-</script>
-
-<Button>Primary button</Button>

examples/snowpack/index.html

@@ -1,12 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <meta name="description" content="Snowpack App" />
-    <title>snowpack</title>
-  </head>
-  <body>
-    <script type="module" src="/index.js"></script>
-  </body>
-</html>

examples/snowpack/index.js

@@ -1,5 +0,0 @@
-import App from "./App.svelte";
-
-const app = new App({ target: document.body });
-
-export default app;

examples/snowpack/package.json

@@ -1,16 +0,0 @@
-{
-  "private": true,
-  "scripts": {
-    "dev": "snowpack dev",
-    "build": "snowpack build"
-  },
-  "dependencies": {
-    "svelte": "^3.49.0"
-  },
-  "devDependencies": {
-    "@snowpack/plugin-svelte": "^3.7.0",
-    "carbon-components-svelte": "^0.67.1",
-    "carbon-preprocess-svelte": "^0.9.1",
-    "snowpack": "^3.8.8"
-  }
-}

examples/snowpack/snowpack.config.js

@@ -1,4 +0,0 @@
-/** @type {import("snowpack").SnowpackUserConfig } */
-module.exports = {
-  plugins: ["@snowpack/plugin-svelte"],
-};

examples/snowpack/svelte.config.js

@@ -1,5 +0,0 @@
-const { optimizeImports } = require("carbon-preprocess-svelte");
-
-module.exports = {
-  preprocess: [optimizeImports()],
-};