@reykjavik/webtools 0.1.37 → 0.2.0

package/{remix → react-router}/http.js

@@ -5,7 +5,7 @@ exports.isClientFetch = void 0;
  * Detects if the request is a client fetch, or an initial/full-page load.
  * Useful for deciding whether to defer data fetching or not.
  *
- * @see https://github.com/reykjavikcity/webtools/blob/v0.1/README-remix.md#isclientfetch
+ * @see https://github.com/reykjavikcity/webtools/blob/v0.2/README-rr.md#isclientfetch
  */
 const isClientFetch = (request) => 
 // For info about this detection method:

package/vanillaExtract.d.ts

@@ -2,14 +2,14 @@ import { GlobalStyleRule } from '@vanilla-extract/css';
 /**
  * Adds free-form CSS as a globalStyle
  *
- * @see https://github.com/reykjavikcity/webtools/blob/v0.1/README.md#vanillaglobal
+ * @see https://github.com/reykjavikcity/webtools/blob/v0.2/README.md#vanillaglobal
  */
 export declare const vanillaGlobal: (css: string) => void;
 /**
  * Spreads the return value into a style object, to inject free-form CSS
  * properties (or nested blocks)
  *
- * @see https://github.com/reykjavikcity/webtools/blob/v0.1/README.md#vanillaprops
+ * @see https://github.com/reykjavikcity/webtools/blob/v0.2/README.md#vanillaprops
  */
 export declare const vanillaProps: (css: string) => GlobalStyleRule;
 type ClassNameCallback = (
@@ -27,137 +27,8 @@ classNameSelector: string) => string;
  *
  * To opt out of the `&&` replacement, use the callback function signature.
  *
- * @see https://github.com/reykjavikcity/webtools/blob/v0.1/README.md#vanillaclass
+ * @see https://github.com/reykjavikcity/webtools/blob/v0.2/README.md#vanillaclass
  */
 export declare function vanillaClass(css: string | ClassNameCallback): string;
 export declare function vanillaClass(debugId: string, css: string | ClassNameCallback): string;
-/**
- * @deprecated  (Will be removed in v0.2)
- *
- * Replaces all `&` tokens with the given selector string, in a direct
- * (read. "dumb") way. It's mainly useful when used with style-mixins, etc.
- *
- * **NOTE:** `vanillaNest` does NOT support deeply nested blocks, or anything
- * so fancy. It will also replace `&` characters inside values, comments, etc.
- * If you need something more sophisticated, use a custom `postcss` config.
- *
- * ```ts
- * // someCssHelper.ts
- * import { vanillaNest } from '@reykjavik/webtools/vanillaExtract';
- *
- * export const hoverGlow = (
- *   ampSelector: string,
- *   glowiness?: 'normal' | 'insane'
- * ) =>
- *   vanillaNest(
- *     ampSelector,
- *     `
- *     &:hover {
- *       box-shadow: 0 0 20px 5px ${
- *         glowiness === 'insane' ? 'hotpink' : 'salmon'
- *       };
- *     }
- *   `
- *   );
- *
- * // ...then, somewhere else in a *.css.ts file:
- *
- * import { hoverGlow } from '~/someCssHelper.js';
- * import { vanillaGlobal } from '@reykjavik/webtools/vanillaExtract';
- *
- * vanillaGlobal(`
- *   .MyComponent {
- *     border: 1px solid #ccc;
- *     padding: 1em;
- *   }
- *   ${hoverGlow('.MyComponent')}
- *
- *   .MyOtherComponent {
- *     border: 1px solid #ccc;
- *     padding: 1em;
- *   }
- *   ${hoverGlow('.MyOtherComponent', 'insane')}
- * `);
- * ```
- *
- * (This low-level utility function is used internally by `vanillaClassNested`.
- */
-export declare const vanillaNest: (ampSelector: string, css: string) => string;
-/**
- * @deprecated  (Will be removed in v0.2)
- *
- * Returns a scoped cssClassName styled with free-form CSS.
- *
- * It also automatically replaces all `&`-tokens with
- * the selector for the auto-generated class-name.
- *
- * ```ts
- * // someFile.css.ts
- * import { vanillaClassNested } from '@reykjavik/webtools/vanillaExtract';
- *
- * export const myClass = vanillaClassNested(`
- *   background-color: #ccc;
- *   padding: .5em 1em;
- *
- *   /* Nested blocks begin: *​​/
- *   &:hover {
- *     background-color: #666;
- *     color: white;
- *   }
- *   & > strong {
- *     color: maroon;
- *   }
- *   html[data-color-theme="unicorn"] & {
- *     background-color: pink;
- *   }
- * `);
- * ```
- *
- * **NOTE:** All "bare" (un-nested) style properties **must come first**,
- * before any nested blocks.
- *
- * **NOTE 2:** `vanillaClassNested` does NOT support deeply nested blocks, or
- * anything so fancy. It will also replace `&` characters inside values,
- * comments, etc. If you need something more sophisticated, use a custom
- * `postcss` config.
- */
-export declare function vanillaClassNested(css: string): string;
-/** @deprecated  (Will be removed in v0.2) */
-/**
- * Returns a scoped cssClassName styled with free-form CSS.
- *
- * It also automatically replaces all `&`-tokens with
- * the selector for the auto-generated class-name.
- *
- * ```ts
- * // someFile.css.ts
- * import { vanillaClassNested } from '@reykjavik/webtools/vanillaExtract';
- *
- * export const myClass = vanillaClassNested(`
- *   background-color: #ccc;
- *   padding: .5em 1em;
- *
- *   /* Nested blocks begin: *​​/
- *   &:hover {
- *     background-color: #666;
- *     color: white;
- *   }
- *   & > strong {
- *     color: maroon;
- *   }
- *   html[data-color-theme="unicorn"] & {
- *     background-color: pink;
- *   }
- * `);
- * ```
- *
- * **NOTE:** All "bare" (un-nested) style properties **must come first**,
- * before any nested blocks.
- *
- * **NOTE 2:** `vanillaClassNested` does NOT support deeply nested blocks, or
- * anything so fancy. It will also replace `&` characters inside values,
- * comments, etc. If you need something more sophisticated, use a custom
- * `postcss` config.
- */
-export declare function vanillaClassNested(debugId: string, css: string): string;
 export {};

