create-instantsearch-app 6.4.2 → 7.0.1

package/src/templates/React InstantSearch widget/vite.config.ts

@@ -1,34 +0,0 @@
-import path from 'path';
-
-import reactRefresh from '@vitejs/plugin-react-refresh';
-import vite from 'vite';
-
-// import { defineConfig } from 'vite' -> fails when type:module in package.json
-// it seems related to https://github.com/vitejs/vite/issues/1560
-// so far this is the workaround.
-const { defineConfig } = vite;
-
-// https://vitejs.dev/config/
-export default defineConfig({
-  plugins: [reactRefresh()],
-  build: {
-    lib: {
-      entry: path.resolve(__dirname, 'src/index.tsx'),
-      name: '{{ pascalCaseName }}',
-      fileName: 'index',
-      formats: ['es', 'cjs', 'umd'],
-    },
-    rollupOptions: {
-      // make sure to externalize deps that shouldn't be bundled
-      // into your library
-      external: ['react', 'react-dom', 'react-instantsearch-dom'],
-      output: {
-        globals: {
-          react: 'React',
-          'react-dom': 'ReactDOM',
-          'react-instantsearch-dom': 'ReactInstantSearchDOM',
-        },
-      },
-    },
-  },
-});

package/src/templates/Vue InstantSearch 1/.editorconfig

@@ -1,9 +0,0 @@
-root = true
-
-[*]
-charset = utf-8
-indent_style = space
-indent_size = 2
-end_of_line = lf
-insert_final_newline = true
-trim_trailing_whitespace = true

package/src/templates/Vue InstantSearch 1/.eslintrc.js

@@ -1,9 +0,0 @@
-module.exports = {
-  // extends from 'prettier/vue' until we update the Algolia configuration
-  extends: ['algolia/vue', 'prettier/vue'],
-  rules: {
-    'import/no-commonjs': 'off',
-    // enable the rule until we update the Algolia configuration
-    'vue/component-name-in-template-casing': ['error', 'kebab-case'],
-  },
-};

package/src/templates/Vue InstantSearch 1/.gitignore.template

@@ -1,21 +0,0 @@
-.DS_Store
-node_modules
-/dist
-
-# local env files
-.env.local
-.env.*.local
-
-# Log files
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-
-# Editor directories and files
-.idea
-.vscode
-*.suo
-*.ntvs*
-*.njsproj
-*.sln
-*.sw?

package/src/templates/Vue InstantSearch 1/.prettierrc

@@ -1,5 +0,0 @@
-{
-  "singleQuote": true,
-  "proseWrap": "never",
-  "trailingComma": "es5"
-}

package/src/templates/Vue InstantSearch 1/.template.js

@@ -1,14 +0,0 @@
-const install = require('../../tasks/node/install');
-const teardown = require('../../tasks/node/teardown');
-
-module.exports = {
-  libraryName: 'vue-instantsearch',
-  templateName: 'vue-instantsearch-1.x',
-  supportedVersion: '>= 1.0.0 < 2.0.0',
-  appName: 'vue-instantsearch-app',
-  keywords: ['algolia', 'InstantSearch', 'Vue', 'vue-instantsearch'],
-  tasks: {
-    install,
-    teardown,
-  },
-};

package/src/templates/Vue InstantSearch 1/README.md

@@ -1,21 +0,0 @@
-# {{name}}
-
-_This project was generated with [create-instantsearch-app](https://github.com/algolia/instantsearch/tree/master/packages/create-instantsearch-app) by [Algolia](https://algolia.com)._
-
-## Get started
-
-To run this project locally, install the dependencies and run the local server:
-
-```sh
-npm install
-npm start
-```
-
-Alternatively, you may use [Yarn](https://http://yarnpkg.com/):
-
-```sh
-yarn
-yarn start
-```
-
-Open http://localhost:3000 to see your app.

package/src/templates/Vue InstantSearch 1/babel.config.js

@@ -1,3 +0,0 @@
-module.exports = {
-  presets: ['@vue/app'],
-};

package/src/templates/Vue InstantSearch 1/package.json

@@ -1,35 +0,0 @@
-{
-  "name": "{{name}}",
-  "version": "1.0.0",
-  "private": true,
-  "scripts": {
-    "start": "vue-cli-service serve --port 3000",
-    "build": "vue-cli-service build",
-    "lint": "vue-cli-service lint",
-    "lint:fix": "npm run lint -- --fix"
-  },
-  "dependencies": {
-    "core-js": "2.6.9",
-    "vue": "2.6.10",
-    "vue-instantsearch": "{{libraryVersion}}"
-  },
-  "devDependencies": {
-    "@vue/cli-plugin-babel": "3.6.0",
-    "@vue/cli-plugin-eslint": "3.6.0",
-    "@vue/cli-service": "3.6.0",
-    "babel-eslint": "10.0.2",
-    "eslint": "5.7.0",
-    "eslint-config-algolia": "13.2.3",
-    "eslint-config-prettier": "4.1.0",
-    "eslint-plugin-import": "2.19.1",
-    "eslint-plugin-prettier": "3.1.2",
-    "eslint-plugin-vue": "5.2.2",
-    "prettier": "1.19.1",
-    "vue-template-compiler": "2.6.10"
-  },
-  "browserslist": [
-    "> 1%",
-    "last 2 versions",
-    "not ie <= 8"
-  ]
-}

package/src/templates/Vue InstantSearch 1/public/index.html

@@ -1,22 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width,initial-scale=1.0">
-    <link rel="icon" href="<%= BASE_URL %>favicon.png">
-     <!--
-      Do not use @7 in production, use a complete version like x.x.x, see website for latest version:
-      https://www.algolia.com/doc/guides/building-search-ui/installation/react/#load-the-style
-    -->
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/instantsearch.css@7/themes/algolia-min.css">
-    <title>{{name}}</title>
-  </head>
-  <body>
-    <noscript>
-      <strong>We're sorry but {{name}} doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
-    </noscript>
-    <div id="app"></div>
-    <!-- built files will be auto injected -->
-  </body>
-</html>

package/src/templates/Vue InstantSearch 1/src/App.vue

@@ -1,167 +0,0 @@
-<template>
-  <div>
-    <header class="header">
-      <h1 class="header-title">
-        <a href="/">{{name}}</a>
-      </h1>
-      <p class="header-subtitle">
-        using
-        <a href="https://github.com/algolia/instantsearch/tree/master/packages/vue-instantsearch">
-          Vue InstantSearch
-        </a>
-      </p>
-    </header>
-
-    <div class="container">
-      <ais-index app-id="{{appId}}" api-key="{{apiKey}}" index-name="{{indexName}}">
-        <div class="search-panel">
-          {{#if attributesForFaceting.length}}
-          <div class="search-panel__filters">
-            {{#each attributesForFaceting}}
-            <ais-refinement-list attribute-name="{{this}}"></ais-refinement-list>
-            {{/each}}
-          </div>
-
-          {{/if}}
-          <div class="search-panel__results">
-            <div class="searchbox">
-              <ais-search-box
-                placeholder="{{searchPlaceholder}}"
-                class="ais-SearchBox-form"
-                :class-names="{
-                  'ais-search-box': 'ais-SearchBox',
-                  'ais-input': 'ais-SearchBox-input',
-                  'ais-clear': 'ais-SearchBox-reset',
-                  'ais-clear--disabled': 'ais-SearchBox-reset--disabled',
-                  'ais-search-box__submit': 'ais-SearchBox-submit',
-                  'ais-search-box__loading-indicator':
-                    'ais-SearchBox-loadingIndicator',
-                }"
-              />
-            </div>
-
-            {{#if attributesToDisplay}}
-            <ais-results class="ais-Hits-list">
-              <template slot-scope="{ result }">
-                <article class="ais-Hits-item">
-                  <h1>
-                    <ais-highlight
-                      :result="result"
-                      attribute-name="{{attributesToDisplay.[0]}}"
-                    />
-                  </h1>
-                  {{#each attributesToDisplay}}
-                  {{#unless @first}}
-                  <p>
-                    <ais-highlight
-                      :result="result"
-                      attribute-name="{{this}}"
-                    />
-                  </p>
-                  {{/unless}}
-                  {{/each}}
-                </article>
-              </template>
-            </ais-results>
-            {{else}}
-            <ais-results class="ais-Hits-list" />
-            {{/if}}
-
-            <div class="pagination">
-              <ais-pagination
-                :class-names="{
-                  'ais-pagination': 'ais-Pagination-list',
-                  'ais-pagination__item': 'ais-Pagination-item',
-                  'ais-pagination__item--active':
-                    'ais-Pagination-item--selected',
-                  'ais-pagination__item--next': 'ais-Pagination-item--next',
-                  'ais-pagination__item--previous':
-                    'ais-Pagination-item--previous',
-                  'ais-pagination__item--disabled':
-                    'ais-Pagination-item--disabled',
-                  'ais-pagination__item--first': 'ais-Pagination-item--first',
-                  'ais-pagination__item--last': 'ais-Pagination-item--last',
-                  'ais-pagination__link': 'ais-Pagination-link',
-                }"
-              />
-            </div>
-          </div>
-        </div>
-      </ais-index>
-    </div>
-  </div>
-</template>
-
-<style>
-body,
-h1 {
-  margin: 0;
-  padding: 0;
-}
-
-body {
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica,
-    Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
-}
-
-em {
-  background: cyan;
-  font-style: normal;
-}
-
-.header {
-  display: flex;
-  align-items: center;
-  min-height: 50px;
-  padding: 0.5rem 1rem;
-  background-image: linear-gradient(to right, #4dba87, #2f9088);
-  color: #fff;
-  margin-bottom: 1rem;
-}
-
-.header a {
-  color: #fff;
-  text-decoration: none;
-}
-
-.header-title {
-  font-size: 1.2rem;
-  font-weight: normal;
-}
-
-.header-title::after {
-  content: ' ▸ ';
-  padding: 0 0.5rem;
-}
-
-.header-subtitle {
-  font-size: 1.2rem;
-}
-
-.container {
-  max-width: 1200px;
-  margin: 0 auto;
-  padding: 1rem;
-}
-
-.search-panel {
-  display: flex;
-}
-
-.search-panel__filters {
-  flex: 1;
-}
-
-.search-panel__results {
-  flex: 3;
-}
-
-.searchbox {
-  margin-bottom: 2rem;
-}
-
-.pagination {
-  margin: 2rem auto;
-  text-align: center;
-}
-</style>

package/src/templates/Vue InstantSearch 1/src/main.js

@@ -1,11 +0,0 @@
-import Vue from 'vue';
-import InstantSearch from 'vue-instantsearch';
-import App from './App.vue';
-
-Vue.config.productionTip = false;
-
-Vue.use(InstantSearch);
-
-new Vue({
-  render: h => h(App),
-}).$mount('#app');

package/src/templates/Vue InstantSearch 2/.editorconfig

@@ -1,9 +0,0 @@
-root = true
-
-[*]
-charset = utf-8
-indent_style = space
-indent_size = 2
-end_of_line = lf
-insert_final_newline = true
-trim_trailing_whitespace = true

package/src/templates/Vue InstantSearch 2/.eslintrc.js

@@ -1,9 +0,0 @@
-module.exports = {
-  // extends from 'prettier/vue' until we update the Algolia configuration
-  extends: ['algolia/vue', 'prettier/vue'],
-  rules: {
-    'import/no-commonjs': 'off',
-    // enable the rule until we update the Algolia configuration
-    'vue/component-name-in-template-casing': ['error', 'kebab-case'],
-  },
-};

package/src/templates/Vue InstantSearch 2/.gitignore.template

@@ -1,21 +0,0 @@
-.DS_Store
-node_modules
-/dist
-
-# local env files
-.env.local
-.env.*.local
-
-# Log files
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-
-# Editor directories and files
-.idea
-.vscode
-*.suo
-*.ntvs*
-*.njsproj
-*.sln
-*.sw?

package/src/templates/Vue InstantSearch 2/.prettierrc

@@ -1,5 +0,0 @@
-{
-  "singleQuote": true,
-  "proseWrap": "never",
-  "trailingComma": "es5"
-}

package/src/templates/Vue InstantSearch 2/.template.js

@@ -1,15 +0,0 @@
-const install = require('../../tasks/node/install');
-const teardown = require('../../tasks/node/teardown');
-
-module.exports = {
-  category: 'Web',
-  libraryName: 'vue-instantsearch',
-  templateName: 'vue-instantsearch-2.x',
-  supportedVersion: '>= 2.0.0 < 3.0.0',
-  appName: 'vue-instantsearch-app',
-  keywords: ['algolia', 'InstantSearch', 'Vue', 'vue-instantsearch'],
-  tasks: {
-    install,
-    teardown,
-  },
-};

package/src/templates/Vue InstantSearch 2/README.md

@@ -1,21 +0,0 @@
-# {{name}}
-
-_This project was generated with [create-instantsearch-app](https://github.com/algolia/instantsearch/tree/master/packages/create-instantsearch-app) by [Algolia](https://algolia.com)._
-
-## Get started
-
-To run this project locally, install the dependencies and run the local server:
-
-```sh
-npm install
-npm start
-```
-
-Alternatively, you may use [Yarn](https://http://yarnpkg.com/):
-
-```sh
-yarn
-yarn start
-```
-
-Open http://localhost:3000 to see your app.

package/src/templates/Vue InstantSearch 2/babel.config.js

@@ -1,3 +0,0 @@
-module.exports = {
-  presets: ['@vue/app'],
-};

package/src/templates/Vue InstantSearch 2/package.json

@@ -1,37 +0,0 @@
-{
-  "name": "{{name}}",
-  "version": "1.0.0",
-  "private": true,
-  "scripts": {
-    "start": "vue-cli-service serve --port 3000",
-    "build": "vue-cli-service build",
-    "lint": "vue-cli-service lint",
-    "lint:fix": "npm run lint -- --fix"
-  },
-  "dependencies": {
-    "algoliasearch": "4",
-    "core-js": "3.6.5",
-    "vue": "2.6.11",
-    "vue-instantsearch": "{{libraryVersion}}"
-  },
-  "devDependencies": {
-    "@babel/eslint-parser": "7.17.0",
-    "@vue/cli-plugin-babel": "4.5.15",
-    "@vue/cli-plugin-eslint": "4.5.15",
-    "@vue/cli-service": "4.5.15",
-    "@vue/eslint-config-prettier": "6.0.0",
-    "babel-eslint": "10.1.0",
-    "eslint": "6.7.2",
-    "eslint-config-algolia": "20.0.0",
-    "eslint-plugin-import": "2.25.4",
-    "eslint-plugin-prettier": "3.3.1",
-    "eslint-plugin-vue": "6.2.2",
-    "prettier": "2.2.1",
-    "vue-template-compiler": "2.6.11"
-  },
-  "browserslist": [
-    "> 1%",
-    "last 2 versions",
-    "not ie <= 8"
-  ]
-}

package/src/templates/Vue InstantSearch 2/public/index.html

@@ -1,22 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width,initial-scale=1.0">
-    <link rel="icon" href="<%= BASE_URL %>favicon.png">
-     <!--
-      Do not use @7 in production, use a complete version like x.x.x, see website for latest version:
-      https://www.algolia.com/doc/guides/building-search-ui/installation/react/#load-the-style
-    -->
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/instantsearch.css@7/themes/algolia-min.css">
-    <title>{{name}}</title>
-  </head>
-  <body>
-    <noscript>
-      <strong>We're sorry but {{name}} doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
-    </noscript>
-    <div id="app"></div>
-    <!-- built files will be auto injected -->
-  </body>
-</html>

package/src/templates/Vue InstantSearch 2/src/App.vue

@@ -1,147 +0,0 @@
-<template>
-  <div>
-    <header class="header">
-      <h1 class="header-title">
-        <a href="/">
-          {{name}}
-        </a>
-      </h1>
-      <p class="header-subtitle">
-        using
-        <a href="https://github.com/algolia/instantsearch/tree/master/packages/vue-instantsearch">
-          Vue InstantSearch
-        </a>
-      </p>
-    </header>
-
-    <div class="container">
-      <ais-instant-search :search-client="searchClient" index-name="{{indexName}}">
-        <div class="search-panel">
-          {{#if attributesForFaceting.length}}
-          <div class="search-panel__filters">
-            {{#each attributesForFaceting}}
-            <ais-refinement-list attribute="{{this}}" />
-            {{/each}}
-          </div>
-
-          {{/if}}
-          <div class="search-panel__results">
-            <div class="searchbox">
-              <ais-search-box placeholder="{{searchPlaceholder}}" />
-            </div>
-            {{#if attributesToDisplay}}
-            <ais-hits>
-              <template slot="item" slot-scope="{ item }">
-                <article>
-                  <h1>
-                    <ais-highlight :hit="item" attribute="{{attributesToDisplay.[0]}}" />
-                  </h1>
-                  {{#each attributesToDisplay}}
-                  {{#unless @first}}
-                  <p>
-                    <ais-highlight :hit="item" attribute="{{this}}" />
-                  </p>
-                  {{/unless}}
-                  {{/each}}
-                </article>
-              </template>
-            </ais-hits>
-            {{else}}
-            <ais-hits/>
-            {{/if}}
-
-            <div class="pagination">
-              <ais-pagination />
-            </div>
-          </div>
-        </div>
-      </ais-instant-search>
-    </div>
-  </div>
-</template>
-
-<script>
-import algoliasearch from 'algoliasearch/lite';
-
-export default {
-  data() {
-    return {
-      searchClient: algoliasearch('{{appId}}', '{{apiKey}}'),
-    };
-  },
-};
-</script>
-
-<style>
-body,
-h1 {
-  margin: 0;
-  padding: 0;
-}
-
-body {
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica,
-    Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
-}
-
-em {
-  background: cyan;
-  font-style: normal;
-}
-
-.header {
-  display: flex;
-  align-items: center;
-  min-height: 50px;
-  padding: 0.5rem 1rem;
-  background-image: linear-gradient(to right, #4dba87, #2f9088);
-  color: #fff;
-  margin-bottom: 1rem;
-}
-
-.header a {
-  color: #fff;
-  text-decoration: none;
-}
-
-.header-title {
-  font-size: 1.2rem;
-  font-weight: normal;
-}
-
-.header-title::after {
-  content: ' ▸ ';
-  padding: 0 0.5rem;
-}
-
-.header-subtitle {
-  font-size: 1.2rem;
-}
-
-.container {
-  max-width: 1200px;
-  margin: 0 auto;
-  padding: 1rem;
-}
-
-.search-panel {
-  display: flex;
-}
-
-.search-panel__filters {
-  flex: 1;
-}
-
-.search-panel__results {
-  flex: 3;
-}
-
-.searchbox {
-  margin-bottom: 2rem;
-}
-
-.pagination {
-  margin: 2rem auto;
-  text-align: center;
-}
-</style>