package/vanillaExtract.js

@@ -1,11 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.vanillaClassNested = exports.vanillaNest = exports.vanillaClass = exports.vanillaProps = exports.vanillaGlobal = void 0;
+exports.vanillaClass = exports.vanillaProps = exports.vanillaGlobal = void 0;
 const css_1 = require("@vanilla-extract/css");
 /**
  * Adds free-form CSS as a globalStyle
  *
- * @see https://github.com/reykjavikcity/webtools/blob/v0.1/README.md#vanillaglobal
+ * @see https://github.com/reykjavikcity/webtools/blob/v0.2/README.md#vanillaglobal
  */
 const vanillaGlobal = (css) => (0, css_1.globalStyle)('x', { x: `} ${css} x{x:` });
 exports.vanillaGlobal = vanillaGlobal;
@@ -14,7 +14,7 @@ exports.vanillaGlobal = vanillaGlobal;
  * Spreads the return value into a style object, to inject free-form CSS
  * properties (or nested blocks)
  *
- * @see https://github.com/reykjavikcity/webtools/blob/v0.1/README.md#vanillaprops
+ * @see https://github.com/reykjavikcity/webtools/blob/v0.2/README.md#vanillaprops
  */
 const vanillaProps = (css) => ({ x: `; ${css}` });
 exports.vanillaProps = vanillaProps;
@@ -31,70 +31,3 @@ function vanillaClass(cssOrDebugId, css) {
     return className;
 }
 exports.vanillaClass = vanillaClass;
-// ---------------------------------------------------------------------------
-/**
- * @deprecated  (Will be removed in v0.2)
- *
- * Replaces all `&` tokens with the given selector string, in a direct
- * (read. "dumb") way. It's mainly useful when used with style-mixins, etc.
- *
- * **NOTE:** `vanillaNest` does NOT support deeply nested blocks, or anything
- * so fancy. It will also replace `&` characters inside values, comments, etc.
- * If you need something more sophisticated, use a custom `postcss` config.
- *
- * ```ts
- * // someCssHelper.ts
- * import { vanillaNest } from '@reykjavik/webtools/vanillaExtract';
- *
- * export const hoverGlow = (
- *   ampSelector: string,
- *   glowiness?: 'normal' | 'insane'
- * ) =>
- *   vanillaNest(
- *     ampSelector,
- *     `
- *     &:hover {
- *       box-shadow: 0 0 20px 5px ${
- *         glowiness === 'insane' ? 'hotpink' : 'salmon'
- *       };
- *     }
- *   `
- *   );
- *
- * // ...then, somewhere else in a *.css.ts file:
- *
- * import { hoverGlow } from '~/someCssHelper.js';
- * import { vanillaGlobal } from '@reykjavik/webtools/vanillaExtract';
- *
- * vanillaGlobal(`
- *   .MyComponent {
- *     border: 1px solid #ccc;
- *     padding: 1em;
- *   }
- *   ${hoverGlow('.MyComponent')}
- *
- *   .MyOtherComponent {
- *     border: 1px solid #ccc;
- *     padding: 1em;
- *   }
- *   ${hoverGlow('.MyOtherComponent', 'insane')}
- * `);
- * ```
- *
- * (This low-level utility function is used internally by `vanillaClassNested`.
- */
-const vanillaNest = (ampSelector, css) => css.replace(/&/g, ampSelector);
-exports.vanillaNest = vanillaNest;
-function vanillaClassNested(cssOrDebugId, css) {
-    const debugId = css != null ? cssOrDebugId : undefined;
-    css = css != null ? css : cssOrDebugId;
-    const nestPoint = css.indexOf('&');
-    const bareStyles = nestPoint > -1 ? css.slice(0, nestPoint) : css;
-    const nestedStyles = nestPoint > -1 ? css.slice(nestPoint) : undefined;
-    const className = (0, css_1.style)((0, exports.vanillaProps)(bareStyles), debugId);
-    if (nestedStyles) {
-        (0, exports.vanillaGlobal)((0, exports.vanillaNest)(`.${className}`, nestedStyles));
-    }
-    return className;
-}
-exports.vanillaClassNested = vanillaClassNested;

package/esm/next/SiteImprove.d.ts

@@ -1,9 +0,0 @@
-import { SiteImproveProps as _SiteImproveProps } from '../SiteImprove.js';
-/** @deprecated Instead import from `@reykjavik/webtools/SiteImprove`  (Will be removed in v0.2) */
-export type SiteImproveProps = _SiteImproveProps;
-/** @deprecated Instead import from `@reykjavik/webtools/SiteImprove`  (Will be removed in v0.2) */
-export declare const SiteImprove: (props: _SiteImproveProps) => null;
-/** @deprecated Instead import from `@reykjavik/webtools/SiteImprove`  (Will be removed in v0.2) */
-export declare const pingSiteImprove: (category: string, action: string, label?: string | undefined) => void;
-/** @deprecated Instead import from `@reykjavik/webtools/SiteImprove`  (Will be removed in v0.2) */
-export declare const pingSiteImproveOutbound: (ourl: string) => void;

package/esm/next/SiteImprove.js

@@ -1,7 +0,0 @@
-import { pingSiteImprove as _pingSiteImprove, pingSiteImproveOutbound as _pingSiteImproveOutbound, SiteImprove as _SiteImprove, } from '../SiteImprove.js';
-/** @deprecated Instead import from `@reykjavik/webtools/SiteImprove`  (Will be removed in v0.2) */
-export const SiteImprove = _SiteImprove;
-/** @deprecated Instead import from `@reykjavik/webtools/SiteImprove`  (Will be removed in v0.2) */
-export const pingSiteImprove = _pingSiteImprove;
-/** @deprecated Instead import from `@reykjavik/webtools/SiteImprove`  (Will be removed in v0.2) */
-export const pingSiteImproveOutbound = _pingSiteImproveOutbound;

package/next/SiteImprove.d.ts

@@ -1,9 +0,0 @@
-import { SiteImproveProps as _SiteImproveProps } from '../SiteImprove.js';
-/** @deprecated Instead import from `@reykjavik/webtools/SiteImprove`  (Will be removed in v0.2) */
-export type SiteImproveProps = _SiteImproveProps;
-/** @deprecated Instead import from `@reykjavik/webtools/SiteImprove`  (Will be removed in v0.2) */
-export declare const SiteImprove: (props: _SiteImproveProps) => null;
-/** @deprecated Instead import from `@reykjavik/webtools/SiteImprove`  (Will be removed in v0.2) */
-export declare const pingSiteImprove: (category: string, action: string, label?: string | undefined) => void;
-/** @deprecated Instead import from `@reykjavik/webtools/SiteImprove`  (Will be removed in v0.2) */
-export declare const pingSiteImproveOutbound: (ourl: string) => void;

package/next/SiteImprove.js

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.pingSiteImproveOutbound = exports.pingSiteImprove = exports.SiteImprove = void 0;
-const SiteImprove_js_1 = require("../SiteImprove.js");
-/** @deprecated Instead import from `@reykjavik/webtools/SiteImprove`  (Will be removed in v0.2) */
-exports.SiteImprove = SiteImprove_js_1.SiteImprove;
-/** @deprecated Instead import from `@reykjavik/webtools/SiteImprove`  (Will be removed in v0.2) */
-exports.pingSiteImprove = SiteImprove_js_1.pingSiteImprove;
-/** @deprecated Instead import from `@reykjavik/webtools/SiteImprove`  (Will be removed in v0.2) */
-exports.pingSiteImproveOutbound = SiteImprove_js_1.pingSiteImproveOutbound;